@extends('layout.master')
@section('title', 'Transpoting | Transporters Managment System')
@section('content')
<div class="page-wrapper">
	<!--page-content-wrapper-->
	<div class="page-content-wrapper">
		<div class="page-content">
			<!--breadcrumb-->
			<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3">
				<div class="breadcrumb-title pr-3">Vehicle</div>
				<div class="pl-3">
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb mb-0 p-0">
							<li class="breadcrumb-item"><a href="javascript:;"><i class='bx bx-home-alt'></i></a>
							</li>
							<li class="breadcrumb-item active" aria-current="page">Transporting List</li>
						</ol>
					</nav>
				</div>
				<div class="ml-auto">
					<button type="button" class="btn btn-light btn-sm"><img src="https://cdn.iconscout.com/icon/free/png-256/free-excel-15-1174820.png" width="20"> Export</button>
				</div>
			</div>
			<!--end breadcrumb-->
	
			<div class="card radius-15">
				<div class="card-body">
					<div class="card-title">
						<div class="row">
							<div class="col-6">
								<h4 class="mt-2">Owner Vehicles</h4>
							</div>

						</div>
						
					</div>
					<hr/>
					<div class="table-responsive">
						<table class="table table-sm">
							<thead>
								<tr>
									<th scope="col">#</th>
									<th scope="col">Vehicle Number</th>
									<th scope="col">Tax</th>
									<th scope="col">Insurance</th>
									<th scope="col">Fitness</th>
									<th scope="col">State Permit</th>
									<th scope="col">National Parmit</th>
									<th scope="col">Pollution</th>
									<th scope="col">Mining GPS</th>
									<th scope="col">GPS Tracker</th>
								</tr>
							</thead>
							<tbody>
								@php
					                $perPage = $vehicles->perPage(); 
					                $currentPage = $vehicles->currentPage();
					                $counter = ($currentPage - 1) * $perPage + 1;
					            @endphp

								@foreach ($vehicles as $vehicle)
								<tr>
									<th scope="row">{{ $counter++ }}</th>
									<td>{{$vehicle->vehicle_number}}</td>
									<td>{{$vehicle->tax_expiry}}</td>
									<td>{{$vehicle->insurance_expiry}}</td>
									<td>{{$vehicle->fitness_expiry}}</td>
									<td>{{$vehicle->state_permit_expiry}}</td>
									<td>{{$vehicle->national_permit_expiry}}</td>
									<td>{{$vehicle->pollution_expiry}}</td>
									<td>{{$vehicle->mining_gps_expiry}}</td>
									<td>{{$vehicle->gps_tracker_expiry}}</td>
								</tr>
								@endforeach
							</tbody>
						</table>
						<nav aria-label="Page navigation example">
						    <ul class="pagination justify-content-end">
						        <!-- Previous Page Link -->
						        @if ($vehicles->onFirstPage())
						            <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
						                <span class="page-link" aria-hidden="true">&laquo;</span>
						            </li>
						        @else
						            <li class="page-item">
						                <a class="page-link" href="{{ $vehicles->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&laquo;</a>
						            </li>
						        @endif

						        <!-- Pagination Elements -->
						        @foreach ($vehicles->links()->elements as $element)
						            <!-- "Three Dots" Separator -->
						            @if (is_string($element))
						                <li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
						            @endif

						            <!-- Array Of Links -->
						            @if (is_array($element))
						                @foreach ($element as $page => $url)
						                    @if ($page == $vehicles->currentPage())
						                        <li class="page-item active" aria-current="page"><span class="page-link">{{ $page }}</span></li>
						                    @else
						                        <li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
						                    @endif
						                @endforeach
						            @endif
						        @endforeach

						        <!-- Next Page Link -->
						        @if ($vehicles->hasMorePages())
						            <li class="page-item">
						                <a class="page-link" href="{{ $vehicles->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&raquo;</a>
						            </li>
						        @else
						            <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
						                <span class="page-link" aria-hidden="true">&raquo;</span>
						            </li>
						        @endif
						    </ul>
						</nav>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--end page-content-wrapper-->
</div>
@endsection