@extends('layouts.backend.app')

@section('content')

<!-- Start right Content here -->

 <div class="main-content stock">
	<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">Inside Stock</h6>
						<ol class="breadcrumb m-0">
							<li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home</a></li>
							<li class="breadcrumb-item active" aria-current="page">Inside Stock List</li>
						</ol>
					</div>
				</div>
			</div>
		 </div>

 <div class="row">
	<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 Inside Stock</h5>
					</div>
					<div class="col-md-3 align-right" align="right">
						<button class="btn btn-primary fltrbtn" type="button"><i class="fas fa-filter me-2"></i> Filter </button> &nbsp; &nbsp; &nbsp; &nbsp;
						<a><button  id="export-button" class="btn btn-primary" type="submit"><i class="fas fa-file-export me-2"></i> Export </button></a>
					</div>
					<div class="col-md-3 align-right " align="right">
						<form action="{{ route('inside-stock-export') }}" method="GET" class="h-100" id="export-form">
			                <div class="row align-items-center h-100">
			                    <div class="col-6 d-flex align-items-center justify-content-end">
			                       <input type="radio" id="all" name="export_type" value="all" checked>
			                       <label for="html">All</label><br>
			                    </div>
			                    <div class="col-6 d-flex align-items-center justify-content-end">
			                        <input type="radio" id="laptop" name="export_type" value="laptop">
			                        <label for="html">Laptop Only</label><br>
			                    </div>
			                </div>								
						</form>
					</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" for="ser_lot_no">IMEI Number</label>
					<input type="text" class="form-control" id="ser_imei_no" name="ser_imei_no" value="">
				</div>

				<div class="form-group col-md-4 col-sm-6">
					<label class="form-label" for="ser_lot_no">Barcode</label>
					<input type="text" class="form-control" id="ser_barcode" name="ser_barcode" value="">
				</div>


				<div class="form-group col-md-4 col-sm-6">
					<label class="form-label" for="ser_product_name">Product Name</label>
					<input type="text" class="form-control" id="ser_product_name" name="ser_product_name" 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="Active">Active</option>
						<option value="Inactive">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>Product Name</th>
				<th>IMEI/S.No Number</th>
				<th>Barcode</th>
				<th>NLC</th>
				<th>DP</th>
				<th>MOP</th>
				<th>Status</th>
				<th align="center" width="35px"><div align="center">Action</div></th>
			</tr>
		</thead>
		<tbody>
		</tbody>
	</table>

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


    <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>




    <div class="modal fade stock-modal" id="genbc" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Not Working Product Temp Barcode</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <div class="row stock-row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3" style="max-width: 540px;">
                                            <input type="hidden" id="gencode" name="newsalcode" value="">
                                            <div class="mb-3 selectdraf text-center"><b>Temp Barcode:</b></div>
                                            <div class="mb-3 selectdraf text-center" id="barcode-container"></div>
                                            <div class="d-flex justify-content-center align-items-center">
                                                <button class="btn btn-primary" id="btn_convert"> <i
                                                        class="fas fa-file-download me-2"></i> Download </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <input type="hidden" id="previewImg">
            </div>
        </div>
    </div>

    <!-- New action Modal -->
    <div class="modal fade stock-modal" id="action" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Assign To Service</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <!-- Mobile visible table  -->
                        <div class="row">
                            <div class="col-md-12 mobile-table-column stock-table">
                                <div class="p-3 justify-content-center">
                                    <form class="form-horizontal" action="{{ route('assign_to_service') }}"
                                        method="POST" id="dtad" name="dtad" enctype="multipart/form-data">
                                        @csrf
                                        <input type="hidden" name="testermd_id" id="testermd_id" value="">

                                        <!-- Page Preloder -->
                                        <div id="preloder">
                                            <div class="loader"></div>
                                        </div>
                                        <div class="mb-3">
                                            <div class="input-group" id="datepicker1">
                                                <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
                                                <input type="text" class="form-control datepicker flatpickr-input"
                                                    placeholder="" data-date-format="d M, Y G:i K"
                                                    data-enable-time="true" id="assign_date" name="assign_date">
                                            </div>
                                        </div>

                                        <!-- Include Flatpickr library -->
                                        <link rel="stylesheet"
                                            href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
                                        <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

                                        <script>
                                            // Wait for the DOM to be fully loaded
                                            document.addEventListener("DOMContentLoaded", function() {
                                                // Initialize Flatpickr
                                                flatpickr("#assign_date", {
                                                    minDate: "today",
                                                    dateFormat: "d M, Y G:i K",
                                                    enableTime: true
                                                });
                                            });
                                        </script>
                                        <script>
                                            document.addEventListener("DOMContentLoaded", function() {
                                                // Get current date and time
                                                var now = new Date();
                                                var formattedDateTime = now.toLocaleString('en-US', {
                                                    day: '2-digit',
                                                    month: 'short',
                                                    year: 'numeric',
                                                    hour: '2-digit',
                                                    minute: '2-digit',
                                                    hour12: true
                                                });
                                                // Set current date and time as the default value for the datepicker input
                                                document.getElementById('assign_date').value = formattedDateTime;
                                            });
                                        </script>
                                        <div class="mb-3">
                                            <label class="form-label">Select Service Engineer</label>
                                            <select class="form-control form-select serviceSelect" id="testerid"
                                                name="testerid">
                                                <option value="">Select</option>
                                                @foreach ($usersname as $username)
                                                    <option value="{{ $username->id }}">{{ $username->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="mb-3 selectdraf">
                                            <label for="exampleFormControlInput1"
                                                class="form-label w-100 d-flex justify-content-between">Temporary Code<span
                                                    class="barcode_count">0</span></label>
                                            <input type="text" class="form-control w-100 w-100" id="temcode"
                                                name="temcode" placeholder="" value="">
                                            <small class="form-text w-100">Enter Temporary Code ( #AM220322057 )</small>
                                        </div>
                                        <button class="btn btn-success sumbtn" type="button"> Submit </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- working product receive -->
    <div class="modal fade stock-modal" id="receiveModal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Product Status</h1>
                    <button type="button" class="btn-close close1" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container"><!-- Mobile visible table  -->
                        <div class="row stock-row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3" style="max-width: 540px;">
                                            <div class="">
                                                <input type="hidden" id="receiv_id" name="id" value="">
                                                <b style="color:green;">Product Status Updated!</b><br>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- working product moved to stock  -->
    <div class="modal fade stock-modal" id="MovetostockModal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Product To Move to Stock</h1>
                    <button type="button" class="btn-close close1" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container"><!-- Mobile visible table  -->
                        <div class="row stock-row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3" style="max-width: 540px;">
                                            <div class="">
                                                <input type="hidden" id="movepro_id" name="id" value="">
                                                <b style="color:green;">Product Moved to Stock!</b><br>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Receive product from service  -->
    <div class="modal fade stock-modal" id="rcpro" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Receive Product</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container"><!-- Mobile visible table  -->
                        <div class="row stock-row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3" style="max-width: 540px;">
                                            <!-- <input type="hidden" id="rcserv" name="id" value=""> -->
                                            <b style="color:green;">Product Received from service</b><br> <br>
                                            <!-- <button class="btn btn-success me-3 working">Working</button>
                                      <button class="btn btn-danger me-3 nworking">Not Working</button>	 -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')


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

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

@endsection