@extends('layout.master')
@section('title', 'Owner Details | 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">Owner</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">Vehicle Owner List</li>
						</ol>
					</nav>
				</div>
				<div class="ml-auto">
					<button type="button" class="btn btn-light btn-sm"><i class='bx bx-plus mr-1'></i>Owner Details</button>
					<button type="button" class="btn btn-light btn-sm"><i class='bx bx-plus mr-1'></i>Add Vehicle</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 Details</h4>
							</div>

							<div class="col-6">
								<form class="form-inline nav-search float-right">
									<div class="input-group nav-width">
										<input type="text" class="form-control" placeholder="Search by Owner name" aria-label="Recipient's username">
										<div class="input-group-append border-left-0 ml-0">
											<button class="btn border-left-0" type="submit"><i class='bx bx-search'></i>
											</button>
										</div>
									</div>
								</form>
							</div>
						</div>
						
					</div>
					<hr/>
					<div class="table-responsive">
						<table class="table table-sm">
							<thead>
								<tr>
									<th scope="col">#</th>
									<th scope="col">Owner</th>
									<th scope="col">Mobile</th>
									<th scope="col">Pan No.</th>
									<th scope="col">Bank Name</th>
									<th scope="col">Account holder</th>
									<th scope="col">Account No.</th>
									<th scope="col">IFSC</th>
									<th scope="col">Status</th>
									<th scope="col">Action</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<th scope="row">1</th>
									<td>Dhiraj Kumar Mohapatra</td>
									<td>9861301432</td>
									<td>CRPPLM788Q</td>
									<td>State Bank Of India</td>
									<td>Dhiraj Mohapatra</td>
									<td>8748795478</td>
									<td>SBIN0007149</td>
									<td><a href="javascript:;" class="badge badge-success">Secondary</a></td>
									<td>
										<div class="btn-group m-1" role="group" aria-label="Basic example">
											<button type="button" class="btn btn-primary btn-sm"><i class="bx bx-edit"></i>
											</button>
											<button type="button" class="btn btn-danger btn-sm"><i class="bx bx-trash"></i>
											</button>
										</div>
									</td>
								</tr>
								<tr>
									<th scope="row">2</th>
									<td>Self</td>
									<td>9861301433</td>
									<td>CRPPLM788R</td>
									<td>Bank Of India</td>
									<td>Dhiraj Mohapatra</td>
									<td>8748795477</td>
									<td>BOI0007149</td>
									<td><a href="javascript:;" class="badge badge-danger">Secondary</a></td>
									<td>
										<div class="btn-group m-1" role="group" aria-label="Basic example">
											<button type="button" class="btn btn-primary btn-sm"><i class="bx bx-edit"></i>
											</button>
											<button type="button" class="btn btn-danger btn-sm"><i class="bx bx-trash"></i>
											</button>
										</div>
									</td>
								</tr>
								<tr>
									<th scope="row">3</th>
									<td>Self</td>
									<td>9861301434</td>
									<td>CRPPLM788A</td>
									<td>HDFC</td>
									<td>Dhiraj Mohapatra</td>
									<td>8748795496</td>
									<td>HDFC0001820</td>
									<td><a href="javascript:;" class="badge badge-success">Secondary</a></td>
									<td>
										<div class="btn-group m-1" role="group" aria-label="Basic example">
											<button type="button" class="btn btn-primary btn-sm"><i class="bx bx-edit"></i>
											</button>
											<button type="button" class="btn btn-danger btn-sm"><i class="bx bx-trash"></i>
											</button>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--end page-content-wrapper-->
</div>
@endsection