@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>
                                        @else
                                            <div class="vertical-timeline-item vertical-timeline-element">
                                                <div><span class="vertical-timeline-element-icon bounce-in"><div
                                                                class="timeline-icon border-success"><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-success">
                                                                    <i class="lnr-bus btn-icon-wrapper"> </i>ORDINARY
                                                                </button>

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

                                        {!! Form::open(array(
                                 'style' => 'display: inline-block;',
                                 'method' => 'GET',
                                 'route' => ['Print Route', $id])) !!}
                                        {!! Form::submit('Print Route', array('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-body">
                    <ul class="tabs-animated-shadow nav-justified tabs-animated nav">
                        <li class="nav-item">
                            <a role="tab" class="nav-link active" id="tab-c1-0" data-toggle="tab"
                               href="#tab-animated1-0">
                                <span class="nav-text">SUB-ROUTES</span>
                            </a>
                        </li>

                        <li class="nav-item">
                            <a role="tab" class="nav-link" id="tab-c1-3" data-toggle="tab"
                               href="#tab-animated1-3">
                                <span class="nav-text">BOARDING STOPS</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a role="tab" class="nav-link" id="tab-c1-1" data-toggle="tab" href="#tab-animated1-1">
                                <span class="nav-text">AGENTS</span>
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab-animated1-0" role="tabpanel">

                            <div class="row">
                                <div class="col-12 d-flex justify-content-end">
                                    {!! Form::open(array(
                                    'style' => 'display: inline-block;',
                                    'method' => 'GET',
                                    'route' => ['Create Sub Route', $id, $from, $to, $code])) !!}
                                    {!! Form::submit('Register Sub-Routes', array('class' => 'mb-2 mr-2 btn-icon btn-sm btn-danger')) !!}
                                    {!! Form::close() !!}

                                </div>
                            </div>

                            <table style="width: 100%;"
                                   class="table table-responsive table-hover table-striped table-bordered">
                                <thead>
                                <tr>
                                    {{--                                    <th><input type="checkbox" id="checkAll"> Select All</th>--}}
                                    <th>SN</th>
                                    <th width="20%">Route</th>
                                    <th>Class</th>
                                    <th width="8%">Min Price</th>
                                    <th width="8%">Adjustment</th>
                                    <th width="8%">Commision</th>
                                    <th>Seats Limit</th>
                                    <th>Duration(Hour)</th>
                                    <th>Distance</th>
                                    <th width="8%">Total Fare</th>
                                    {{--                                    <th>Status</th>--}}
                                    <th width="15%">Action</th>

                                </tr>
                                </thead>
                                <tbody>

                                @foreach($subroutes as $i => $subroute)
                                    <tr>
                                        <form method="get" enctype="multipart/form-data"
                                              action="{{ route('Update Sub-Route') }}">
                                            @csrf
                                            {{--                                            <td><input type="checkbox" id="checkItem" data-id="{{$subroute->id}}"></td>--}}
                                            <td>{{$i + $subroutes->firstItem()}}</td>
                                            <td width="20%">
                                                @php
                                                    $pointA = \Illuminate\Support\Facades\DB::table('routes')->where('id', $subroute->route)->where('status', '1')->value('start_point');
                                                    $pointB = \Illuminate\Support\Facades\DB::table('routes')->where('id', $subroute->route)->where('status', '1')->value('end_point');

                                                $from = \Illuminate\Support\Facades\DB::table('cities')->where('id', $pointA)->value('city');
                                                $to = \Illuminate\Support\Facades\DB::table('cities')->where('id', $pointB)->value('city');
                                                echo $subroute->pointA.' - '.$subroute->pointB;
                                                @endphp
                                            </td>
                                            <td>
                                                @if($subroute->class == 1)
                                                    <span class="mb-2 mr-2 badge badge-danger">VVIP</span>
                                                @elseif($subroute->class == 2)
                                                    <span class="mb-2 mr-2 badge badge-primary">VIP</span>
                                                @elseif($subroute->class == 3)
                                                    <span class="mb-2 mr-2 badge badge-info">Luxury</span>
                                                @elseif($subroute->class == 4)
                                                    <span class="mb-2 mr-2 badge badge-warning">Semi-Luxury</span>
                                                @else
                                                    <span class="mb-2 mr-2 badge badge-success">Ordinary</span>
                                                @endif
                                            </td>
                                            <td width="8%"><input type="hidden" name="route" value="{{ $id }}">
                                                <input type="hidden" name="from" value="{{ $from  }}">
                                                <input type="hidden" name="to" value="{{ $to }}">
                                                <input type="hidden" name="code" value="{{ $code ?? '' }}">
                                                <input type="hidden" name="id" value="{{ $subroute->id ?? old('id') }}">
                                                <input name="price" type="text" placeholder=""
                                                       value="{{ $subroute->price ?? old('price') }}"
                                                       class="form-control"></td>
                                            <td width="8%"><input name="commission" type="text" placeholder=""
                                                                  value="{{ $subroute->commission ?? old('commission') }}"
                                                                  class="form-control"></td>
                                            <td width="8%"><input name="fixedCommission" type="text" placeholder=""
                                                                  value="{{ $subroute->fixedCommission ?? old('fixedCommission') }}"
                                                                  class="form-control"></td>
                                            <td><input name="seat_limit" type="text" placeholder=""
                                                       value="{{ $subroute->seat_limit ?? old('seat_limit') }}"
                                                       class="form-control"></td>
                                            <td><input name="duration" type="text" placeholder=""
                                                       value="{{ $subroute->duration ?? old('duration') }}"
                                                       class="form-control"></td>
                                            <td><input name="distance" type="text" placeholder=""
                                                       value="{{ $subroute->distance ?? old('distance') }}"
                                                       class="form-control"></td>
                                            <td width="8%">{{ $subroute->fare ?? old('fare') }}</td>

                                            <td width="15%">
                                                <button type="submit" class="mb-2 mr-2 btn-success btn-sm">Update
                                                </button>
                                                <input type="checkbox" data-id="{{ $subroute->id }}" name="status"
                                                       class="js-switch" {{ $subroute->is_deleted == 0 ? 'checked' : '' }}>
                                            </td>
                                        </form>
                                    </tr>

                                @endforeach
                                </tbody>
                            </table>


                        </div>
                        <div class="tab-pane" id="tab-animated1-3" role="tabpanel">
                            <table style="width: 100%;"
                                   class="table table-responsive table-hover table-striped table-bordered">
                                <div class="pull-right" style="margin-top: 15px; margin-bottom: 15px;">
                                    <a href="{{ route('Route Boarding Points', ['id' => $id, 'from' => $from, 'to' => $to, 'code' => $code]) }}"
                                       class="mb-4 mr-4 btn-icon btn-sm btn-primary text-white pull-left">
                                        <i class="pe-7s-way btn-icon-wrapper"></i>Boarding Stops
                                    </a>
                                </div>
                                <thead>
                                <tr>
                                    <th width="1%">SN</th>
                                    <th width="5%">Region</th>
                                    <th width="8%">Stop</th>
                                    <th width="8%">Terminal</th>
                                    <th width="5%">Seq</th>
                                    <th width="5%">ETA (In minutes)</th>
                                    <th width="13%">Action</th>
                                    <th width="1%">Active</th>
                                </tr>
                                </thead>

                                <tbody id="boarding-stops-body">
                                @forelse ($boarding_stops as $index => $boarding_stop)
                                    <tr id="row-{{ $index }}" data-sequency="{{ $boarding_stop->sequence }}">
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ strtoupper($boarding_stop->city_name) }}</td>
                                        <td>{{ strtoupper($boarding_stop->stop_name) }}</td>
                                        <td>{{ strtoupper($boarding_stop->terminal_name) }}</td>
                                        <td class="sequency">{{ $boarding_stop->sequence }}</td>
                                        <td>{{ $boarding_stop->eta_in_minute }}</td>
                                        <td>
                                            <button class="btn btn-secondary btn-sm" style="display: inline-block"
                                                    onclick="addFields('before', {{ $index }}, {{ $boarding_stop->sequence }})">
                                                +
                                                Before
                                            </button>
                                            <button class="btn btn-secondary btn-sm" style="display: inline-block"
                                                    onclick="addFields('after', {{ $index }}, {{ $boarding_stop->sequence }})">
                                                +
                                                After
                                            </button>
                                            <button style="display: inline-block"
                                                    class="btn btn-danger btn-sm">Delete
                                            </button>
                                        </td>
                                        <td>
                                            <input type="checkbox" data-route_id="{{ $id }}"
                                                   data-id="{{ $boarding_stop->stop_id }}" name="is_active"
                                                   class="js-switch-status" {{ $boarding_stop->is_active == 1 ? 'checked' : '' }}>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="8">No Boarding Stops Available!</td>
                                    </tr>
                                @endforelse
                                </tbody>

                            </table>
                        </div>
                        <div class="tab-pane" id="tab-animated1-1" role="tabpanel">
                            <table style="width: 100%;"
                                   class="table table-hover table-striped table-bordered">
                                <thead>
                                <tr>

                                    <th>SN</th>
                                    <th width="20%">Agent</th>
                                    <th>Mobile</th>
                                    <th>Type</th>
                                    <th>Seat</th>
                                    <th>Address</th>
                                    <th width="20%">Action</th>

                                </tr>
                                </thead>
                                <tbody>

                                @foreach($agents ?? '' as $i => $agent)

                                    <tr>
                                        <form method="get" enctype="multipart/form-data"
                                              action="{{ route('Update Sub-Route') }}">
                                            @csrf
                                            <td>{{$i + $agents->firstItem()}}</td>
                                            <td width="20%">
                                                @php
                                                    $name = \Illuminate\Support\Facades\DB::table('agents')->where('msisdn', $agent->msisdn)->value('name');
                                               echo $name;
                                                @endphp</td>
                                            <td>{{ $agent->msisdn }}</td>
                                            <td>
                                                @if($agent->type == 1)
                                                    <span class="mb-2 mr-2 badge badge-danger">Non-Commisioned</span>
                                                @elseif($agent->type == 2)
                                                    <span class="mb-2 mr-2 badge badge-primary">Commisioned</span>
                                                @else
                                                    <span class="mb-2 mr-2 badge badge-success">N/A</span>
                                                @endif
                                            </td>
                                            <td>{{ $agent->seat_start }} - {{ $agent->seat_end }}</td>
                                            <td>{{ $agent->address }}</td>
                                            <td width="20%">
                                                <button type="submit" name="UpdateRoute" value="deleteSubRoute"
                                                        class="mb-2 mr-2 btn-danger btn-sm">Remove
                                                </button>
                                            </td>
                                        </form>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>

                        </div>
                    </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>

    @include('admin.routes.footer')
@endsection