@extends('blank')

@section('content')
  <table>
    <tr>
      <td style="width: 20%;"></td>
      <td style="width: 60%;" class="text-center">
        <div class="title">{{ $config->asociacion }}</div>
        <div>{{ $config->fecha_fundacion }}</div>
        <div>Gestión {{ date('Y') }}</div>
      </td>
      <td style="width: 20%;" class="text-center">
        @if ($club->url_img)
          <img src="{{ $club->url_img }}" alt="" height="80">
        @else
        <img src="images/club.png" alt="" height="80">
        @endif
      </td>
    </tr>
  </table>

  <div class="separe-line"></div>

  <div>CLUB: {{ $equipo->club->nombre }}</div>
  <div>Fecha de Fundación: {{ date('d/m/Y',strtotime($equipo->club->fecha_fundacion)) }}</div>
  <div>DIVISIÓN: {{ $equipo->categoria->division->nombre }}</div>
  <div>CATEGORÍA: {{ $equipo->categoria->nombre }} {{ $equipo->categoria->genero }}</div>

  <div class="separe-line"></div>
  <div class="text-center">{{ $equipo->nombre }}</div>
  <div class="separe-line"></div>

  <div>NÓMINA DE JUGADORES</div>
  <table class="bordes list-table">
    <tr class="text-center">
      <td>N.</td>
      <td>KARDEX</td>
      <td>APELLIDOS Y NOMBRES</td>
      <td>C.I.</td>
      <td>F. DE NAC.</td>
    </tr>
    @foreach ($jugadores as $item)
      <tr>
        <td class="text-center">{{ ++$i }}</td>
        <td class="text-center">{{ $item->kardex }}</td>
        <td>{{ $item->nombres }} {{ $item->apellidos }}</td>
        <td class="text-right">{{ $item->ci }} {{ $item->expedido }}</td>
        <td class="text-center">{{ date('d/m/Y',strtotime($item->fecha_nacimiento)) }}</td>
      </tr>
    @endforeach
  </table>
  <div class="separe-line"></div>
  <div>DIRECTORIO DEL CLUB</div>
  <table class="bordes list-table">
    <tr class="text-center">
      <td>NOMBRE</td>
      <td>C.I.</td>
      <td>CARGO</td>
      <td>TELÉFONO</td>
    </tr>
    @foreach ($club->directorios as $item)
      <tr>
        <td>{{ $item->nombres }}</td>
        <td class="text-right">{{ $item->ci }}</td>
        <td>{{ $item->cargo->nombre }}</td>
        <td class="text-center">{{ $item->telefono }}</td>
      </tr>
    @endforeach
  </table>
@endsection
  
@section('scripts')
  <style>
    table {
      width: 100%;
    }
    .title {
      text-transform: uppercase;
    }
    .list-table {
      width: 100%;
    }
    .separe-line {
      height: 10px;
    }
  </style>
@endsection