@extends('cr_blank')

@section('content')
<div class="text-center title">{{ $title }}</div>
@if ($evento)
    <div>Evento: {{ $evento->nombre }}</div>
    <div>Modalidad: {{ $evento->modalidad }}</div>
    <div>Tipo del evento: {{ $evento->tipo->nombre }}</div>
    @if ($evento->detalle)
        <div>Detalle: {{ $evento->detalle }}</div>
    @endif
    <div>Cantidad en lista: {{ count($data) }}</div>
    {{-- <div>Tipo: {{ $categoria->genero=='M'?'MASCULINO':'FEMENINO' }}</div> --}}
@endif

<table class="table-data bordes">
  <tr>
    <th>N.</th>
    <th>Fecha</th>
    <th>Evento</th>
    <th>Nombre Completo</th>
    <th>Tipo Participante</th>
    <th>Tipo de Pago</th>
  </tr>
  @foreach ($data as $item)
    <tr>
      <td class="text-center">{{ ++$i }}</td>
      <td class="text-center">{{ date('d-m-Y', strtotime($item->fecha)) }}</td>
      <td>{{ $item->evento->nombre }}</td>
      <td>{{ $item->participante->nombre_completo }}</td>
      <td class="text-center">{{ $item->tipo_participante }}</td>
      <td class="text-center">{{ $item->tipo_pago }}</td>
    </tr>
  @endforeach
</table>
    
@endsection

@section('scripts')
  <style>
    .title {
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
    }
    .table-data {
      width: 100%;
      font-size: 12px;
    }
  </style>
    
@endsection