@extends('master')
@section('title', 'Rutas Complementarias')
@section('description', 'Consulta las rutas Complementarias.')
@section('content')

  <div class="contenido-titulo-contenedor">
    <span class="contenido-titulo-texto">COMPLEMENTARIOS</span>
  </div>

  <ul class="lista-iniciales">
    <li class="lista-iniciales-item"><a href="/complementarios" class="lista-iniciales-item-link">Todas</a></li>
    @foreach($iniciales as $inicial)
    <li class="lista-iniciales-item">
      <a href="/complementarios/search/{{$inicial->inicial}}" class="lista-iniciales-item-link">{{$inicial->inicial}}</a>
    </li>
    @endforeach
  </ul>

  <div class="row">
    <div class="col-md-9 col-lg-10">
      <div class="lista">
        @foreach($rutas as $ruta)
          <div class="lista-item">
            <div class="lista-item-circle" style="background-color: #e27300">
              <div class="lista-item-circle-text"> {{$ruta->codigo}}</div>
            </div>
            <div class="lista-item-content">
              <div class="lista-item-title">{{$ruta->nombre}}</div>
              <div class="lista-item-info">{{$ruta->turno_operando}}</div>
              <div class="lista-item-info">Paradas: {{$ruta->paradas}}</div>
              <div class="lista-item-info"><a href="/complementarios/{{$ruta->id}}/trayecto/{{$ruta->id_trayecto}}">Ver paradas</a></div>
            </div>
          </div>
        @endforeach
      </div>
    </div>
    <div class="col-md-3 col-lg-2">
      @include('ads.adrightcontent')
    </div>
  </div>

@endsection