@extends('layouts.app')

@section('header')
<div class="header" style="padding:20px;">
<div class="row">
	<div class="col-sm-2">
		<h5 style="font-weight: 600;"><i class="fa fa-table"></i> Customers </h5>
	</div>
		<div class="col-sm-6">
	<form action="{{url('/')}}/customerSearch" method="POST">
		@csrf
		<div class="form-group">
			<div class="input-group">
				<select class="form-control" name="type">
					<option>Name</option>
					<option>ID Number</option>
					<option>Email</option>
					<option>Phone</option>
				</select>
				<input type="text" name="query" class="form-control">
				<div class="input-group-append">
				<button type="submit" class="btn btn-sm btn-warning"><i class="fa fa-search"></i> Search </button>
			</div>
			</div>
		</div>
	</form>
	</div>
	<div class="col-sm-4">
		<div class="btn-group">
		@can('create_customer', auth()->user())
		<a href="{{url('/')}}/customer/create" class="btn btn-sm btn-success"><i class="fa fa-plus"></i> Add customer</a> 
		@endcan

		 @can('generate_excel_reports', auth()->user())
		 <a href="{{url('/')}}/customer/excel" class="btn btn-info btn-sm" target="_blank"> <i class="fa fa-table"></i> Generate excel export</a>
		 @endcan

		</div>
	</div>
</div>
</div>
@endsection

@section('content')
<div class="row">
	<div class="col-sm-12">
		<table class="table table-condensed table-bordered">
			<thead>
				<tr>
					<th>#</th>
					<th>Name</th>
					<th>Created on</th>
					<th>Last KYC date</th>
					<th>KYC Done By</th>
					<th></th>
				</tr>
			</thead>
			<tbody>