@extends('admin.layouts.app')
@section('title', 'Trips')
@section('content')
    @include('admin.includes.alerts')
    <style>
        @import url('https://fonts.googleapis.com/css?family=Raleway:500');

        /*body {*/
        /*    background-image: url(https://images.pexels.com/photos/735911/pexels-photo-735911.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);*/
        /*    font-family: 'Raleway', sans-serif;*/
        /*}*/

        .main-search-input {
            margin: 20px auto;
            border-radius: 50px;
            max-width: 1000px;
            width: 100%;
            background-color: #fff;
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            padding: 9px;
            max-height: 68px;
        }

        .main-search-input-item {
            flex: 1;
            border-right: 1px solid #e9e9e9;
            margin-top: 3px;
            position: relative;
            padding-left: 30px;
            padding-right: 30px;
        }

        .main-search-input .main-search-input-item:nth-last-child(2) {
            border-right: 0;
            padding-left: 15px;
            padding-right: 15px;
        }

        .main-search-input input, .main-search-input input:focus {
            font-size: 16px;
            border: 0;
            background: #fff;
            margin: 0;
            padding: 0;
            height: 44px;
            line-height: 44px;
            box-shadow: none;
            max-width: 100%;
            width: 100%;
            font-family: 'Raleway', sans-serif;
            outline: none !important;
        }

        .main-search-input select {
            border: 0;
            padding-top: 2px;
            padding-bottom: 0;
            height: 44px;
            box-shadow: none;
            max-width: 100%;
            font-size: 16px;
            width: 100%;
            font-family: 'Raleway', sans-serif;
            outline: none !important;
        }

        .main-search-input button.button {
            font-family: 'Raleway', sans-serif;
            font-size: 16px;
            font-weight: 500;
            padding: 0 40px;
            margin-right: 1px;
            height: 50px;
            outline: 0;
            background-color: #f91942;
            color: #fff;
            position: relative;
            overflow: hidden;
            border: 0;
            border-radius: 50px;
        }
    </style>
    <div class="main-card mb-3 card">
        <div class="card-body">

            <table style="width: 100%;" class="table table-responsive table-hover table-striped table-bordered">
                <div class="main-search-input">
                    <form action="{{url('/search-schedule')}}" method="get" role="search">
                        <div class="main-search-input-item">
                            <input type="text" name="search" placeholder="Search for Trip Date?">
                        </div>
                        <button style="background: #1b6d85" class="button" type="submit">Search</button>
                        <button style="margin-left: 5px;" class="button" href="{{ url('/schedule') }}">Refresh</button>
                    </form>
                </div>

                <a href="{{ route('schedules.create') }}"
                   class="mb-2 mr-2 btn-icon btn-sm btn-primary text-white pull-right"><i
                        class="lnr-clock btn-icon-wrapper"> </i>Register Trip</a>
                <thead>
                <tr>
                    <th width="2%">SN</th>
                    <th width="15%">Route</th>
                    <th width="8%">Bus</th>
                    <th width="8%">Class</th>
                    <th width="8%">Trip Date</th>
                    <th width="8%">Departure</th>
                    <th width="8%">Arrival</th>
                    <th width="5%">Available Seats</th>
                    <th width="8%">Label</th>
                    <th width="8%">Operator</th>
                    <th width="8%">Status</th>
                    <th width="14%">Action</th>
                </tr>
                </thead>
                <tbody>
                @foreach($trips as $i => $trip)
                    <tr>
                        <td width="2%">{{$i + $trips->firstItem()}}</td>
                        <td width="15%"></td>
                        <td width="8%">{{$trip->bus->bus_reg_no}}</td>
                        <td width="8%">
                            @if($trip->bus->class == 1)
                                <span class="mb-2 mr-2 badge badge-danger">VVIP</span>
                            @elseif($trip->bus->class == 2)
                                <span class="mb-2 mr-2 badge badge-primary">VIP</span>
                            @elseif($trip->bus->class == 3)
                                <span class="mb-2 mr-2 badge badge-info">Luxury</span>
                            @elseif($trip->bus->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%">{{$trip->trip_date}}</td>
                        <td width="8%">{{ date("g:ia", strtotime($trip->departure)) }}</td>
                        <td width="8%">{{$trip->arrival}}</td>
                        <td width="5%">
                            @php
                                if(\Illuminate\Support\Facades\Auth::user()->role == 1){
                                        $seats = \Illuminate\Support\Facades\DB::table('bookings')->where('schedule_id', $trip->id)->where('status', '1')->get()->count();
                                    }else{
                                        $seats = \Illuminate\Support\Facades\DB::table('bookings')->where('schedule_id', $trip->id)->where('status', '1')->where('company', Auth::user()->company)->get()->count();
                                    }
                                echo $seats;
                            @endphp
                        </td>
                        <td width="8%">{{$trip->label}}</td>
                        <td width="8%"></td>
                        <td width="8%">
                            @if($trip->boarding_status == 'On Journey')
                                <span class="mb-2 mr-2 badge badge-info">On Journey</span>
                            @elseif($trip->boarding_status == 'Booking is OPEN')
                                <span class="mb-2 mr-2 badge badge-success">OPEN</span>
                            @elseif($trip->boarding_status == 'Booking is CLOSED')
                                <span class="mb-2 mr-2 badge badge-danger">CLOSED</span>
                            @else
                                <span class="mb-2 mr-2 badge badge-dark">{{ $trip->boarding_status }}</span>
                            @endif
                        </td>
                        <td width="14%">{!! Form::open(array(
                                 'style' => 'display: inline-block;',
                                 'method' => 'GET',
                                 'route' => ['Edit Trip', $trip->id])) !!}
                            {!! Form::submit('Edit', array('class' => 'mb-2 mr-2 btn-icon btn-sm btn-primary')) !!}
                            {!! Form::close() !!}

                            {!! Form::open(array(
                     'style' => 'display: inline-block;',
                     'method' => 'POST',
                     'onsubmit' => "return confirm('".trans("Are sure you want to Delete Trip")."');",
                     'route' => ['Delete Trip', $trip->id])) !!}
                            {!! Form::submit('Delete', array('class' => 'mb-2 mr-2 btn-icon btn-icon-only btn btn-danger')) !!}
                            {!! Form::close() !!}

                            {!! Form::open(array(
                                 'style' => 'display: inline-block;',
                                 'method' => 'GET',
                                 'route' => ['Message Trip', $trip->id])) !!}
                            {!! Form::submit('Message', array('class' => 'mb-2 mr-2 btn-icon btn-sm btn-info')) !!}
                            {!! Form::close() !!}
                            <input type="checkbox" data-id="{{ $trip->id }}" name="offline"
                                   class="offline-switch" {{ $trip->offline == 0 ? 'checked' : '' }}>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            {{ $trips->links() }}
        </div>
    </div>
@endsection