@extends('frontend.layouts.plain')

@section('content')


    <div class="container">

        <div class="card card-nav-tabs">
            <div class="header header-dark-blue">
                <div class="nav-tabs-navigation">
                    <div class="nav-tabs-wrapper">
                        <h3 class="h3 text-center text-uppercase">Water Level Graphs</h3>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="row" style="margin-top: 30px; margin-bottom: 30px;">

                    <div class="col-md-4">
                        <div class="card card-nav-tabs">
                            <div class="header header-info">
                                <h5 class="h5 text-center">2016 May Event Flood</h5>
                            </div>
                            <div class="content">
                                @foreach($stations['stations_16'] as $station_16)
                                    <a href="{{ route('frontend.static.research', ['station' => $station_16->station, 'observe_station' => $station_16->station,'date' => '2016-05-12']) }}"
                                       class="btn btn-block btn-info btn-md">{{ $station_16->station }}</a>
                                @endforeach
                            </div>

                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card card-nav-tabs">
                            <div class="header header-info">
                                <h5 class="h5 text-center">2017 May Event Flood</h5>
                            </div>
                            <div class="content">
                                @foreach($stations['stations_17'] as $station_17)
                                    <a href="{{ route('frontend.static.research', ['station' => $station_17->station, 'observe_station' => $station_17->station,'date' => '2017-05-20']) }}"
                                       class="btn btn-block btn-info btn-md">{{ $station_17->station }}</a>
                                @endforeach
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card card-nav-tabs">
                            <div class="header header-info">
                                <h5 class="h5 text-center">Current Water Level</h5>
                            </div>
                            <div class="content">
                                @foreach($stations['stations_daily'] as $station_daily)
                                    <a href="{{ route('frontend.static.daily', ['station' => $station_daily]) }}"
                                       class="btn btn-block btn-info btn-md">{{ $station_daily }}</a>
                                @endforeach
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>

@endsection