@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Petrol Pumps')
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h5>Vehicle Type</h5>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="#">Basic Settings</a>
                        </li>
                        <li class="breadcrumb-item active">Vehicle Type</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Active Vehicle Type</h3>
                        <!-- <a class="float-right" style="margin-top: -25px; color: #007bff; font-size: 22px;" data-toggle="popover" title="List of Active Vehicle Types" data-content="This page provides list of all active vehicle types. We can download this list in MS-Excel and PDF formats (current and all pages) using download buttons on the bottom of the list. We can also edit or show the individual vehicle type details with the help of edit or view button under the action column."><i class="fa fa-question-circle"></i></a> -->
                    </div>
                    <div class="card-body">
                        {!! Form::open(['action' => 'VehicleTypesController@search', 'method' => 'GET', 'class' => 'form-horizontal']) !!}
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="btn-toolbar">
                                        <a href="/vehicletypes" class="btn btn-gray active">Active List</a>
                                        <a href="/vehicletypes/dlist" class="btn btn-gray">Deactive List</a>
                                        <a href="/vehicletypes/create" class="btn btn-gray">Add Vehicle Type</a>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input-group">
                                        {{Form::text('key', Input::old('key'), ['class'=>'form-control', 'placeholder'=>'Type to search . . .'])}}
                                        {{Form::hidden('active', '1', ['class'=>'form-control'])}}
                                        <span class="input-group-btn">
                                            {{Form::submit('Search . . .', ['class'=>'btn btn-primary col-md-offset-2'])}}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        {!! Form::close() !!}
                        @if(count($vehicleTypes)>0)
                        <div class="table-entry table-responsive tableFixHead">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Vehicle Type Name</th>
                                        <th colspan="2" class="text-center" width="5%">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($vehicleTypes as $vehicleType)
                                    <tr>
                                        <td>{{$vehicleType->name}}</td>
                                        <td><a href="/vehicletypes/{{$vehicleType->id}}" class="btn btn-success btn-sm" data-toggle="tooltip" title="View">
                                            <i class="fa fa-eye"></i></a>
                                        </td>
                                        <td><a href="/vehicletypes/{{$vehicleType->id}}/edit" class="btn btn-primary btn-sm" data-toggle="tooltip" title="Edit">
                                            <i class="fa fa-pencil"></i></a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="row">
                            <div class='col-md-8'>{{$vehicleTypes->links()}}</div>
                            <div class="col-md-4">
                                <div class="btn-toolbar float-right">
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-primary"><i class="fa fa-file-excel-o" aria-hidden="true"></i>&nbsp;&nbsp;Excel</button>
                                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                                          <span class="caret"></span>
                                          <span class="sr-only">Toggle Dropdown</span>
                                        </button>
                                        <div class="dropdown-menu" role="menu">
                                          <a class="dropdown-item" href="/vehicletypes/1/{{$vehicleTypes->currentPage()}}/excel">Current Page</a>
                                          <a class="dropdown-item" href="/vehicletypes/1/0/excel">All Pages</a>
                                        </div>
                                    </div>
                                    <div class="btn-group" style="margin-left: 5px;">
                                        <button type="button" class="btn btn-primary"><i class="fa fa-file-pdf-o" aria-hidden="true"></i>&nbsp;&nbsp;PDF</button>
                                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                                          <span class="caret"></span>
                                          <span class="sr-only">Toggle Dropdown</span>
                                        </button>
                                        <div class="dropdown-menu" role="menu">
                                          <a class="dropdown-item" href="/vehicletypes/1/{{$vehicleTypes->currentPage()}}/pdf">Current Page</a>
                                          <a class="dropdown-item" href="/vehicletypes/1/0/pdf">All Pages</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @else
                            <h5>No Active Vehicle Type Records Found.</h5>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection