@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>
@endif

<table class="table-data bordes">
  <tr>
    <th style="width: 2%;">N.</th>
    <th style="width: 14%;">Nombre Completo</th>
    <th style="width: 10%;">Tipo Participante</th>
    <th style="width: 8%;">Institución</th>
    <th style="width: 8%;">Documento</th>
    <th style="width: 8%;">Tipo</th>
    <th style="width: 6%;">País</th>
    <th style="width: 10%;">Ciudad</th>
    <th style="width: 10%;">Dirección</th>
    <th style="width: 12%;">Email</th>
    <th style="width: 12%;">Teléfono</th>
  </tr>
  @foreach ($data as $item)
    <tr>
      <td class="text-center">{{ ++$i }}</td>
      <td>{{ $item->participante->nombre_completo }}</td>
      <td class="text-center">{{ $item->tipo_participante }}</td>
      <td>{{ $item->participante->institucion->nombre }}</td>
      <td>{{ $item->participante->documento }} {{ $item->participante->nro_documento }}</td>
      <td>{{ $item->participante->tipo }}</td>
      <td>{{ $item->participante->pais }}</td>
      <td>{{ $item->participante->ciudad }}</td>
      <td>{{ $item->participante->direccion }}</td>
      <td>{{ $item->participante->email }}</td>
      <td>{{ $item->participante->telefono }}</td>
    </tr>
  @endforeach
</table>
    
@endsection

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