@extends('admin.layouts.admin')

@section('title', 'Vehicle')

@section('content')
    @include('admin.snippets.msg')
    <div class="row">
        <div class="col-sm-12">
            <a class="btn btn-primary" href="{{ route('admin.buses.create') }}"><i class="fa fa-plus-circle"></i> Add New Vehicle</a>
            <button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#buses_import_modal"><i class="fa fa-file"></i> Import From Excel</button>
        </div>

        <div class="col-md-12 col-sm-12 col-xs-12">
            {{ Form::open(['route'=>['admin.buses'],'method' => 'get','class'=>'form-horizontal form-label-left']) }}
            <div class="form-group">
                <label class="control-label col-sm-3 col-xs-12" for="search">
                    Search
                </label>
                <div class="col-sm-4 col-xs-12">
                    <input id="search" type="text" class="form-control col-md-7 col-xs-12" placeholder="Search for bus number"
                           name="search" required value="{{ app('request')->input('search')  }}">
                </div>
                <div class="col-sm-5 col-xs-12">
                    <button type="submit" class="btn btn-success"><i class="fa fa-search"></i> Search</button>
                </div>
            </div>
            <div class="form-group">

            </div>
            {{ Form::close() }}
        </div>

        <table class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0"
               width="100%">
            <thead>
            <tr>
                <th>Vehicle Number Plate</th>
                <th>Make</th>
                <th>Capacity</th>
                <th>Fuel</th>
                <th>Route</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            @forelse($buses as $bus)
                <tr>
                    <td>{{ $bus->bus_number }}</td>
                    <td>{{ $bus->make }}</td>
                    <td>{{ $bus->capacity }}</td>
                    <td>{{ $bus->fuel }}</td>
                    <td><a href="{{ route('admin.routes.edit', $bus->route_id)  }}">{{ $bus->route->title }}</a></td>
                    <td>
                        <a class="btn btn-xs btn-info" href="{{ route('admin.buses.edit', [$bus->id]) }}" data-toggle="tooltip" data-placement="top" data-title="Edit">
                            <i class="fa fa-pencil"></i>
                        </a>
                        <a class="btn btn-xs btn-danger removeRecord" href="{{ route('admin.buses.destroy', [$bus->id]) }}" data-toggle="tooltip" data-placement="top" data-title="Delete">
                            <i class="fa fa-trash"></i>
                        </a>
                    </td>
                </tr>
            @empty
                @include('admin.sections.no_result')
            @endforelse
            </tbody>
        </table>
        <div class="pull-right">
            {{ $buses->links() }}
        </div>
    </div>

     <!-- Modal -->
     <div id="buses_import_modal" class="modal fade" role="dialog">
        <div class="modal-dialog">
    
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Import School Vehicles</h4>
            </div>
            <div class="modal-body">

                <p>Download sample <a href="/downloads/Buses Import Sample.xlsx" style="text-decoration: underline">excel file here</a></p>

                <div class="alert alart-warning">
                    <ol>
                        <li>"REG NUMBER" requred(*)</li>
                        <li>"ROUTE NAME" required(*)</li>
                        <li>"All other columns" optional</li>
                </div>
                <hr>
                {{ Form::open(['route'=>'admin.import.buses','method' => 'POST','class'=>'form-horizontal form-label-left','enctype'=>"multipart/form-data"]) }}

                @include('admin.snippets.input_select', [
                    'field' => 'school_id', 'title' => 'Select School', 'items' => $schools, 'key' => 'id',
                    'value' => 'school_name', 'required' => true])

                    <div class="form-group">
                        <input type="file" accept=".xls,.xlsx" class="form-control" name="excel">
                    </div>

                    <div class="row mt-2">
                        <div class="col-md-6">
                            <button type="reset" class="btn btn-danger" data-dismiss="modal">Cancel</button>
                        </div>
                        <div class="col-md-6 text-right">
                            <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-save"></i> Import</button>
                        </div>
                    </div>
                {{ Form::close() }}
            </div>
            <div class="modal-footer"> </div>
        </div>
    
        </div>
    </div>
@endsection