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

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

  <ul class="lista-iniciales">
    <li class="lista-iniciales-item"><a href="/rutastransmilenio" class="lista-iniciales-item-link">Todas</a></li>
    @foreach($iniciales as $inicial)
    <li class="lista-iniciales-item">
      <a href="/rutastransmilenio/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: {{$ruta->zona_color}}">
              <div class="lista-item-circle-text"> {{$ruta->nombre}}</div>
            </div>
            <div class="lista-item-content">
              <div class="lista-item-title">{{$ruta->turno_operando == ''? 'Fuera de servicio' : 'Operando '.$ruta->turno_operando}}</div>
              <div class="lista-item-info">Origen: {{$ruta->origen_nombre}}</div>
              <div class="lista-item-info">Destino: {{$ruta->destino_nombre}}</div>
              <div class="lista-item-info">Paradas: {{$ruta->paradas}}</div>
              <div class="lista-item-info"><a href="/rutastransmilenio/{{$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