@extends('layouts.backend.app')

@section('content')

 <!-- Start right Content here -->
 <div class="main-content shop">
	<div class="page-content">
		<div class="container-fluid">
			<div class="page-title-box">
				<div class="row align-items-center">

					<div class="col-md-8">
						<h6 class="page-title">Supplier List</h6>
						<ol class="breadcrumb m-0">
							<li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home</a></li>
							<li class="breadcrumb-item active" aria-current="page">Supplier List</li>
						</ol>
					</div>

					@can('supplier_add')

					<div class="col-md-4">
						<div class="btn-container float-right">
							<a href="javascript:(0)" class="btn btn-primary addnewbtn" data-bs-toggle="modal" data-bs-target="#exampleModal"><span class="pe-2"><i class="ti-plus"></i></span> Add New</a>
						</div>
					</div>

					@endcan
				</div>
			</div>
		 </div>
		 
	
	 <div class="row">
		<div class="col-md-12">

		<div class="col-md-12 mobile-table-column mbp">
			<div class="card">
				<div class="card-body">

		<div class="row gutters-5 pb-2">
			<div class="col text-left text-md-left">
				<h5 class="mb-md-0 h6">All Supplier</h5>
			</div>
			<div class="col-md-2 text-right">
				<a class="btn btn-sm btn-secondary btn-st btn-thrd" href="{{ route('supplier-export') }}">Export User Data</a>
			</div>
			<div class="col-md-1 text-right">
				<button class="btn btn-sm btn-secondary btn-st btn-thrd fltr-btn fltrbtn">Filter <i class="las la-filter"></i></button>
			</div>
		</div>

	<form method="POST" action="memberdata" name="memberdata" id="memberdata" enctype="multipart/form-data">
	@csrf

		<!--Filter-->
		<div class="fltr-main pt-2 pb-2" style="display: none;">
			<div class="row">
				<div class="form-group col-md-4 col-sm-6">
					<label class="form-label">Supplier Id</label>
					<input type="text" class="form-control" id="ser_sup_id" name="ser_sup_id" value="">
				</div>
				
				<div class="form-group col-md-4 col-sm-6">
					<label class="form-label">Supplier Name</label>
					<input type="text" class="form-control" id="ser_sup_name" name="ser_sup_name" value="">
				</div>

				<div class="form-group col-md-4 col-sm-6">
					<label class="form-label">Supplier Email Id</label>
					<input type="text" class="form-control" id="ser_sup_email" name="ser_sup_email" value="">
				</div>

				<div class="form-group col-md-4 col-sm-6">
					<label class="form-label">Supplier Phone Number</label>
					<input type="text" class="form-control" id="ser_sup_mobile" name="ser_sup_mobile" value="">
				</div>

				<div class="form-group col-md-4">
					<label class="form-label">Status</label>
					<select class="form-control single-sel sel-style serviceSelect" id="ser_sup_status" name="ser_sup_status">
						<option value="">Select</option>
						<option value="1">Active</option>
						<option value="2">Inactive</option>
					</select>
				</div>

				<div class="form-group col-md-4">
					<label class="form-label" style="font-size: 2px;">&nbsp;</label>
						<div class="srch-same-line pt-2 pb-2">

					<button type="button" class="searchdata btn btn-sm btn-primary btn-st">Search <i class="la la-search"></i></button>

					<button type="button" class="btn btn-sm btn-secondary btn-st reset_searchdata">Reset <i class="la la-refresh"></i></button>

					</div>
				</div>
			</div>
		</div>
	</form>		
	<!--Filter-->
	
	

		<table class="display" style="width:100%" id="dataList">
			<thead>
				<tr>
					<th width="40px"><div align="center">S.No</div></th>
					<th>Supplier Id</th>
					<th>Supplier Logo</th>
					<th>Short Name</th>
					<th>Supplier Name</th>
					<th>Email Id</th>
					<th>GST No</th>
					<th>Mobile</th>
					<th align="center"><div align="center">Action</div></th>
				</tr>
			</thead>
			<tbody>
			
			</tbody>
		</table>

			</div></div>
			</div>
		</div>
	</div>
	<!-- end row -->

		</div>
	</div>
</div>
<!-- end main content-->



