@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">Product Audit View</h6>
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Product Audit View</li>
                            </ol>
                        </div>
                        <div class="col-md-4 text-end">
                            <div class="btn-container float-right">
                                <a href="{{ route('product-audit') }}" class="btn btn-primary">
                                    <span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>
                            </div>
                        </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">
			<div class="col-md-4 mb-3">
				<div class="card-skyblue">
				   <h3>Total Product</h3>
				   <p>@if (!empty($total_product)){{ $total_product }}@endif</p>
				</div>
			 </div>

			 <div class="col-md-4 mb-3">
				<div class="card-skyblue bg-success">
				   <h3>Success</h3>
				   <p>@if (!empty($success)){{ $success }}@endif</p>
				</div>
			 </div>
			 <div class="col-md-4 mb-3">
				<div class="card-skyblue bg-danger">
				   <h3>Missing</h3>
				   <p>@if (!empty($missing)){{ $missing }}@endif</p>
				</div>
			 </div>
		</div>  --}}

                            <div class="row gutters-5 pb-2">
                                <div class="col text-left text-md-left">
                                    <h5 class="mb-md-0 h6">All Product Audit</h5>
                                </div>


                                {{--  product-audit-export  --}}



                                <div class="col-md-3 align-right" style="display:flex; justify-content: space-evenly; flex-direction: row;">




                                    {{--  <div>  --}}

                                        {{--  <button class="btn btn-primary fltrbtn" type="button"><i
                                                class="fas fa-filter me-2"></i> Filter </button>  --}}
                                        {{--  &nbsp; &nbsp; &nbsp; &nbsp;  --}}
                                    {{--  </div>  --}}
									
                                    {{--  <div class="col-md-3 align-right">  --}}

                                        {{--  <a class="btn btn-primary" id="export-audit" href="{{ route('product-audit-export', ['lot_no' => $lot_no]) }}">Export </a>  --}}

                                    {{--  </div>  --}}

                                </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">Barcode</label>
                                            <input type="text" class="form-control" id="lot_no" name="lot_no"
                                                value="">
                                        </div>

                                        <div class="form-group col-md-4 col-sm-6">
                                            <label class="form-label" for="ser_lot_no">Sales Barcode</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">Product Name</label>
                                            <input type="text" class="form-control" id="pro_name" name="pro_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>Barcode</th>
                                        <th>Sales Barcode</th>
                                        <th>Product Name</th>
                                        <th>Product Price</th>
                                        <th>Status</th>
                                        <th>Sales</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>

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




    <div class="modal fade" id="exampleModal" 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">Add Comment</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>
                                        <div class="mb-3">
                                            <label for="inputNumber3" class="col-sm-6 col-form-label">Comment
                                            </label>
                                            <div class="col-sm-12">
                                                <textarea name="" id="" cols="30" rows="2" class="form-control"></textarea>
                                            </div>
                                        </div>

                                        <div class="mb-0">

                                            <label for="inputText3" class="col-sm-6 col-form-label"></label>
                                            <div class="col-sm-6">
                                                <button class="btn btn-primary me-3">Submit</button>
                                            </div>
                                        </div>

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

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

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

@section('scripts')
    <script>
        var lot_no = "{{ $lot_no }}";
    </script>

    <script src="{{ asset('backend/assets/js/product-audit-view.js') }}"></script>

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