@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></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 title">ROL OFICIAL DE PARTIDOS</div>
  <div class="title">LUGAR: {{ $lugar?$lugar->nombre:'-' }}</div>
  <div class="separe-line"></div>
  <div class="text-center title">{{ $fecha }}</div>
  <table class="bordes list-table">
    <tr class="text-center">
      <th style="width: 5%;">N°</th>
      <th style="width: 5%;">HORA</th>
      <th style="width: 25%;">CATEGORÍA</th>
      <th style="width: 25%;">EQUIPO "A"</th>
      <th style="width: 5%;">VS</th>
      <th style="width: 25%;">EQUIPO "B"</th>
      <th style="width: 10%;">ÁRBITRO</th>
    </tr>
    @foreach ($partidos as $item)
      <tr class="text-center">
        <td>{{ ++$i }}</td>
        <td>{{ $item->hora }}</td>
        <td>{{ $item->categoria->nombre }} {{ $item->categoria->genero }}</td>
        <td>{{ $item->equipo_a->nombre }}</td>
        <td>vs</td>
        <td>{{ $item->equipo_b->nombre }}</td>
        <td>{{ $item->arbitro->nombre }}</td>
      </tr>
    @endforeach
  </table>
@endsection
  
@section('scripts')
  <style>
    table {
      width: 100%;
    }
    .title {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 20px;
    }
    .list-table {
      width: 100%;
      font-size: 13px;
    }
    .separe-line {
      height: 10px;
    }
  </style>
@endsection