<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h1 class="modal-title fs-5" id="exampleModalLabel">Add Supplier</h1>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
		<div class="modal-body">

		<div class="row product-row stock-add">
			<div class="col-md-12">
				<div class="card shadow-none">
					<div class="card-body p-0">

		<form method="post" class="row" id="datassave" name="datassave" enctype="multipart/form-data">
		@csrf

		<!-- Page Preloder -->
		<div id="preloder"><div class="loader"></div></div>

		<input type="hidden" class="form-control" id="supplierid" name="supplierid" value="">
		<input type="hidden" class="form-control" id="hidesupplierlogo" value="" name="hidesupplierlogo">

				<div class="col-sm-6">
					<div class="mb-3">
						<label for="sup_id" class="col-sm-6 col-form-label">Supplier Id</label>
						<input type="text" class="form-control" id="sup_id" name="sup_id" readonly value="{{ $supplierid }}">
					</div>
				</div>

				<div class="col-sm-6">
					<div class="mb-3">
						<label for="sup_short_name" class="col-sm-6 col-form-label">Supplier Short Name</label>
						<input type="text" class="form-control" id="sup_short_name" name="sup_short_name" value="">
					</div>
				</div>

				<div class="col-sm-6">
					<div class="mb-3">
						<label for="sup_name" class="col-sm-6 col-form-label">Supplier Company Name</label>
						<input type="text" class="form-control" id="sup_name" name="sup_name" value="">
					</div>
				</div>

				<div class="col-sm-6">
					<div class="mb-3">
						<label for="sup_point" class="col-sm-6 col-form-label">Point Of contact</label>
						<input type="text" class="form-control" id="sup_point" name="sup_point" value="" >
					</div>
				</div>

				<div class="col-sm-6">
					<div class="mb-3">
						<label for="sup_email" class="col-sm-6 col-form-label">Supplier Email</label>
						<input type="email" class="form-control" id="sup_email" name="sup_email" value="" onpaste="return false">
					</div>
				</div>

				<div class="col-sm-6">
					<div class="mb-3">
						<label for="sup_phone" class="col-sm-6 col-form-label">Supplier Mobile</label>
						<input type="text" class="form-control" id="sup_phone" name="sup_phone" value="" maxlength="10" onkeypress="return isNumber(event)" onpaste="return false">
					</div>
				</div>

				<div class="col-sm-6">
					<div class="mb-3">
						<label for="sup_logo" class="col-sm-6 col-form-label">Supplier Logo</label>
						<input type="file" class="form-control" id="sup_logo" name="sup_logo" value="">
					</div>
				</div>

				<div class="col-sm-6">
					<div class="mb-3">
						<label for="sup_gst" class="col-sm-6 col-form-label">Supplier GST No</label>
						<input type="text" class="form-control" id="sup_gst" name="sup_gst" value="">
					</div>
				</div>

				<div class="col-sm-3">
					<div class="mb-3">
						<label for="sup_pincode" class="col-sm-6 col-form-label">Pin Code</label>
						<input type="text" class="form-control" id="sup_pincode" name="sup_pincode" value="" maxlength="6" onkeypress="return isNumber(event)" onpaste="return false"> 
					</div>
				</div>

				<div class="col-sm-3">
					<div class="mb-3">
						<label class="col-sm-6 col-form-label" for="statuss">Status</label>
						<select id="statuss" class="form-control serviceSelect" name="statuss">
							<option value="1">Active</option>
							<option value="2">Inactive</option>
						</select>
					</div>
				</div>

				<div class="col-sm-12">
					<div class="mb-3">
						<label for="sup_address" class="col-sm-6 col-form-label">Supplier Address</label>
						<textarea class="form-control" id="sup_address" name="sup_address" rows="3"></textarea>
					</div>
				</div>

				<div class="row mb-3">
					<label for="inputText3" class="col-sm-12 col-form-label"></label>
					<div class="col-sm-12">
						<div class="btn-container d-flex justify-content-end">
							<button type="button" class="btn btn-primary me-3 savebtn">Submit</button>
						</div>
					</div>
				</div>

				<div class="col-md-12">
					<div class="btn-container d-flex justify-content-center respns"></div>
				</div>
			</form>
		</div>
			</div>
		</div>
	</div>
</div>

	 </div>
     </div>
 </div>


 <!-- Delete Modal HTML -->
<div id="deleteModal" class="modal fade">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Delete Record</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<p>Are you sure you want to delete these Records?</p>
				<p class="text-warning"><small>This action cannot be undone.</small></p>
			</div>
			<input type="hidden" id="delete_id">
			<div class="modal-footer">
				<input type="button" class="btn btn-default closebtn" data-dismiss="modal" value="Cancel">
				<input type="button" class="btn btn-danger" onclick="deleterecord()" value="Delete">
			</div>
		</div>
	</div>
</div>

@endsection

@section('scripts')

<script src="{{ asset('backend/assets/js/supplier.js') }}"></script>

<script>

function vldfn(){
	$('#dataList').DataTable().ajax.reload();
}
</script>

@endsection