@extends('frontend.layout.main')
@section('main-container')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<style>
.tablemainsection table.table tr th{vertical-align:middle;}
#mainmenu.menu > li > a{color:#000;}
.formmaincon input[type="file"] {font-size:14px;}
div.dataTables_wrapper div.dataTables_length label{font-size: 16px;font-family: Gilroy Medium;}
div.dataTables_wrapper div.dataTables_length select{font-family: Gilroy Medium;font-size: 14px;}
div.dataTables_wrapper div.dataTables_filter input{padding: 15px 7px;min-height: auto;}
div.dataTables_wrapper div.dataTables_filter label{font-size: 14px;font-family: Gilroy Medium;}

</style>
<style>
	.alert
	{
		color:white;
		text-align: center;
	}
</style>
<main class="main">


<div class="page-content">
<section class="pageheadingsection">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h1  clas>{{ $PageHeading}}</h1>
			</div>
		</div>
	</div>
</section>

<section class="customer-section pb-10-s appear-animate bgwhite homeaboutsection">
<div class="container">
<div class="row align-items-center">

<div class="col-md-12">
	<div class="formmaincon" id="">
		@if (isset($edit->id))
		<form method="POST" action="{{ route('customer.update') }}" class="form">
		@else
		<form method="POST" action="{{ route('customer.store') }}" class="form">
		@endif
            @csrf
			@if($errors->any())
				<div class="alert alert-danger">
					<ul>
						@foreach ($errors->all() as $error)
							<li>{{ $error }}</li>
						@endforeach
					</ul>
				</div>
			@endif
			@if(session('error'))
				<div class="alert alert-danger">
					{{ session('error') }}
				</div>
			@endif
			@if(session('success'))
				<div class="alert alert-success">
					{{ session('success') }}
				</div>
			@endif

			<div class="row">
				<div class="col-sm-6">
					<label>Customer Name</label>
					<input type="text" class="form-control" name="name" value="{{ isset($edit->name) ? $edit->name : ''}}" placeholder="Enter Customer name" required="">
					<input type="hidden" name="id" value="{{ isset($edit->id) ? $edit->id : '' }}"/> 
				</div>
				<div class="col-sm-6">
					<label>Email</label>
					<input type="text" class="form-control" name="email" value="{{ isset($edit->email) ? $edit->email : ''}}" placeholder="Enter Email" required="">
				</div>
				<div class="col-sm-6">
					<label>Phone #</label>
					<input type="text" class="form-control" name="phone_no" value="{{ isset($edit->phone_no) ? $edit->phone_no : ''}}" placeholder="Enter Phone no" required="">
				</div>
				<div class="col-sm-6">
					<label>Company Name</label>
					<input type="text" class="form-control" name="company_name" value="{{ isset($edit->company_name) ? $edit->company_name : ''}}" placeholder="Enter Company name" required="">
				</div>
				<div class="col-sm-6">
					<label>Address</label>
					<input type="text" class="form-control" name="address" value="{{ isset($edit->address) ? $edit->address : ''}}" placeholder="Enter Address" required="">
				</div>
			
				<!-- <div class="col-sm-6">
					<div class="form-group">
						<label for="status">Status</label>
						<input type="checkbox" name="status" value="1" checked>
					</div>
				</div> -->
			</div>	
			
			<div class="row">
				<div class="col-sm-12">
				<button type="submit" class="btn btn-primary">Submit</button>
				</div>
			</div>
		</form>
	</div>
</div>

<div class="col-md-12">
	<div class="tablemainsection">
	<div class="table-responsive">
<table id="example" class="table table-striped table-bordered">
	<thead>
		<tr>
			<th>Name</th>
			<th>Email</th>
			<th>Phone</th>
			<th>Company</th>
			<th>Action</th>
			
		</tr>
	</thead>
	<tbody>
	@foreach($customers as $data)
            
		<tr>
			<td>{{ $data->name }}</td>
			<td> {{ $data->email }}</td>
			<td> {{ $data->phone_no }}</td>
			<td> {{ $data->company_name }}</td>
			<td> <!-- Edit Button -->
                <a href="{{ route('customer.edit', $data->id) }}" class="btn btn-primary">Edit</a>
				<a href="{{ route('customer.delete', $data->id) }}" class="btn btn-danger">Delete</a>
			</td>
		</tr>
        @endforeach
	</tbody>
	<tfoot>
		<tr>
			<th>Name</th>
			<th>Email</th>
			<th>Phone</th>
			<th>Company</th>
			<th>Action</th>
		</tr>
	</tfoot>
</table>
	
	</div>
	</div>
</div>
</div>
</div>
</section>


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