@extends('admin.layouts.app')
@section('title', 'Routes')
@section('content')

    <div class="row">
        <div class="col-md-3">
            <div class="col">
                <div class="main-card mb-3 card">
                    <div class="card-body">
                        <h5 class="card-title">
                            @php
                                if (!empty($class)) {
                                    $x = $class;
                                    echo $x . ' CLASS ';
                                }
                            @endphp
                        </h5>
                        <div class="scroll-area-lg">
                            <div class="scrollbar-container">
                                <div
                                    class="vertical-time-icons vertical-timeline vertical-timeline--animate vertical-timeline--one-column">
                                    <div class="vertical-timeline-item vertical-timeline-element">
                                        <div><span class="vertical-timeline-element-icon bounce-in">
                                                <div class="timeline-icon border-primary"><i
                                                        class="fa fa-road icon-gradient bg-night-fade"></i></div>
                                            </span>
                                            <div class="vertical-timeline-element-content bounce-in">
                                                <h4 class="timeline-title">{{ $from }} - {{ $to }}
                                                </h4>
                                                <p>Approximate <a
                                                        href="javascript:void(0);">{{ \App\Models\Route::where(['id' => $id])->first()->approximate_hours }}
                                                    </a>Hours
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="vertical-timeline-item vertical-timeline-element">
                                        <div><span class="vertical-timeline-element-icon bounce-in">
                                                <div class="timeline-icon border-warning"><i
                                                        class="lnr-cog fa-spin icon-gradient bg-happy-itmeo"></i></div>
                                            </span>
                                            <div class="vertical-timeline-element-content bounce-in">
                                                <p>Distance <b
                                                        class="text-danger">{{ \App\Models\Route::where(['id' => $id])->first()->distance }}</b>
                                                    KM</p>
                                            </div>
                                        </div>
                                    </div>

                                    <br>
                                    <h5 class="card-title" style="margin-left: 40px; color: #0b5885">BUS CATEGORIES</h5>
                                    <br>

                                    @foreach ($classes as $i => $c)
                                        @if ($c->class == 1)
                                            <div class="vertical-timeline-item vertical-timeline-element">
                                                <div><span class="vertical-timeline-element-icon bounce-in">
                                                        <div class="timeline-icon border-dark"><i
                                                                class="lnr-bus icon-gradient bg-plum-plate"></i></div>
                                                    </span>
                                                    <div class="vertical-timeline-element-content bounce-in">
                                                        <h4 class="timeline-title">
                                                            <form method="get" action="{{ route('Route Class') }}">
                                                                @csrf
                                                                <input type="hidden" name="class"
                                                                    value="{{ $c->class }}">
                                                                <input type="hidden" name="from"
                                                                    value="{{ $from }}">
                                                                <input type="hidden" name="to"
                                                                    value="{{ $to }}">
                                                                <input type="hidden" name="route"
                                                                    value="{{ $id }}">

                                                                <button type="submit"
                                                                    class="mb-2 mr-2 btn-xs btn-icon btn-shadow btn-outline-2x btn btn-outline-dark">
                                                                    <i class="lnr-bus btn-icon-wrapper"> </i>VVIP
                                                                </button>

                                                            </form>
                                                        </h4>
                                                    </div>
                                                </div>
                                            </div>
                                        @elseif($c->class == 2)
                                            <div class="vertical-timeline-item vertical-timeline-element">
                                                <div><span class="vertical-timeline-element-icon bounce-in">
                                                        <div class="timeline-icon border-primary"><i
                                                                class="lnr-bus icon-gradient bg-plum-plate"></i></div>
                                                    </span>
                                                    <div class="vertical-timeline-element-content bounce-in">
                                                        <h4 class="timeline-title">
                                                            <form method="get" action="{{ route('Route Class') }}">
                                                                @csrf
                                                                <input type="hidden" name="class"
                                                                    value="{{ $c->class }}">
                                                                <input type="hidden" name="from"
                                                                    value="{{ $from }}">
                                                                <input type="hidden" name="to"
                                                                    value="{{ $to }}">
                                                                <input type="hidden" name="route"
                                                                    value="{{ $id }}">

                                                                <button type="submit"
                                                                    class="mb-2 mr-2 btn-xs btn-icon btn-shadow btn-outline-2x btn btn-outline-primary">
                                                                    <i class="lnr-bus btn-icon-wrapper"> </i>VIP
                                                                </button>

                                                            </form>
                                                        </h4>
                                                    </div>
                                                </div>
                                            </div>
                                        @elseif($c->class == 3)
                                            <div class="vertical-timeline-item vertical-timeline-element">
                                                <div><span class="vertical-timeline-element-icon bounce-in">
                                                        <div class="timeline-icon border-info"><i
                                                                class="lnr-bus icon-gradient bg-plum-plate"></i></div>
                                                    </span>
                                                    <div class="vertical-timeline-element-content bounce-in">
                                                        <h4 class="timeline-title">
                                                            <form method="get" action="{{ route('Route Class') }}">
                                                                @csrf
                                                                <input type="hidden" name="class"
                                                                    value="{{ $c->class }}">
                                                                <input type="hidden" name="from"
                                                                    value="{{ $from }}">
                                                                <input type="hidden" name="to"
                                                                    value="{{ $to }}">
                                                                <input type="hidden" name="route"
                                                                    value="{{ $id }}">

                                                                <button type="submit"
                                                                    class="mb-2 mr-2n btn-xs btn-icon btn-shadow btn-outline-2x btn btn-outline-info">
                                                                    <i class="lnr-bus btn-icon-wrapper"> </i>LUXURY
                                                                </button>

                                                            </form>
                                                        </h4>
                                                    </div>
                                                </div>
                                            </div>
                                        @elseif($c->class == 4)
                                            <div class="vertical-timeline-item vertical-timeline-element">
                                                <div><span class="vertical-timeline-element-icon bounce-in">
                                                        <div class="timeline-icon border-warning"><i
                                                                class="lnr-bus icon-gradient bg-plum-plate"></i></div>
                                                    </span>
                                                    <div class="vertical-timeline-element-content bounce-in">
                                                        <h4 class="timeline-title">
                                                            <form method="get" action="{{ route('Route Class') }}">
                                                                @csrf
                                                                <input type="hidden" name="class"
                                                                    value="{{ $c->class }}">
                                                                <input type="hidden" name="from"
                                                                    value="{{ $from }}">
                                                                <input type="hidden" name="to"
                                                                    value="{{ $to }}">
                                                                <input type="hidden" name="route"
                                                                    value="{{ $id }}">

                                                                <button type="submit"
                                                                    class="mb-2 mr-2 btn-xs btn-icon btn-shadow btn-outline-2x btn btn-outline-warning">
                                                                    <i class="lnr-bus btn-icon-wrapper"> </i>SEMI-LUXURY
                                                                </button>

                                                            </form>
                                                        </h4>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif

                                        {!! Form::open([
                                            'style' => 'display: inline-block;',
                                            'method' => 'GET',
                                            'route' => ['Print Route', $id],
                                        ]) !!}
                                        {!! Form::submit('Print Route', ['class' => 'btn btn-sm btn-dark']) !!}
                                        {!! Form::close() !!}
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>


        <div class="col-md-9">

            @include('admin.includes.alerts')
            <div class="mb-3 card">

                <div class="card-header">
                    <a role="tab" class="nav-link" id="tab-c1-0" data-toggle="tab">
                        <span class="nav-text">CREATE BOARDING STOPS</span>
                    </a>
                </div>
                <div class="card-body">
                    <div class="tab-content">
                        <form action="{{ route('Store Boarding Points') }}" method="POST">
                            @csrf
                            {{-- content field comes here --}}
                            <div class="form-group row">
                                <div class="col col-md-6">
                                    <label for="">Stop</label>
                                    <select name="stop_id" class="form-control select2" id="">
                                        <option value="" selected disabled>--Choose Stop--</option>
                                        @foreach ($stops as $stop)
                                            <option value="{{ $stop->id }}">{{ strtoupper($stop->stop) }} => {{strtoupper($stop->city)}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col col-md-6">
                                    <label for="">Sequency</label>
                                    <input type="number" name="sequency" class="form-control" placeholder="Sequnecy">
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col col-md-6">
                                    <label for="">Expected time to be taken in min</label>
                                    <input type="number" name="exp_time_min" class="form-control"
                                        placeholder="Expected Time Min">
                                </div>
                                <div class="col col-md-6">
                                    <label for="">Terminal</label>
                                    <select name="terminal_id" class="form-control" id="">
                                        <option value="" selected disabled>--Choose Terminal--</option>
                                        @foreach ($stops as $stop)
                                            <option value="{{ $stop->id }}">{{ strtoupper($stop->stop) }} => {{strtoupper($stop->city)}}</option>
                                        @endforeach
                                    </select>

                                    <input type="hidden" name="route_id" value="{{ $id }}">
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col col-md-12">
                                    <button class="btn btn-primary">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="d-block text-center card-footer">
                    <a href="{{ route('Routes') }}" class="btn-wide btn btn-link">BACK</a>
                </div>
            </div>
        </div>
    </div>

    <script>

    </script>
@endsection