@extends('admin.layouts.app')
@section('title', 'Buses')
@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: 15px 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">
            <a href="{{ route('Register Bus') }}" class="mb-2 mr-2 btn-icon btn-sm btn-primary text-white pull-right"><i
                    class="lnr-bus btn-icon-wrapper"> </i>Register Bus</a>
            {!! Form::open(array(
                                     'style' => 'display: inline-block;',
                                     'method' => 'POST',
                                     'route' => ['Print Bus'])) !!}
            {!! Form::submit('Print Buses', array('class' => 'btn btn-sm btn-dark pull-right')) !!}
            {!! Form::close() !!}
            <table id="example" style="width: 100%;" class="table table-hover table-striped table-bordered">

{{--                <div class="main-search-input">--}}
{{--                    <div class="main-search-input-item">--}}
{{--                        <input type="text" placeholder="What are you looking for?" value="">--}}
{{--                    </div>--}}
{{--                    <div class="main-search-input-item location">--}}
{{--                        <input type="text" placeholder="Reference" value="">--}}
{{--                        <a href="#"><i class="fa fa-dot-circle-o"></i></a>--}}
{{--                    </div>--}}
{{--                    <div class="main-search-input-item">--}}
{{--                        <select data-placeholder="All Categories" class="chosen-select">--}}
{{--                            <option>All Categories</option>--}}
{{--                            <option>CASH</option>--}}
{{--                            <option>ONLINE</option>--}}
{{--                            <option>ON PROCESS</option>--}}
{{--                            <option>EXPIRED</option>--}}
{{--                            <option>CANCELLED</option>--}}
{{--                        </select>--}}

{{--                    </div>--}}
{{--                    <button class="button" onclick="window.location.href='listings-half-screen-map-list.html'">Search</button>--}}
{{--                </div>--}}


                <thead>
                <tr>
                    <th>SN</th>
                    <th>Plate #</th>
                    <th>Class</th>
                    <th>Seats</th>
                    <th>Order</th>
                    <th>Status</th>
                    <th>Operator</th>
                    <th>Manufacturer</th>
                    <th>Image</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @foreach($buses as $i => $bus)
                    <tr>
                        <td>{{$i + $buses->firstItem()}}</td>
                        <td><strong><a href="#">{{$bus->bus_reg_no}}</a></strong></td>
                        <td>{{$bus->class}}</td>
                        <td>{{$bus->capacity}}</td>
                        <td>{{$bus->seat_order}}</td>
                        <td>
                            @if($bus->status == '1')
                                <span class="mb-2 mr-2 badge badge-success">Active</span>
                            @elseif($bus->status == '0')
                                <span class="mb-2 mr-2 badge badge-danger">Inactive</span>
                            @elseif($bus->status == '2')
                                <span class="mb-2 mr-2 badge badge-danger">Gerage</span>
                            @else
                                <span class="mb-2 mr-2 badge badge-dark">No Information</span>
                            @endif
                        </td>
                        <td>{{\App\Models\Company::where(['id' => $bus->company])->first()->name}}</td>
                        <td>{{$bus->manufacturer}}</td>
                        <td><img src="data:image/png;base64,{{ $bus->image_base64 }}" alt="{{$bus->manufacturer}}" style="width: 100px; height: 60px;"></td>
                        <td>
                            <a href="{{ route('Bus Details', $bus->id) }}" class="btn-icon btn-icon-only btn btn-alternate btn-sm"><i class="fa fa-edit btn-icon-wrapper"> </i></a>

                            {!! Form::open(array(
                     'style' => 'display: inline-block;',
                     'method' => 'POST',
                     'onsubmit' => "return confirm('".trans("Are sure you want to Delete")."');",
                     'route' => ['Delete Bus', $bus->id])) !!}
                            {!! Form::submit('Delete', array('class' => 'btn btn-sm btn-danger')) !!}
                            {!! Form::close() !!}
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            {{ $buses->links() }}
        </div>
    </div>
@endsection