@include('layouts.header')			
		@include('layouts.sidebar')

<style>
	.file-text:hover {
		background-color:rgb(37, 181, 116)!important;
  		border-color: rgb(37, 181, 116)!important;
	}
	.file-text {
		color:rgb(37, 181, 116)!important;
  		
	}
</style>
			<div class="page-wrapper">
				<div class="content">
					<div class="page-header">
						<div class="add-item d-flex">
							<div class="page-title">
								<h4>Inward list</h4>
								<h6>Manage your inwards</h6>
							</div>
						</div>
						
						<div class="page-btn">
							<a href="{{url('purchase-orders')}}" class="btn btn-added"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left me-2"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>Back</a>
						</div>	
						
					</div>
 					<!-- /product list -->
					<div class="card table-list-card">
						<div class="card-body">
							<div class="table-top">
								<div class="search-set">
									<div class="search-input">
										<a href="javascript:void(0);" class="btn btn-searchset"><i data-feather="search" class="feather-search"></i></a>
									</div>
								</div>
								
							</div>
							@if(session()->has('success'))
							<div class="alert alert-success">
								{{ session()->get('success') }}
							</div>
							@endif
							@if(session()->has('error'))
							<div class="alert alert-danger">
								{{ session()->get('error') }}
							</div>
						    @endif
							<!-- /Filter -->
							<div class="card mb-0" id="filter_inputs">
								<div class="card-body pb-0">
									<div class="row">
										<div class="col-lg-12 col-sm-12">
											<div class="row">
												<div class="col-lg-2 col-sm-6 col-12">
													<div class="input-blocks">
														<i data-feather="box" class="info-img"></i>
														<select class="select">
															<option>Choose Product</option>
															<option>
																Lenovo 3rd Generation</option>
															<option>Nike Jordan</option>
														</select>
													</div>
												</div>
												<div class="col-lg-2 col-sm-6 col-12">
													<div class="input-blocks">
														<i data-feather="stop-circle" class="info-img"></i>
														<select class="select">
															<option>Choose Categroy</option>
															<option>Laptop</option>
															<option>Shoe</option>
														</select>
													</div>
												</div>
												
												<div class="col-lg-2 col-sm-6 col-12">
													<div class="input-blocks">
														<i data-feather="git-merge" class="info-img"></i>
														<select class="select">
															<option>Choose Sub Category</option>
															<option>Computers</option>
															<option>Fruits</option>
														</select>
													</div>
												</div>
												
												<div class="col-lg-2 col-sm-6 col-12">
													<div class="input-blocks">
														<i data-feather="stop-circle" class="info-img"></i>
														<select class="select">
															<option>All Brand</option>
															<option>Lenovo</option>
															<option>Nike</option>
														</select>
													</div>
												</div>
												
												<div class="col-lg-2 col-sm-6 col-12">
													<div class="input-blocks">
														<i class="fas fa-money-bill info-img"></i>
														<select class="select">
															<option>Price</option>
															<option>$12500.00</option>
															<option>$12500.00</option>
														</select>
													</div>
												</div>
												<div class="col-lg-2 col-sm-6 col-12">
													<div class="input-blocks">
														<a class="btn btn-filters ms-auto"> <i data-feather="search" class="feather-search"></i> Search </a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- /Filter -->
							<div class="table-responsive product-list">
								<table class="table datanew">
									<thead>
										<tr>
										<th class="no-sort">Action</th>
										    <th>Inward No</th>
											<th>PO Number</th>
											<th>Product Type</th>
											<th>Company</th>
											<th>Supplier</th>
											<th>Warehouse</th>
											
											
										</tr>
									</thead>
									<tbody>
										
										@foreach($inwards as $row)
										
										@php $data=DB::table('purchase_orders')->where('id',$row->po_number)->first();@endphp

										<tr>
											<td class="action-table-data">
												<div class="edit-delete-action">
													<a class="me-2 p-2" href="{{ url('view-inward-data/'.$row->id)}}" >
														<i class="fas fa-receipt"></i>
													</a>
													
													<a class="me-2 p-2" href="{{ url('view-inward/'.$row->id)}}" >
														<i data-feather="eye" class="feather-eye"></i>
													</a>
													<!-- <a href="javascript:void(0);" 
															class="me-2 p-2 open-edit-modal" 
															data-id="{{ $row->id }}">
															<i data-feather="edit" class="feather-edit"></i>
															</a> -->

													<a class="confirm-text me-2 p-2 delete-action " href="javascript:void(0);"  data-id="{{ $row->id}}">
														<i data-feather="trash-2" class="feather-trash-2"></i>
													</a>
													<a class="file-text me-2 p-2 file-action " href="javascript:void(0);"  data-id="{{ $row->id}}">
														<i data-feather="file-text" class="feather-eye"></i>
													</a>
												</div>
												
											</td>
											     <td>{{ $row->inward_no}}</td>
											     <td>{{ $row->purchase_order_number}}</td>
											      <td>{{ $row->category_name}} </td>
												<td>{{ $row->company_name}}</td>
												<td>{{ $row->supplier_name}}</td>
											    <td>{{ $row->warehouse_name}}</td>
											
											
											
										</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<!-- /product list -->
				</div>
			</div>
        </div>
		<!-- /Main Wrapper -->


		<div class="modal fade" id="editInwardModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Edit Inward</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <form id="editInwardForm">
          <input type="hidden" id="edit_id">

          <div class="row mb-3">
            <div class="col-md-6">
              <label>Inward Date</label>
              <input type="date" id="edit_inward_date" class="form-control" readonly>
            </div>
            <div class="col-md-6">
              <label>Inward Code</label>
              <input type="text" id="edit_inward_code" class="form-control" readonly>
            </div>
          </div>

          <div class="row mb-3">
            <div class="col-md-6">
              <label>PO Number</label>
              <input type="text" id="edit_ponumber" class="form-control" readonly>
            </div>
            <div class="col-md-6">
              <label>Warehouse</label>
             
			  <select id="edit_warehouse" class="form-control">
				@foreach($warehouses as $row)
				<option value="{{ $row->id}}">{{ $row->warehouse_name }}</option>
				@endforeach
			  </select>
            </div>
          </div>

          <!-- <div class="row mb-3">
            <div class="col-md-6">
              <label>No of Rolls</label>
              <input type="number" id="edit_no_of_rolls" class="form-control">
            </div>
            <div class="col-md-6">
              <label>Quantity</label>
              <input type="number" id="edit_quantity" class="form-control">
            </div>
          </div>

          <div class="row mb-3">
            <div class="col-md-6">
              <label>Rate</label>
              <input type="number" id="edit_rate" class="form-control">
            </div>
            <div class="col-md-6">
              <label>Unit</label>
              <input type="text" id="edit_unit" class="form-control">
            </div>
          </div>

          <div class="mb-3">
            <label>Amount</label>
            <input type="number" id="edit_amount" class="form-control" >
          </div> -->

          <div class="text-end">
            <button type="submit" class="btn btn-primary">Update</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>


		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function () {
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			}
		});

		$(document).on('click', '.delete-action', function (e) {
			
			e.preventDefault();
			var userId = $(this).data('id');
			
			var deleteUrl = "{{ url('delete-inward') }}/" + userId;

			Swal.fire({
				title: 'Are you sure?',
				text: "You won't be able to revert this!",
				icon: 'warning',
				showCancelButton: true,
				confirmButtonColor: '#3085d6',
				cancelButtonColor: '#d33',
				confirmButtonText: 'Yes, delete it!'
			}).then((result) => {
				if (result.isConfirmed) {
					$.ajax({

						
						url: deleteUrl,
						method: 'DELETE',
						success: function (response) {
							Swal.fire(
								'Deleted!',
								'Inward has been deleted.',
								'success'
							).then(() => {
								location.reload(); // Refresh the page to reflect the changes
							});
						},
						error: function (xhr, status, error) {
							Swal.fire(
								'Error!',
								'There was a problem deleting the user.',
								'error'
							);
						}
					});
				}
			});
		});

		$(document).on('click', '.file-action', function (e) {
			
			e.preventDefault();
			var id = $(this).data('id');
			$.ajax({
				url: "{{ route('check_invoice') }}",
				method: 'POST',
				data: {id:id},
				success: function (response) {
					if(response == 0){
						Swal.fire(
							'Warning!',
							'Invoice not generated, Please generate invoice.',
							'warning'
						).then(() => {
							$.ajax({
								url: "{{ route('generate_invoice') }}",
								method: 'POST',
								data: {id:id},
								success: function (response) {
									console.log(response)
										Swal.fire(
											'Success!',
											'Invoice generated successfully',
											'success'
										);
								},
								error: function (xhr, status, error) {
									Swal.fire(
										'Error!',
										'There was a problem in invoice.',
										'error'
									);
								}
							});
						});
					}else{
						window.location.href = "{{ url('inward-invoice') }}" + "?id=" + id;
					}
				},
				error: function (xhr, status, error) {
					Swal.fire(
						'Error!',
						'There was a problem in invoice.',
						'error'
					);
				}
			});
			// var deleteUrl = "{{ url('delete-inward') }}/" + userId;

			// Swal.fire({
			// 	title: 'Are you sure?',
			// 	text: "You won't be able to revert this!",
			// 	icon: 'warning',
			// 	showCancelButton: true,
			// 	confirmButtonColor: '#3085d6',
			// 	cancelButtonColor: '#d33',
			// 	confirmButtonText: 'Yes, delete it!'
			// }).then((result) => {
			// 	if (result.isConfirmed) {
			// 		$.ajax({

						
			// 			url: deleteUrl,
			// 			method: 'DELETE',
			// 			success: function (response) {
			// 				Swal.fire(
			// 					'Deleted!',
			// 					'Inward has been deleted.',
			// 					'success'
			// 				).then(() => {
			// 					location.reload(); // Refresh the page to reflect the changes
			// 				});
			// 			},
			// 			error: function (xhr, status, error) {
			// 				Swal.fire(
			// 					'Error!',
			// 					'There was a problem deleting the user.',
			// 					'error'
			// 				);
			// 			}
			// 		});
			// 	}
			// });
		});
	});



	$(document).on('click', '.open-edit-modal', function () {
    const inwardId = $(this).data('id');

    $.ajax({
        url: '/get-inward-details/' + inwardId,
        type: 'GET',
        success: function (res) {
			console.log(res);
            // Fill form fields with data
            $('#edit_id').val(res.id);
            $('#edit_inward_date').val(res.inward_date);
            $('#edit_inward_code').val(res.inward_no);
            $('#edit_ponumber').val(res.ponumber);
           $('#edit_warehouse').val(res.warehouse_id).trigger('change');
            $('#edit_no_of_rolls').val(res.no_of_rolls);
            $('#edit_quantity').val(res.quantity);
            $('#edit_rate').val(res.rate);
            $('#edit_unit').val(res.unit);
            $('#edit_amount').val(res.amount);

            // Open the modal
            $('#editInwardModal').modal('show');
        },
        error: function () {
            alert('Failed to fetch inward data.');
        }
    });
});


$(document).on('submit', '#editInwardForm', function (e) {
    e.preventDefault();

    const id = $('#edit_id').val(); // Hidden field with record ID

    const data = {
        _token: $('meta[name="csrf-token"]').attr('content'),
        inward_date: $('#edit_inward_date').val(),
        inward_code: $('#edit_inward_code').val(),
        ponumber: $('#edit_ponumber').val(),
        warehouse_id: $('#edit_warehouse').val(),
        no_of_rolls: $('#edit_no_of_rolls').val(),
        quantity: $('#edit_quantity').val(),
        rate: $('#edit_rate').val(),
        unit: $('#edit_unit').val(),
        amount: $('#edit_amount').val()
    };

    $.ajax({
        url: '/update-inward/' + id,  // Adjust this route
        type: 'POST',
        data: data,
        success: function (response) {
            alert('Updated successfully');
            $('#editInwardModal').modal('hide');
            // Optionally reload part of the page or table:
            location.reload(); // or update the table with JS
        },
        error: function (xhr) {
            alert('Update failed');
            console.log(xhr.responseText);
        }
    });
});



	</script>

	
		
		@include('layouts.footer')