@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="text-center sub-title">FORMULARIO: 01</div>
  <div class="text-center sub-title">REGISTRO DE CLUBES</div>
  
  <table class="bordes list-table">
    <tr>
      <td style="width: 30%">NOMBRE DEL CLUB:</td>
      <td style="width: 45%" class="text-center">{{ $club->nombre }}</td>
      <td style="width: 25%" rowspan="6" class="text-center">
        @if ($club->url_img)
          <img src="{{ $club->url_img }}" class="" style="height: 150px;">
        @endif
      </td>
    </tr>
    <tr>
      <td>FECHA DE FUNDACIÓN:</td>
      <td class="text-center">{{ $club->fecha_fundacion?date('d-m-Y',strtotime($club->fecha_fundacion)):'-' }}</td>
    </tr>
    <tr>
      <td>DIRECCIÓN ACTUAL:</td>
      <td class="text-center">{{ $club->direccion }}</td>
    </tr>
    <tr>
      <td>FECHA DE AFILIACIÓN ASOCIACIÓN:</td>
      <td class="text-center">{{ $club->fecha_afiliacion?date('d-m-Y',strtotime($club->fecha_afiliacion)):'-' }}</td>
    </tr>
    <tr>
      <td>TELÉFONO: {{ $club->telefono }}</td>
      <td>E-MAIL: {{ $club->email }}</td>
    </tr>
    <tr>
      <td>UNIFORME OFICIAL:</td>
      <td class="text-center">{{ $club->uniforme }}</td>
    </tr>
  </table>
  <div class="text-center sub-title-second">CONSTITUCIÓN DE LA DIRECTIVA ACTUAL</div>
  <table class="bordes directiva-table">
    <tr>
      <td>CARGO</td>
      <td>NOMBRES Y APELLIDOS</td>
      <td>TELÉFONO</td>
    </tr>
    @foreach ($club->directorios as $item)
      <tr>
        <td>{{ $item->cargo->nombre }}</td>
        <td>{{ $item->nombres }} {{ $item->apellidos }}</td>
        <td>{{ $item->telefono }}</td>
      </tr>
    @endforeach
  </table>
  <br>
  <div>Participamos en los campeonatos organizados por la Asociación con equipos, de acuerdo al detalle siguiente:</div>
  @foreach ($divisiones as $div)
    <div class="sub-title-second">División: {{ $div->nombre }}</div>
    <table class="data-table">
      <tr>
        <td style="width: 33%;">
          <div>DAMAS</div>
        </td>
        <td style="width: 34%;">
          <div>VARONES</div>
        </td>
        <td style="width: 33%;">
          <div>MIXTO/LIBRE</div>
        </td>
      </tr>
      <tr>
        <td>
          @foreach ($div->categorias as $cat)
            @if ($cat->genero == 'DAMAS')
              <div>(___) {{ $cat->nombre }}</div>
            @endif
          @endforeach
        </td>
        <td>
          @foreach ($div->categorias as $cat)
            @if ($cat->genero == 'VARONES')
              <div>(___) {{ $cat->nombre }}</div>
            @endif
          @endforeach
        </td>
        <td>
          @foreach ($div->categorias as $cat)
            @if ($cat->genero == 'MIXTO' || $cat->genero == 'LIBRE')
              <div>(___) {{ $cat->nombre }}</div>
            @endif
          @endforeach
        </td>
      </tr>
    </table>
  @endforeach

  <div style="height: 80px;"></div>
  <table class="text-center">
    <tr>
      <td>.............................</td>
      <td>.............................</td>
    </tr>
    <tr>
      <td>PRESIDENTE</td>
      <td>SECRETARIO</td>
    </tr>
  </table>

  <table>
    <tr>
      <td style="width: 35%;"></td>
      <td style="width: 30%;" class="borde">FECHA: <span style="color: white;">_______________</span></td>
      <td style="width: 35%;"></td>
    </tr>
  </table>

@endsection
  
@section('scripts')
  <style>
    table {
      width: 100%;
    }
    .title {
      text-transform: uppercase;
    }
    .list-table {
      width: 100%;
      font-size: 13px;
    }
    .sub-title {
      text-transform: uppercase;
      font-size: 16px;
      font-weight: bold;
      padding: 0px;
    }
    .sub-title-second {
      text-transform: uppercase;
      font-size: 16px;
      font-weight: bold;
      padding: 8px;
    }
    .directiva-table {
      font-size: 13px;
    }
    .data-table {
      font-size: 14px;
    }
    .borde {
      border: 1px solid black;
    }
    .txt-date {
      width: 100px;
      /* text-align: left; */
    }
  </style>
@endsection