@extends('layouts.admin.admin')
@section('title', 'Order Closing List')
@section('content')
@push('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endpush


  <main>
        <div class="container-fluid p-0">
            <div class="row g-0">
                @include('partials.header')
                @include('partials.sidebar')
                <section class="content-section col primary-bg-light p-xl-4 p-3">
                    <div class="bg-white rounded-3 shadow-sm p-3">
                        <div class="row">
                            <div class="col-12">
                                <div class="small fw-medium d-flex flex-wrap">Order Management<span><i
                                            class="bi bi-chevron-right"></i></span>Order Closing</div>
                                <hr class="mb-4">
                                <h5>Order Closing</h5>
                                <div class="d-none d-lg-flex form-control text-light-grey primary-bg-light border-0 w-75 rounded-pill mb-4">
                                    <input class="p-0 form-control bg-transparent shadow-none border-0 ms-2 keyword"
                                        type="search" placeholder="Search Order by ID">
                                    <button type="button" class="btn border-0 p-0 search"><i class="bi bi-search"></i></button>
                                </div>
                                <form action="">
                                    <div class="row g-2 gy-3 align-items-end mb-3">
                                        <div class="col-md-3 col-sm-4">
                                            <label for="" class="form-label fw-semibold">Filter by Period</label>
                                            <input type="text" id="orderRange"
                                                class="form-control shadow-none rounded-pill">
                                        </div>
                                        <div class="col-md-3 col-sm-4">
                                            <button type="button"
                                                class="btn btn-type1 border-0 shadow-sm rounded-pill dateFilter">Filter</button>
                                        </div>
                                    </div>
                                </form>
                                <h5>Filter Orders by:</h5>
                                <form action="">
                                    <div class="row g-md-2 g-1 mb-3">
                                        <div class="col-md-2 col-sm-4">
                                            <select name="division_id" id="division_id" class="form-select rounded-pill shadow-none">
                                               <option value="" selected disabled>Division</option>
                                                @foreach($divisions as $division)
                                                 <option value="{{$division->id}}">{{$division->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-2 col-sm-4">
                                            <select name="region_id" id="region_id" class="form-select rounded-pill shadow-none">
                                                <option value="" selected>All Region</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2 col-sm-4">
                                            <select name="areas_id" id="areas_id" class="form-select rounded-pill shadow-none">
                                                <option value="" selected>All Area</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2 col-sm-4">
                                            <select name="StoreId" id="StoreId" class="form-select rounded-pill shadow-none">
                                                <option value="" selected>All Store</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2 col-sm-4">
                                            <button type="button"
                                                class="btn btn-type1 border-0 shadow-sm rounded-pill filterregions">Filter</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-12">
                                <div class="table-responsive">
                                    <table id="closingorderTable" class="display table">
                                        <thead>
                                            <tr>
                                                <th>SL.NO.</th>
                                                <th>WRENCH SL.NO.</th>
                                                <th>ORDER ID</th>
                                                <th>ORDER DATE</th>
                                                <th>ORDER TYPE</th>
                                                <th>DIVISION</th>
                                                <th>REGION</th>
                                                <th>AREA</th>
                                                <th>STORE NUMBER</th>
                                                <th>STORE NAME</th>
                                                <th>QC RECOMMENDATION</th>
                                                <th>ACTION</th>
                                            </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </main>


     <div class="modal fade" id="updateRepairDetails" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="updateRepairDetailsLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body ">
                    <h5>Confirm Order Closure - Repair Complete</h5>
                    <div class="form-check-custom position-relative">
                        <input class="form-check-input shadow-none position-absolute invisible maincheckbox" type="checkbox" value="1" id="repairCompleted" name="recalibrationmesaure">
                        <label class="form-check-label align-items-start" for="repairCompleted">
                            Tick the box, if wrench re-calibrated as part of the repair process.
                        </label>
                    </div>
                    <form action="{{ route('wrench.repairrecalibration') }}" id="repairAndCalibration" class="pt-3" style="display: none;">
                        @csrf
                        <h6>Please enter Re-calibration Details</h6>
                        <table class="table table-bordered">
                            <tbody>
                                <tr>
                                    <th style="width: 50%;"><label for="inputDateOfCalibrationRepair" class="form-label">Date of Calibration</label></th>
                                    <td>
                                        <input type="hidden" name="order_id" class="order_id" id="inputorder_id">
                                        <input type="hidden" name="wrench_id" class="wrench_id" id="inputwrench_id">
                                        <input type="text" id="inputDateOfCalibrationRepair" name="DateOfCalibrationRepair" class="form-control shadow-none">
                                        <div id="errorDateOfCalibrationRepair" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputRangeRepair" class="form-label">Range</label></th>
                                    <td><input type="text" id="inputRangeRepair" name="RangeRepair" class="form-control shadow-none">
                                     <div id="errorRangeRepair" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputCalibrationEquipmentRepair" class="form-label">Calibration Equipment</label></th>
                                    <td>
                                        <input type="text" id="inputCalibrationEquipmentRepair" name="CalibrationEquipmentRepair" class="form-control shadow-none">
                                        <div id="errorCalibrationEquipmentRepair" class="text-danger small"></div>
                                    </td>
                                    
                                </tr>
                                <tr>
                                    <th><label for="inputAccuracyOfCalibrationRepair" class="form-label">Accuracy of calibration</label></th>
                                    <td>
                                        <input type="text" id="inputAccuracyOfCalibrationRepair" name="AccuracyOfCalibrationRepair" class="form-control shadow-none">
                                        <div id="errorAccuracyOfCalibrationRepair" class="text-danger small"></div>
                                    </td>
                                     
                                </tr>
                                <tr>
                                    <th><label for="inputToleranceRepair" class="form-label">Tolerance</label></th>
                                    <td>
                                        <input type="text" id="inputToleranceRepair" name="ToleranceRepair" class="form-control shadow-none">
                                         <div id="errorToleranceRepair" class="text-danger small"></div>
                                    </td>
                                   
                                </tr>   
                                <tr>
                                    <th><label for="inputSetTorque1Repair" class="form-label">Set Torque 1</label></th>
                                    <td>
                                        <input type="text" id="inputSetTorque1Repair" name="SetTorque1Repair" class="form-control shadow-none">
                                        <div id="errorSetTorque1Repair" class="text-danger small"></div>
                                    </td>
                                  
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsRec1Repair" class="form-label">Read as Rec 1</label></th>
                                    <td>
                                        <input type="text" id="inputReadAsRec1Repair" name="ReadAsRec1Repair" class="form-control shadow-none">
                                        <div id="errorReadAsRec1Repair" class="text-danger small"></div>
                                    </td>
                                   
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsLeft1Repair" class="form-label">Read as Left 1</label></th>
                                    <td>
                                        <input type="text" id="inputReadAsLeft1Repair" name="ReadAsLeft1Repair" class="form-control shadow-none">
                                        <div id="errorReadAsLeft1Repair" class="text-danger small"></div>
                                    </td>
                                    
                                </tr>
                                <tr>
                                    <th><label for="inputSetTorque2Repair" class="form-label">Set Torque 2</label></th>
                                    <td>
                                        <input type="text" id="inputSetTorque2Repair" name="SetTorque2Repair" class="form-control shadow-none">
                                        <div id="errorSetTorque2Repair" class="text-danger small"></div>
                                    </td>
                                   
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsRec2Repair" class="form-label">Read as Rec 2</label></th>
                                    <td>
                                        <input type="text" id="inputReadAsRec2Repair" name="ReadAsRec2Repair" class="form-control shadow-none">
                                        <div id="errorReadAsRec2Repair" class="text-danger small"></div>
                                    </td>
                                   
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsLeft2Repair" class="form-label">Read as Left 2</label></th>
                                    <td>
                                        <input type="text" id="inputReadAsLeft2Repair" name="ReadAsLeft2Repair" class="form-control shadow-none">
                                         <div id="errorReadAsLeft2Repair" class="text-danger small"></div>
                                    </td>
                                   
                                </tr>
                                <tr>
                                    <th><label for="inputSetTorque3Repair" class="form-label">Set Torque 3</label></th>
                                    <td>
                                        <input type="text" id="inputSetTorque3Repair" name="SetTorque3Repair" class="form-control shadow-none">
                                        <div id="errorSetTorque3Repair" class="text-danger small"></div>
                                    </td>
                                   
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsRec3Repair" class="form-label">Read as Rec 3</label></th>
                                    <td>
                                      <input type="text" id="inputReadAsRec3Repair" name="ReadAsRec3Repair" class="form-control shadow-none">
                                     <div id="errorReadAsRec3Repair" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsLeft3Repair" class="form-label">Read as Left 3</label></th>
                                    <td>
                                        <input type="text" id="inputReadAsLeft3Repair" name="ReadAsLeft3Repair" class="form-control shadow-none">
                                        <div id="errorReadAsLeft3Repair" class="text-danger small"></div>
                                    </td>
                                    
                                </tr>
                                <tr>
                                    <th><label for="inputPerformedByRepair" class="form-label">Performed by</label></th>
                                    <td>
                                        <input type="text" id="inputPerformedByRepair" name="PerformedByRepair" class="form-control shadow-none">
                                        <div id="errorPerformedByRepair" class="text-danger small"></div>
                                    </td>
                                    
                                </tr>
                                <tr>
                                    <th><label for="inputSupervisorRepair" class="form-label">Supervisor</label></th>
                                    <td>
                                        <input type="text" id="inputSupervisorRepair" name="SupervisorRepair" class="form-control shadow-none">
                                        <div id="errorSupervisorRepair" class="text-danger small"></div>
                                    </td>
                                   
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>   
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-dark border-0 shadow-sm"
                        data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-type1 border-0 shadow-sm submitrepaircalibration">Submit</button>
                </div>
            </div>
        </div>
    </div>


    <!-- Push back to QC Popup - Start -->
    <div class="modal fade" id="pushBackToQc" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="pushBackToQcLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form method="post" action="" class="pushbackfrm">
                    @csrf
                    <div class="modal-body">
                        <h5>Are you sure want to push back the record to QC?</h5>
                    </div>
                    <div class="modal-footer border-0">
                        <button type="button" class="btn btn-dark border-0 shadow-sm" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-type1 border-0 shadow-sm" data-bs-toggle="modal">Confirm</button>
                    </div>
                </form>

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

     <div class="modal fade" id="updateCalibrationDetails" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="updateCalibrationDetailsLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body ">
                    <h5>Confirm Order Closure - Recalibration Complete</h5>
                    <form action="{{ route('wrench.recalibration') }}" id="reCalibrationfrm" class="reCalibrationfrm">
                        <h6>Please enter Re-calibration Details</h6>
                        
                        <div class="row g-2 gy-3">
                            <div class="col-md-4 col-sm-6">
                                <label for="" class="form-label fw-semibold">Type<span class="text-red">*</span></label>
                                <input type="hidden" name="order_id" class="order_id" id="inputorder_id">
                                <input type="hidden" name="wrench_id" class="wrench_id" id="inputwrench_id">
                                <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputCalibrationType" name="CalibrationType" required>
                                <div id="errorCalibrationType" class="text-danger small"></div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <label for="" class="form-label fw-semibold">Range<span class="text-red">*</span></label>
                                <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputRange" name="Range" placeholder="" required>
                                <div id="errorRange" class="text-danger small"></div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <label for="" class="form-label fw-semibold">Manufacturer<span class="text-red">*</span></label>
                                <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputManufacturer" name="Manufacturer" placeholder="" required>
                                <div id="errorManufacturer" class="text-danger small"></div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <label for="" class="form-label fw-semibold">Date of Calibration<span class="text-red">*</span></label>
                                <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputDateOfCalibration" name="DateOfCalibration" placeholder="MM/DD/YYYY" >
                                <div id="errorDateOfCalibration" class="text-danger small"></div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <label for="" class="form-label fw-semibold">Operator<span class="text-red">*</span></label>
                                <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputOperator" name="Operator" placeholder="" required>
                                <div id="errorOperator" class="text-danger small"></div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <label for="" class="form-label fw-semibold">Supervisor<span class="text-red">*</span></label>
                                <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputSupervisor" name="Supervisor" required>
                                <div id="errorSupervisor" class="text-danger small"></div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <label for="" class="form-label fw-semibold">Calibration Equipment<span class="text-red">*</span></label>
                                <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputCalibrationEquipment" name="CalibrationEquipment" required>
                                <div id="errorCalibrationEquipment" class="text-danger small"></div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <label for="" class="form-label fw-semibold">Accuracy of Calibrator<span class="text-red">*</span></label>
                                <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputAccuracyOfCalibration" name="AccuracyOfCalibration" required>
                                <div id="errorAccuracyOfCalibration" class="text-danger small"></div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <label for="" class="form-label fw-semibold">Tolerance<span class="text-red">*</span></label>
                                <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputTolerance" name="Tolerance" required>
                                <div id="errorTolerance" class="text-danger small"></div>
                            </div>
                            <div class="col-12">
                                <div class="border p-3">
                                    <h6>Calibration Readings - As Received</h6>
                                     @php $i=1; @endphp
                                    @foreach($torques as $t)
                                    <div class="row mb-3">
                                        <div class="col-12">
                                            <strong>{{$t->name}}</strong>
                                        </div>
                                        <div class="col-12">
                                            <div class="row g-2">
                                                <div class="col-md-4 col-sm-6">
                                                    <label for="" class="form-label fw-semibold">Reading 1<span class="text-red">*</span></label>
                                                    <input type="text" class="form-control shadow-none cal-icon shadow-none" name="recread1[]"  required>
                                                    <div id="errorrecread1_{{ $i }}" class="text-danger small"></div>
                                                </div>
                                                <div class="col-md-4 col-sm-6">
                                                    <label for="" class="form-label fw-semibold">Reading 2<span class="text-red">*</span></label>
                                                    <input type="text" class="form-control shadow-none cal-icon shadow-none" name="recread2[]" required>
                                                    <div id="errorrecread2_{{ $i }}" class="text-danger small"></div>
                                                </div>
                                                <div class="col-md-4 col-sm-6">
                                                    <label for="" class="form-label fw-semibold">Reading 3<span class="text-red">*</span></label>
                                                    <input type="text" class="form-control shadow-none cal-icon shadow-none" name="recread3[]" required>
                                                    <div id="errorrecread3_{{ $i }}" class="text-danger small"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                     @php $i++; @endphp
                                    @endforeach
                                    
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="border p-3">
                                    <h6>Calibration Readings - As Sent</h6>
                                    @php $j=1; @endphp
                                    @foreach($torques as $t)
                                        <div class="row mb-3">
                                            <div class="col-12">
                                                <strong>{{$t->name}}</strong>
                                            </div>
                                            <div class="col-12">
                                                <div class="row g-2">
                                                    <div class="col-md-4 col-sm-6">
                                                        <label for="" class="form-label fw-semibold">Reading 1<span class="text-red">*</span></label>
                                                        <input type="text" class="form-control shadow-none cal-icon shadow-none" name="sendread1[]" placeholder="" required>
                                                        <div id="errorsendread1_{{ $j }}" class="text-danger small"></div>
                                                    </div>
                                                    <div class="col-md-4 col-sm-6">
                                                        <label for="" class="form-label fw-semibold">Reading 2<span class="text-red">*</span></label>
                                                        <input type="text" class="form-control shadow-none cal-icon shadow-none" name="sendread2[]" placeholder="" required>
                                                         <div id="errorsendread2_{{ $j }}" class="text-danger small"></div>
                                                    </div>
                                                    <div class="col-md-4 col-sm-6">
                                                        <label for="" class="form-label fw-semibold">Reading 3<span class="text-red">*</span></label>
                                                        <input type="text" class="form-control shadow-none cal-icon shadow-none" name="sendread3[]" placeholder="" required>
                                                         <div id="errorsendread3_{{ $j }}" class="text-danger small"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @php $j++; @endphp
                                    @endforeach
                                    
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-dark border-0 shadow-sm"
                        data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-type1 border-0 shadow-sm submitrecalibration">Submit</button>
                </div>
            </div>
        </div>
    </div>

      {{-- <div class="modal fade" id="updateCalibrationDetails" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="updateCalibrationDetailsLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body ">
                    <h5>Confirm Order Closure - Recalibration Complete</h5>
                    <form action="{{ route('wrench.recalibration') }}" id="reCalibrationfrm" class="reCalibrationfrm">
                        <h6>Please enter Re-calibration Details</h6>
                        <table class="table table-bordered">
                            <tbody>
                                <tr>
                                    <th style="width: 50%;"><label for="inputDateOfCalibrationRepair" class="form-label">Date of Calibration</label></th>
                                    <td>
                                        <input type="hidden" name="order_id" class="order_id" id="inputorder_id">
                                        <input type="hidden" name="wrench_id" class="wrench_id" id="inputwrench_id">
                                        <input type="text" id="inputDateOfCalibration" name="DateOfCalibration" class="form-control shadow-none">
                                        <div id="errorDateOfCalibration" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputRangeRepair" class="form-label">Range</label></th>
                                    <td><input type="text" id="inputRange" name="Range" class="form-control shadow-none">
                                     <div id="errorRange" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputCalibrationEquipmentRepair" class="form-label">Calibration Equipment</label></th>
                                    <td>
                                        <input type="text" id="inputCalibrationEquipment" name="CalibrationEquipment" class="form-control shadow-none">
                                        <div id="errorCalibrationEquipment" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputAccuracyOfCalibrationRepair" class="form-label">Accuracy of calibration</label></th>
                                    <td>
                                        <input type="text" id="inputAccuracyOfCalibration" name="AccuracyOfCalibration" class="form-control shadow-none">
                                        <div id="errorAccuracyOfCalibration" class="text-danger small"></div>
                                    </td>  
                                </tr>
                                <tr>
                                    <th><label for="inputToleranceRepair" class="form-label">Tolerance</label></th>
                                    <td>
                                        <input type="text" id="inputTolerance" name="Tolerance" class="form-control shadow-none">
                                         <div id="errorTolerance" class="text-danger small"></div>
                                    </td>
                                </tr>   
                                <tr>
                                    <th><label for="inputSetTorque1Repair" class="form-label">Set Torque 1</label></th>
                                    <td>
                                        <input type="text" id="inputSetTorque1" name="SetTorque1" class="form-control shadow-none">
                                        <div id="errorSetTorque1" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsRec1Repair" class="form-label">Read as Rec 1</label></th>
                                    <td>
                                        <input type="text" id="inputReadAsRec1" name="ReadAsRec1" class="form-control shadow-none">
                                        <div id="errorReadAsRec1" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsLeft1Repair" class="form-label">Read as Left 1</label></th>
                                    <td>
                                        <input type="text" id="inputReadAsLeft1" name="ReadAsLeft1" class="form-control shadow-none">
                                        <div id="errorReadAsLeft1" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputSetTorque2Repair" class="form-label">Set Torque 2</label></th>
                                    <td>
                                        <input type="text" id="inputSetTorque2" name="SetTorque2" class="form-control shadow-none">
                                        <div id="errorSetTorque2" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsRec2Repair" class="form-label">Read as Rec 2</label></th>
                                    <td>
                                        <input type="text" id="inputReadAsRec2" name="ReadAsRec2" class="form-control shadow-none">
                                        <div id="errorReadAsRec2" class="text-danger small"></div>
                                    </td>
                                   
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsLeft2Repair" class="form-label">Read as Left 2</label></th>
                                    <td>
                                        <input type="text" id="inputReadAsLeft2" name="ReadAsLeft2" class="form-control shadow-none">
                                         <div id="errorReadAsLeft2" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputSetTorque3Repair" class="form-label">Set Torque 3</label></th>
                                    <td>
                                        <input type="text" id="inputSetTorque3" name="SetTorque3" class="form-control shadow-none">
                                        <div id="errorSetTorque3" class="text-danger small"></div>
                                    </td>
                                   
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsRec3Repair" class="form-label">Read as Rec 3</label></th>
                                    <td>
                                      <input type="text" id="inputReadAsRec3" name="ReadAsRec3" class="form-control shadow-none">
                                     <div id="errorReadAsRec3" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputReadAsLeft3Repair" class="form-label">Read as Left 3</label></th>
                                    <td>
                                        <input type="text" id="inputReadAsLeft3" name="ReadAsLeft3" class="form-control shadow-none">
                                        <div id="errorReadAsLeft3" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputPerformedByRepair" class="form-label">Performed by</label></th>
                                    <td>
                                        <input type="text" id="inputPerformedBy" name="PerformedBy" class="form-control shadow-none">
                                        <div id="errorPerformedBy" class="text-danger small"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <th><label for="inputSupervisorRepair" class="form-label">Supervisor</label></th>
                                    <td>
                                        <input type="text" id="inputSupervisor" name="Supervisor" class="form-control shadow-none">
                                        <div id="errorSupervisor" class="text-danger small"></div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-dark border-0 shadow-sm"
                        data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-type1 border-0 shadow-sm submitrecalibration">Submit</button>
                </div>
            </div>
        </div>
    </div> --}}



    <div class="modal fade" id="successPopup" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="successPopupLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content p-3">
                <div class="modal-body fs-4 text-center text-success">
                   Order has been closed successfully!
                </div>
                <button type="button" class="btn btn-dark mx-auto closesuccess">Close</button>
            </div>
        </div>
    </div>

    <div class="modal fade" id="confirmUpdate" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="confirmUpdateLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" class="order_id">
                    <input type="hidden" class="wrench_id">
                    <h5>Are you sure you want to proceed?</h5>
                    <p>By closing this order, you confirm that the wrench has been successfully re-calibrated and is ready to be returned to circulation.</p>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-dark border-0 shadow-sm" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-type1 border-0 shadow-sm submitready">Yes, Mark as Ready</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="confirmUpdateRepair" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="confirmUpdateRepairLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" class="order_id">
                    <input type="hidden" class="wrench_id">
                    <h5>Are you sure you want to proceed?</h5>
                    <p>By closing this order, you confirm that repair has been successfully completed and the wrench is now ready to be rotated back into circulation.</p>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-dark border-0 shadow-sm" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-type1 border-0 shadow-sm markreadyrepair">Yes, Mark as Ready</button>
                </div>
            </div>
        </div>
    </div>

        <div class="modal fade" id="updateRetireDetails" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="updateRetireDetailsLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" class="order_id">
                    <input type="hidden" class="wrench_id">
                    <h5>Are you sure you want to proceed?</h5>
                    <p>By closing this order, you confirm that the wrench is no longer fit for use and will be officially retired from circulation.</p>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-dark border-0 shadow-sm" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-type1 border-0 shadow-sm retirewrench">Yes, Retire Wrench</button>
                </div>
            </div>
        </div>
    </div>














@push('script')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.datatables.net/2.2.2/js/dataTables.js"></script> 
<script src="{{ asset('Assets/js/datatable.js') }}"></script>
<script src="{{ asset('Assets/js/customscript.js') }}"></script>
<script src="{{ asset('Assets/js/validation.js') }}"></script>
<script>
var url = "{{ route('orders.closingorder') }}";
var module = 'orderclosing';
</script>
@endpush
@stop