@extends('admin.layouts.app')

@section('title', 'Passenger Booking Details')

@section('content')
    <div class="row">
        {{--        <div class="col-md-1"></div>--}}
        <div class="col-md-12">
            @include('admin.includes.alerts')


            <div class="col-md-12 col-lg-12 col-xl-12">
                <div class="card-shadow-primary card-border mb-3 card">
                    <div class="card-shadow-primary card-border mb-3 card">
                        <div class="dropdown-menu-header">
                            <div class="dropdown-menu-header-inner bg-primary">
                                <div class="menu-header-image"
                                     style="background-image: url('../kemetadmin/images/ubungo.jpeg');"></div>
                                <div class="menu-header-content">
                                    <div class="avatar-icon-wrapper avatar-icon-lg">
                                        <div class="avatar-icon rounded btn-hover-shine"><img
                                                src="../kemetadmin/images/webtickets.png"
                                                alt="Abiria"></div>
                                    </div>
                                    <div><h5 class="menu-header-title">Abiria : {{ $fullname }}</h5><h6
                                            class="menu-header-subtitle">Simu : {{ $msisdn }}</h6><h6
                                            class="menu-header-subtitle">Kitambulisho : {{ $identity }}</h6><h6
                                            class="menu-header-subtitle">Barua Pepe : {{ $email }}</h6>
                                        <h6 class="menu-header-subtitle">Jinsia : {{ $gender }}</h6>
                                        <h6 class="menu-header-subtitle">Umri : {{ $age }}</h6></div>
                                    <div class="menu-header-btn-pane">
                                        <button class="mr-2 btn btn-info btn-sm">{{ $status }}</button>
                                        <h6 class="menu-header-subtitle">{{ $origin }} - {{ $destination }}</h6></div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-md-3">
                            {{--                            <div class="scroll-area-sm">--}}
                            {{--                                <div class="scrollbar-container">--}}
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-date text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Tarehe ya safari : {{ $tripDate }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>

                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-way text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Kutoka : {{ $origin }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-way text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Kwenda : {{ $destination }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-way text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Kupandia : {{ $board }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-way text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Kushukia : {{ $drop }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>

                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-timer text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Muda wa Kuondoka : {{ $departure }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-timer text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
{{--                                                <div class="widget-heading">Muda wa Kufika : {{ $arrival }}</div>--}}
                                                <div class="widget-heading">Muda wa Kuripoti : {{ $reportingTime }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>


                            </ul>
                            {{--                                </div>--}}
                            {{--                            </div>--}}

                        </div>
                        <div class="col-md-3">
                            {{--                            <div class="scroll-area-sm">--}}
                            {{--                                <div class="scrollbar-container">--}}
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-hourglass text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Siti # : {{ $seatName }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-car text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Basi # : {{ $bus }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-usb text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Daraja : {{ $class }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-angle-right-circle text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Rebo : {{ $label }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-culture text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Kampuni : {{ $company }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            {{--                                </div>--}}
                            {{--                            </div>--}}

                        </div>

                        <div class="col-md-3">
                            {{--                            <div class="scroll-area-sm">--}}
                            {{--                                <div class="scrollbar-container">--}}
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-ticket text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Ticket : {{ $ticket ?? '' }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-cash text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Nauli : {{ $fare ?? '' }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-user text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Wakala : {{ $agent ?? '' }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-safe text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Fiscal # : {{ $fiscal }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            {{--                                </div>--}}
                            {{--                            </div>--}}

                        </div>


                        <div class="col-md-3">
                            {{--                            <div class="scroll-area-sm">--}}
                            {{--                                <div class="scrollbar-container">--}}
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"><i
                                                    class="pe-7s-date text-muted fsize-2"></i></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">Tarehe ya booking : {{ $bookingDate }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">
                                            <div class="widget-content-left center-elem mr-2"></div>
                                            <div class="widget-content-left">
                                                <div class="widget-heading">
                                                    <center>
                                                        <div><img style="height: 100px; width: 100px; " src="{{ url('tiketigala/images/qr.jpeg') }}" alt="FISCAL CODE"></div>
                                                    </center>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            {{--                                </div>--}}
                            {{--                            </div>--}}

                        </div>


                    </div>


                                    <div class="text-center d-block card-footer">
                                        <a href="{{ route('Bookings') }}" class="mr-2 border-0 btn-transition btn btn-outline-danger">Back</a>

                                        {!! Form::open(array(
                                 'style' => 'display: inline-block;',
                                 'method' => 'GET',
                                 'route' => ['Reschedule Form', $id])) !!}
                                        {!! Form::submit('Reschedule', array('class' => 'btn btn-sm btn-success')) !!}
                                        {!! Form::close() !!}

                                        {!! Form::open(array(
                                 'style' => 'display: inline-block;',
                                 'method' => 'GET',
                                 'route' => ['Link Online Form', $id])) !!}
                                        {!! Form::submit('Link Online/Lipa #', array('class' => 'btn btn-sm btn-info')) !!}
                                        {!! Form::close() !!}
                                    </div>
                </div>
            </div>
        </div>


    </div>
@endsection