@extends('master')
@section('title', 'Estaciones')
@section('content')

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

  <ul class="lista-iniciales">
    <li class="lista-iniciales-item"><a href="/estaciones" class="lista-iniciales-item-link">Todas</a></li>
    @foreach($iniciales as $inicial)
    <li class="lista-iniciales-item">
      <a href="/estaciones/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($estaciones as $estacion)
          <div class="lista-item">
            <div class="lista-item-circle" style="background-color: {{$estacion->zona_color}}">
              <div class="lista-item-circle-text"> {{$estacion->zona_codigo}}</div>
            </div>
            <div class="lista-item-content">
              <div class="lista-item-title"><a href="/estaciones/{{$estacion->id}}">{{$estacion->nombre}}</a></div>
              <div class="lista-item-info">{{$estacion->localidad}}</div>
              <div class="lista-item-info">{{$estacion->ubicacion}}</div>
            </div>
          </div>
        @endforeach
      </div>
    </div>
    <div class="col-md-3 col-lg-2">
      @include('ads.adrightcontent')
    </div>
  </div>
@endsection