{{-- <script src="http://localhost:3000/socket.io/socket.io.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    var socket = io.connect('http://localhost:3000');

    $(document).ready(function(){
        $(".myBtn").click(function(event){
            // alert(event.target.id);
            // console.log(event.target.id);
            id = event.target.id;

            socket.on('rfid', function(msg) {
                    // alert(msg);
                    console.log(msg);
                    $("#rfid_number".concat(id)).val(msg);
            });
        });
    });

</script> --}}

@extends('layouts.layout_tack')
@section('style')
    <link href="{{url('')}}/public/css/track/style_import.css" rel="stylesheet" type="text/css" />
@endsection


@section('modal')
@php
    function required_txt($data){
        if($data!=0){
            echo 'required';
        }
    }

@endphp
    @if(count($tb_scope_temp)>0)
        <div class="modal fade" id="preview_scope_information" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop" aria-hidden="true">
            <div class="modal-dialog modal-xl modal-dialog-scrollable max-modal modal-dialog-centered" role="document">
                <form class="modal-content" action="{{url('track')}}" method="POST">
                    @method('POST')
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Scope information</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <i aria-hidden="true" class="ki ki-close"></i>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Confirm scope</th>
                                        <th scope="col">Scope&nbsp;Type</th>
                                        <th scope="col">Scope&nbsp;Name</th>
                                        <th scope="col">Scope&nbsp;Serial</th>
                                        <th scope="col">Scope&nbsp; Mode</th>
                                        <th scope="col">Scope&nbsp;Installation&nbsp;Date</th>
                                        <th scope="col">Scope&nbsp;Warranty&nbsp;Year</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $i=1;
                                    @endphp
                                    @foreach ($tb_scope_temp as $st)
                                    <tr>
                                        <th scope="row">{{$i++}}</th>
                                        <td>
                                            <input name="scope_select[]" id="{{@$st->scope_id}}" onchange="ck({{@$st->scope_id}})" value="{{@$st->scope_id}}" class="p-0 confirm_scope st_cancel" data-switch="true" type="checkbox" checked="checked" data-on-text="Yes" data-handle-width="50" data-off-text="No" data-on-color="success" data-off-color="danger"/>
                                        </td>
                                        <td>
                                            <select name="scope_type[{{@$st->scope_id}}]" class="form-control form-control-sm" subid="{{@$st->scope_id}}" required>
                                                <option value="Gastroscope" @if(@$st->scope_type=='Gastroscope') selected @endif>Gastroscope</option>
                                                <option value="Colonoscope" @if(@$st->scope_type=='Colonoscope') selected @endif>Colonoscope</option>
                                                <option value="Duodenoscope" @if(@$st->scope_type=='Duodenoscope') selected @endif>Duodenoscope</option>
                                                <option value="Bronchoscope" @if(@$st->scope_type=='Bronchoscope') selected @endif>Bronchoscope</option>
                                                <option value="Ultrasonic gastroscope" @if(@$st->scope_type=='Ultrasonic gastroscope') selected @endif>Ultrasonic gastroscope</option>
                                                <option value="Ultrasonic bronchoscope" @if(@$st->scope_type=='Ultrasonic bronchoscope') selected @endif>Ultrasonic bronchoscope</option>
                                                <option value="ENT/Naso-Pharyngo-Laryngoscopes" @if(@$st->scope_type=='ENT/Naso-Pharyngo-Laryngoscopes') selected @endif>ENT/Naso-Pharyngo-Laryngoscopes</option>
                                                <option value="Choledochoscope" @if(@$st->scope_type=='Choledochoscope') selected @endif>Choledochoscope</option>
                                                <option value="Enteroscope" @if(@$st->scope_type=='Enteroscope') selected @endif>Enteroscope</option>
                                                <option value="Pleuroscope" @if(@$st->scope_type=='Pleuroscope') selected @endif>Pleuroscope</option>
                                                <option value="Cystoscopes" @if(@$st->scope_type=='Cystoscopes') selected @endif>Cystoscopes</option>
                                                <option value="Ureteroscope" @if(@$st->scope_type=='Ureteroscope') selected @endif>Ureteroscope</option>
                                                <option value="Tracheal Intubation Scope" @if(@$st->scope_type=='Tracheal Intubation Scope') selected @endif>Tracheal Intubation Scope</option>
                                                <option value="Laparoscope" @if(@$st->scope_type=='Laparoscope') selected @endif>Laparoscope</option>
                                                <option value="Hysteroscope" @if(@$st->scope_type=='Hysteroscope') selected @endif>Hysteroscope</option>
                                            </select>
                                            {{-- {{$st->scope_band}} --}}
                                        </td>
                                        <td>
                                            <input type="text" name="scope_name[{{@$st->scope_id}}]" value="{{@$st->scope_name}}" class="form-control form-control-sm st_cancel" subid="{{$st->scope_id}}" required>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm st_cancel" type="text" name="scope_serial[{{@$st->scope_id}}]" value="{{$st->scope_serial}}"  subid="{{$st->scope_id}}" required>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm st_cancel" type="text" name="scope_model[{{@$st->scope_id}}]" value="{{$st->scope_model}}"  subid="{{$st->scope_id}}" required>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_2 st_cancel" name="scope_installdate[{{@$st->scope_id}}]" value="{{$st->scope_installdate}}"  type="text" subid="{{$st->scope_id}}" required/>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_5 st_cancel" type="text" name="scope_warranty_year[{{@$st->scope_id}}]" value="{{$st->scope_warranty_year}}"  subid="{{$st->scope_id}}" required>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer p-0">
                        <div class="row w-100">
                            <div class="col-lg-6"><button type="submit" name="st_submit" value="1" class="btn btn-success font-weight-bold w-100">Submit</button></div>
                            <div class="col-lg-6"><button type="submit" name="st_cancel"  onclick="click_remove('st_cancel')" value="1" class="btn btn-warning font-weight-bold w-100">Cancel</button></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endif


    @if(count(@$tb_scope_pm_temp)>0)
        <div class="modal fade" id="preview_preventive_maintenance_data" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop" aria-hidden="true">
            <div class="modal-dialog modal-xl modal-dialog-scrollable max-modal modal-dialog-centered" role="document">
                <form class="modal-content" action="{{url('track')}}" method="POST">
                    @method('POST')
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Preventive maintenance data</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <i aria-hidden="true" class="ki ki-close"></i>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Select</th>
                                        <th scope="col">Scope&nbsp;Serial&nbsp;Number</th>
                                        <th scope="col">PM&nbsp;Date</th>
                                        <th scope="col">PM&nbsp;Next&nbsp;Date</th>
                                        <th scope="col">PM&nbsp;Result</th>
                                        <th scope="col">Result&nbsp;Detail&nbsp;PM</th>
                                        <th scope="col">Scope&nbsp;Contract&nbsp;Warrantee&nbsp;End</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $i=1;
                                    @endphp
                                    @foreach ($tb_scope_pm_temp as $pm)
                                    <tr>
                                        <th scope="row">{{$i++}}</th>
                                        <td>
                                            @php
                                                $scope_pm = str_replace(" ", "", "$pm->sp_scope_serial_number");
                                                $check = DB::table('tb_scope')->where('scope_serial',$pm->sp_scope_serial_number)->count();
                                            @endphp
                                            @if($check!=0)
                                                <input name="scope_pm_select[]" value="{{$pm->sp_id}}" onchange="ck({{$pm->sp_id}})" class="p-0" data-switch="true" type="checkbox" checked="checked" data-on-text="yes" data-handle-width="50" data-off-text="no" data-on-color="success" data-off-color="danger"/>
                                            @else
                                                <div class="alert alert-custom alert-light-danger fade show m-0 p-0" role="alert">
                                                    <div class="alert-icon">&emsp; <i class="flaticon-warning icon-sm"></i></div>
                                                    <div class="alert-text">Serial number does not match &emsp;</div>
                                                </div>
                                            @endif
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm pm_cancel" type="text" name="sp_scope_serial_number[{{@$pm->sp_id}}]" value="{{$pm->sp_scope_serial_number}}"  subid="{{$pm->sp_id}}" {{required_txt($check)}} readonly>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_2 pm_cancel" name="sp_pm_date[{{@$pm->sp_id}}]" value="{{$pm->sp_pm_date}}"  type="text" subid="{{$pm->sp_id}}" {{required_txt($check)}}/>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_2 pm_cancel" name="sp_pm_next_date[{{@$pm->sp_id}}]" value="{{$pm->sp_pm_next_date}}"  type="text" subid="{{$pm->sp_id}}" {{required_txt($check)}}/>
                                        </td>
                                        <td>
                                            <select  name="sp_pm_result[{{@$pm->sp_id}}]" class="form-control form-control-sm" subid="{{@$pm->sp_id}}" {{required_txt($check)}}>
                                                <option value="OK" @if(@$pm->sp_pm_result=='OK') selected @endif>OK</option>
                                                <option value="Non-Critical" @if(@$pm->sp_pm_result=='Non-Critical') selected @endif>Non-Critical</option>
                                                <option value="Critical" @if(@$pm->sp_pm_result=='Critical') selected @endif>Critical</option>
                                            </select>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm pm_cancel" type="text" name="sp_result_detail_pm[{{@$pm->sp_id}}]" value="{{$pm->sp_result_detail_pm}}"  subid="{{$pm->sp_id}}">
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm pm_cancel" type="text" name="sp_ma_users[{{@$pm->sp_id}}]" value="{{$pm->sp_ma_users}}"  subid="{{$pm->sp_id}}" {{required_txt($check)}}>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer p-0">
                        <div class="row w-100">
                            <div class="col-lg-6"><button type="submit" name="pm_submit" value="1" class="btn btn-success font-weight-bold w-100">Submit</button></div>
                            <div class="col-lg-6"><button type="submit" name="pm_cancel" onclick="click_remove('pm_cancel')" value="1" class="btn btn-warning font-weight-bold w-100">Cancel</button></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endif

    @if(count(@$tb_scope_repair_temp)>0)
        <div class="modal fade" id="preview_repair_data" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop" aria-hidden="true">
            <div class="modal-dialog modal-xl modal-dialog-scrollable max-modal modal-dialog-centered" role="document">
                <form class="modal-content" action="{{url('track')}}" method="POST">
                    @method('POST')
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Repair data</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <i aria-hidden="true" class="ki ki-close"></i>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Select</th>
                                        <th scope="col">Scope&nbsp;Serial&nbsp;Number</th>
                                        <th scope="col">Broken&nbsp;Date</th>
                                        <th scope="col">Main&nbsp;Phenomenon&nbsp;Repair</th>
                                        <th scope="col">Bringback&nbsp;Date</th>
                                        <th scope="col">Repair&nbsp;Price</th>
                                        <th scope="col">Return&nbsp;Date</th>
                                        <th scope="col">analyze</th>
                                        <th scope="col">Repair&nbsp;Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $i=1;
                                    @endphp
                                    @foreach ($tb_scope_repair_temp as $sr)
                                    <tr>
                                        <th scope="row">{{$i++}}</th>
                                        <td>
                                            @php
                                                $bodytag = str_replace(" ", "", "$sr->sr_scope_serial_number");
                                                $check = DB::table('tb_scope')->where('scope_serial',$bodytag)->count();
                                            @endphp
                                            @if($check!=0)
                                                <input name="scope_rp_select[]" value="{{$sr->sr_id}}" onchange="ck({{$sr->sr_id}})" class="p-0" data-switch="true" type="checkbox" checked="checked" data-on-text="yes" data-handle-width="50" data-off-text="no" data-on-color="success" data-off-color="danger"/>
                                            @else
                                                <div class="alert alert-custom alert-light-danger fade show m-0 p-0" role="alert">
                                                    <div class="alert-icon">&emsp; <i class="flaticon-warning icon-sm"></i></div>
                                                    <div class="alert-text">Serial number does not match &emsp;</div>
                                                </div>
                                            @endif
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm rp_cancel" type="text" name="sr_scope_serial_number[{{@$sr->sr_id}}]" value="{{$sr->sr_scope_serial_number}}"  subid="{{$sr->sr_id}}" {{required_txt($check)}} readonly>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_2 rp_cancel" name="sr_broken_date[{{@$sr->sr_id}}]" value="{{$sr->sr_broken_date}}"  type="text" subid="{{$sr->sr_id}}"/>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm rp_cancel" type="text" name="sr_main_phenomenon_repair[{{@$sr->sr_id}}]" value="{{$sr->sr_main_phenomenon_repair}}"  subid="{{$sr->sr_id}}">
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_2 rp_cancel" name="sr_bringback_date[{{@$sr->sr_id}}]" value="{{$sr->sr_bringback_date}}"  type="text" subid="{{$sr->sr_id}}"/>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_5 rp_cancel" type="text" name="sr_repair_price[{{@$sr->sr_id}}]" value="{{$sr->sr_repair_price}}"  subid="{{$sr->sr_id}}">
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_2 rp_cancel" name="sr_return_date[{{@$sr->sr_id}}]" value="{{$sr->sr_return_date}}"  type="text" subid="{{$sr->sr_id}}"/>
                                        </td>
                                        <td>
                                            <select  name="sr_repair_analyze[{{@$sr->sr_id}}]" class="form-control form-control-sm" subid="{{@$sr->sr_id}}" {{required_txt($check)}}>
                                                <option value="Mistake" @if(@$sr->sr_repair_analyze=='Mistake') selected @endif>Mistake</option>
                                                <option value="Wear and Tear" @if(@$sr->sr_repair_analyze=='Wear and Tear') selected @endif>Wear and Tear</option>
                                            </select>
                                        </td>





                                        <td>
                                            <select  name="sr_repair_status[{{@$sr->sr_id}}]" class="form-control form-control-sm" subid="{{@$sr->sr_id}}" {{required_txt($check)}}>
                                                <option value="Bring back" @if(@$sr->sr_repair_status=='Bring back') selected @endif>Bring back</option>
                                                <option value="In process" @if(@$sr->sr_repair_status=='In process') selected @endif>In process</option>
                                                <option value="Repairing" @if(@$sr->sr_repair_status=='Repairing') selected @endif>Repairing</option>
                                                <option value="Return" @if(@$sr->sr_repair_status=='Return') selected @endif>Return</option>
                                            </select>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer p-0">
                        <div class="row w-100">
                            <div class="col-lg-6"><button type="submit" name="rp_submit" value="1" class="btn btn-success font-weight-bold w-100">Submit</button></div>
                            <div class="col-lg-6"><button type="submit" name="rp_cancel" onclick="click_remove('rp_cancel')" value="1" class="btn btn-warning font-weight-bold w-100">Cancel</button></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endif

    @if(count(@$tb_scope_training_temp)>0)
        <div class="modal fade" id="preview_training_data" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop" aria-hidden="true">
            <div class="modal-dialog modal-xl modal-dialog-scrollable max-modal modal-dialog-centered" role="document">
                <form class="modal-content h-100" action="{{url('track')}}" method="POST">
                    @method('POST')
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Preventive maintenance data</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <i aria-hidden="true" class="ki ki-close"></i>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="table-responsive h-100">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Select</th>
                                        <th scope="col">Scope&nbsp;Serial&nbsp;Number</th>
                                        <th scope="col">Training&nbsp;Date</th>
                                        <th scope="col">Next&nbsp;Training&nbsp;Date</th>
                                        <th scope="col">Trainee</th>
                                        <th scope="col">Training&nbsp;Topic</th>
                                        <th scope="col">Trainer&nbsp;Name</th>
                                        <th scope="col">Trainer&nbsp;Tel</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $i=1;
                                    @endphp
                                    @foreach ($tb_scope_training_temp as $st)
                                    <tr>
                                        <th scope="row">{{$i++}}</th>
                                        <td>
                                            @php
                                                $training = str_replace(" ", "", "$st->st_scope_serial_number");
                                                $check = DB::table('tb_scope')->where('scope_serial',$training)->count();
                                            @endphp
                                            @if($check!=0)
                                                <input name="scope_st_select[]" onchange="ck({{$st->st_id}})" value="{{$st->st_id}}" class="p-0" data-switch="true" type="checkbox" checked="checked" data-on-text="use" data-handle-width="50" data-off-text="inactive" data-on-color="success" data-off-color="danger"/>
                                            @else
                                                <div class="alert alert-custom alert-light-danger fade show m-0 p-0" role="alert">
                                                    <div class="alert-icon">&emsp; <i class="flaticon-warning icon-sm"></i></div>
                                                    <div class="alert-text">Serial number does not match &emsp;</div>
                                                </div>
                                            @endif
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm sst_cancel" type="text" name="st_scope_serial_number[{{@$st->st_id}}]" value="{{$st->st_scope_serial_number}}"  subid="{{$st->st_id}}" {{required_txt($check)}} readonly>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_2 sst_cancel" name="st_training_date[{{@$st->st_id}}]" value="{{$st->st_training_date}}"  type="text" subid="{{$st->st_id}}" {{required_txt($check)}}/>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_2 sst_cancel" name="st_next_training_date[{{@$st->st_id}}]" value="{{$st->st_next_training_date}}"  type="text" subid="{{$st->st_id}}" {{required_txt($check)}}/>
                                        </td>
                                        <td>
                                            <select class="form-control selectpicker" name="st_training_trainee[{{$st->st_id}}][]" multiple>
                                                @foreach ($users as $us)
                                                    <option value="{{$us->id}}">{{$us->name}}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm sst_cancel" type="text" name="st_training_topic[{{@$st->st_id}}]" value="{{$st->st_training_topic}}"  subid="{{$st->st_id}}" {{required_txt($check)}}>
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm sst_cancel" type="text" name="st_trainer_name[{{@$st->st_id}}]" value="{{$st->st_trainer_name}}"  subid="{{$st->st_id}}" >
                                        </td>
                                        <td>
                                            <input class="form-control form-control-sm kt_inputmask_phone sst_cancel" name="st_trainer_tel[{{@$st->st_id}}]" value="{{$st->st_trainer_tel}}"  type="text" subid="{{$st->st_id}}" />
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer p-0">
                        <div class="row w-100">
                            <div class="col-lg-6"><button type="submit" name="sst_submit" value="1" class="btn btn-success font-weight-bold w-100">Submit</button></div>
                            <div class="col-lg-6"><button type="submit" name="sst_cancel" onclick="click_remove('sst_cancel')"  value="1" class="btn btn-warning font-weight-bold w-100">Cancel</button></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endif


    <div class="modal fade add-scope" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <form action="{{url('track')}}" method="POST" class="modal-content pl-5 pr-5 pb-5 pt-0" enctype="multipart/form-data">
                @method('POST')
                @csrf
                <div class="modal-header p-1 border-0">
                    <h2 class="mt-2">Scope Registration</h2>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <i class="fas fa-times-circle icon-2x"></i>
                    </button>
                </div>
                <div class="row m-0">

                    <div class="col-lg-6 set-center">
                        <div class="row m-0">
                            <div class="col-3 p-0 b">Name</div>
                            <div class="col-9">
                                <input type="text" name="scope_name" class="form-control form-control-sm" required>
                            </div>
                        </div>
                        <div class="row m-0">
                            <div class="col-3 p-0 b">Type</div>
                            <div class="col-9">
                                <select name="scope_type" class="form-control form-control-sm" required>
                                    <option value="">Choose...</option>
                                    <option value="Gastroscope">Gastroscope</option>
                                    <option value="Colonoscope">Colonoscope</option>
                                    <option value="Duodenoscope">Duodenoscope</option>
                                    <option value="Bronchoscope">Bronchoscope</option>
                                    <option value="Ultrasonic gastroscope">Ultrasonic gastroscope</option>
                                    <option value="Ultrasonic bronchoscope">Ultrasonic bronchoscope</option>
                                    <option value="ENT/Naso-Pharyngo-Laryngoscopes">ENT/Naso-Pharyngo-Laryngoscopes</option>
                                    <option value="Choledochoscope">Choledochoscope</option>
                                    <option value="Pleuroscope">Pleuroscope</option>
                                    <option value="Cystoscopes">Cystoscopes</option>
                                    <option value="Ureteroscope">Ureteroscope</option>
                                    <option value="Tracheal Intubation Scope">Tracheal Intubation Scope</option>
                                    <option value="Laparoscope">Laparoscope</option>
                                    <option value="Hysteroscope">Hysteroscope</option>
                                </select>
                            </div>
                        </div>
                        <div class="row m-0">
                            <div class="col-3 p-0 b">Company</div>
                            <div class="col-9">
                                <select class="form-control form-control-sm" name="scope_band" required>
                                    <option value="">Choose...</option>
                                    <option value="Olympus">Olympus</option>
                                    <option value="Fujinon">Fujinon</option>
                                    <option value="Pantex">Pantex</option>
                                    <option value="Storz">Storz</option>
                                    <option value="Wolf">Wolf</option>
                                </select>
                            </div>
                        </div>
                        <div class="row m-0">
                            <div class="col-3 p-0 b">Model</div>
                            <div class="col-9">
                                <input type="text" name="scope_model" class="form-control form-control-sm" required>
                            </div>
                        </div>
                        <div class="row m-0">
                            <div class="col-3 p-0 b">Serial Number</div>
                            <div class="col-9">
                                <input type="text" name="scope_serial" class="form-control form-control-sm" required>
                            </div>
                        </div>
                        <div class="row m-0">
                            <div class="col-3 p-0 b">Working Channel</div>
                            <div class="col-9">
                                <input type="text" name="scope_working_channel" class="form-control form-control-sm">
                            </div>
                        </div>
                        <div class="row m-0">
                            <div class="col-3 p-0 b">Distal-end Diameter</div>
                            <div class="col-9">
                                <input type="text" name="scope_distal_end_diameter" class="form-control form-control-sm">
                            </div>
                        </div>
                        <div class="row m-0">
                            <div class="col-3 p-0 b">Installation Date</div>
                            <div class="col-9">
                                <div class="input-group date" >
                                    <input type="text" class="form-control" readonly  name="scope_installdate" value="{{date('d/m/Y')}}" id="kt_datepicker_3"/>
                                    <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="la la-calendar"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 set-center">
                        <div class="row m-0">
                            <div class="col-1"></div>
                            <div class="col-3 p-0 b">Selling price</div>
                            <div class="col-6">
                                <input type="text" name="scope_selling_price" class="form-control form-control-sm">
                            </div>
                            <div class="col-2 b">Baht</div>
                        </div>
                        <div class="row m-0">
                            <div class="col-1"></div>
                            <div class="col-3 p-0 b">Warranty year</div>
                            <div class="col-6">
                                <input type="text" name="scope_warranty_year" class="form-control form-control-sm">
                            </div>
                            <div class="col-2 b">Year</div>
                        </div>
                        <div class="row m-0">
                            <div class="col-1"></div>
                            <div class="col-3 p-0 b">Warranty start</div>
                            <div class="col-3">
                                <div class="input-group date" >
                                    <input type="text" class="form-control kt_datepicker_3_modal" name="scope_contract_warrantee_start" readonly  value="{{date('d/m/Y')}}"/>
                                    <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="la la-calendar"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-2 text-right b">End</div>
                            <div class="col-3">
                                <div class="input-group date" >
                                    <input type="text" class="form-control kt_datepicker_3_modal" name="scope_contract_warrantee_end" readonly  value="{{date('d/m/Y')}}"/>
                                    <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="la la-calendar"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row m-0">
                            <div class="col-1"></div>
                            <div class="col-3 p-0 b">Sale name</div>
                            <div class="col-3">
                                <input type="text" name="scope_sale_name" class="form-control form-control-sm">
                            </div>
                            <div class="col-2 text-right b">Phone</div>
                            <div class="col-3">
                                <input type="number" name="scope_sale_tel" class="form-control form-control-sm">
                            </div>
                        </div>
                        <div class="row m-0">
                            <div class="col-1"></div>
                            <div class="col-3 p-0 b">Service name</div>
                            <div class="col-3">
                                <input type="text" name="scope_service_name"  class="form-control form-control-sm">
                            </div>
                            <div class="col-2 text-right b">Phone</div>
                            <div class="col-3">
                                <input type="number" name="scope_service_tel" class="form-control form-control-sm">
                            </div>
                        </div>
                        <div class="row m-0"><div class="col-12">&emsp;</div></div>
                        <div class="row m-0">
                            <div class="col-1"></div>
                            <div class="col-3 p-0 b">Upload Excel</div>
                            <div class="col-3">
                                <div class="file-upload">
                                    <div class="image-upload-wrap">
                                        <input class="file-upload-input" name="file" type='file' onchange="readURL(this,5);" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
                                        <div class="drag-text h3">
                                            <h3 class="text-success"><i class="fa fas fa-file-upload text-success"></i> Attach File</h3>
                                        </div>
                                    </div>
                                    <div class="file-upload-content">
                                        <div class="file-upload-image" src="#" alt="your image"></div>
                                        <div class="image-title-wrap">
                                            <button type="button" onclick="removeUpload(5)" class="remove-image">Remove <span class="image-title">Uploaded Image</span></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-5">
                                <a href="{{url('public/excel/Scope_Register_Template.xlsx')}}" class="btn btn-primary w-100 mt-2 border-r-0 h4"><i class="fa fas fa-file-download"></i> Download form scope</a>
                            </div>
                        </div>
                        <div class="row m-0">
                            <div class="col-1"></div>
                            <div class="col-3 p-0 b">Tag ID</div>
                            <div class="col-6">
                                <input type="text" name="scope_rfid" class="form-control form-control-sm">
                            </div>
                            <div class="col-2 b"></div>
                        </div>
                    </div>
                    <div class="col-lg-12 mt-3">
                        <div class="row">
                            <div class="col-lg-8"></div>
                            <div class="col-lg-4"><button class="btn btn-primary w-100" type="submit" name="form_insert" value="1"><i class="far fa-plus-square"></i> Create</button></div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>


    <div class="modal fade" id="on_scope" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
        <form class="modal-content" action="{{url('track/1')}}" method="POST">
            @method('DELETE')
            @csrf
            <div class="modal-header">
              <h5 class="modal-title" id="scope_name_setting">Setting Scope</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>X
              </button>
            </div>
            <div class="modal-body">
                <div class="row m-0">
                    <div class="col-lg-4">
                        <label for="switch-status">Setting</label>
                        {{-- <input data-switch="true" data-size="large" type="checkbox"/> --}}
                        <span class="switch switch-outline switch-icon switch-success">
                            <label>
                             <input type="checkbox" id="switch_status" name="select_settint"/>
                             <span></span>
                            </label>
                        </span>
                    </div>
                    <div class="col-lg-4">
                        <label for="otp">OTP</label><br>
                        <input type="text" name="" id="otp" value="1234" class="form-control" disabled>
                    </div>
                    <div class="col-lg-4">
                        <label for="text-otp">Confirm </label>
                        <input type="text" name="" id="text-otp" class="form-control" autocomplete="off">
                    </div>
                    <input type="hidden" name="scope_id_set" id="scope_id_set">
                </div>
            </div>
            <div class="modal-footer w-100 p-0">
              <button type="submit" class="btn btn-primary w-100" id="btn-confirm" disabled>Save changes</button>
            </div>
        </form>
        </div>
      </div>
@endsection


@section('content')
<div class="row m-0">
    <div class="col-lg-2 h-100">
        <div class="card h100">
            <div class="card-body">
                <div class="row h100">
                    <div class="col-lg-12" style="align-self: center;">
                        <button class="btn btn-primary h-100 w-100 h2" data-toggle="modal" data-target=".add-scope"><i class="fas fa-plus icon-5x"></i><p> Add Scope</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-10 h-100">
        <div class="card h-100">
            <div class="card-body">
                <div class="row m-0">
                    <div class="col-lg-3">
                        <div class="row text-center">
                            <div class="col-12"><h4>Scope Register</h4></div>
                            <div class="col-12">
                                <a href="{{url('public/excel/Scope_Register_Template.xlsx')}}" class="btn btn-primary w-100 mt-2 border-r-0 h3"><i class="fa fas fa-file-download"></i> Download Template</a>
                            </div>
                            <div class="col-12 text-5">
                                <form action="{{url('scopeinformation')}}" method="POST" class="file-upload" enctype="multipart/form-data">
                                    @method('POST')
                                    @csrf
                                    <div class="image-upload-wrap">
                                        <input class="file-upload-input" name="file" type='file' onchange="readURL(this,5);"  accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
                                        <div class="drag-text h3">
                                            <h3 class="text-success"><i class="fa fas fa-file-upload text-success"></i> Attach File</h3>
                                        </div>
                                    </div>
                                    <div class="file-upload-content pt-3">
                                        <div class="file-upload-image"></div>
                                        <div class="image-title-wrap row">
                                            <button class="btn btn-success w-100 mt-2 border-r-0 h5 col-6" name="scope" value="1">SUBMIT</button>
                                            <button type="button" onclick="removeUpload(5)" class="btn btn-danger mt-2 border-r-0 h5 col-6">Remove</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="row text-center">
                            <div class="col-12"><h4>PM Data</h4></div>
                            <div class="col-12">
                                <a href="{{url('public/excel/Preventive_Maintenance_Data.xlsx')}}" class="btn btn-primary w-100 mt-2 border-r-0 h3"><i class="fa fas fa-file-download"></i> Download Template</a>
                            </div>
                            <div class="col-12 text-2">
                                <form action="{{url('scopeinformation')}}" method="POST" class="file-upload" enctype="multipart/form-data">
                                    @method('POST')
                                    @csrf
                                    <div class="image-upload-wrap">
                                        <input class="file-upload-input" name="file_pm" type='file' onchange="readURL(this,2);" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
                                        <div class="drag-text h3">
                                            <h3 class="text-success"><i class="fa fas fa-file-upload text-success"></i> Attach File</h3>
                                        </div>
                                    </div>
                                    <div class="file-upload-content pt-3">
                                        <div class="file-upload-image"></div>
                                        <div class="image-title-wrap row">
                                            <button class="btn btn-success w-100 mt-2 border-r-0 h5 col-6" name="ptrventive" value="1">SUBMIT</button>
                                            <button type="button" onclick="removeUpload(2)" class="btn btn-danger mt-2 border-r-0 h5 col-6">Remove</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="row text-center">
                            <div class="col-12"><h4>Repair Data</h4></div>
                            <div class="col-12">
                                <a href="{{url('public/excel/Repair_data.xlsx')}}" class="btn btn-primary w-100 mt-2 border-r-0 h3"><i class="fa fas fa-file-download"></i> Download Template</a>
                            </div>
                            <div class="col-12 text-3">
                                <form action="{{url('scopeinformation')}}" method="POST" class="file-upload" enctype="multipart/form-data">
                                    @method('POST')
                                    @csrf
                                    <div class="image-upload-wrap">
                                        <input class="file-upload-input" name="file_repair" type='file' onchange="readURL(this,3);" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
                                        <div class="drag-text h3">
                                            <h3 class="text-success"><i class="fa fas fa-file-upload text-success"></i> Attach File</h3>
                                        </div>
                                    </div>
                                    <div class="file-upload-content pt-3">
                                        <div class="file-upload-image" src="#" alt="your image"></div>
                                        <div class="image-title-wrap row">
                                            <button class="btn btn-success w-100 mt-2 border-r-0 h5 col-6" name="repair" value="1">SUBMIT</button>
                                            <button type="button" onclick="removeUpload(3)" class="btn btn-danger mt-2 border-r-0 h5 col-6">Remove</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="row text-center">
                            <div class="col-12"><h4>Training Data</h4></div>
                            <div class="col-12">
                                <a href="{{url('public/excel/Training_data.xlsx')}}" class="btn btn-primary w-100 mt-2 border-r-0 h3"><i class="fa fas fa-file-download"></i> Download Template</a>
                            </div>
                            <div class="col-12 text-4">
                                <form action="{{url('scopeinformation')}}" method="POST" class="file-upload" enctype="multipart/form-data">
                                    @method('POST')
                                    @csrf
                                    <div class="image-upload-wrap">
                                        <input class="file-upload-input" name="file_training" type='file' onchange="readURL(this,4);" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
                                        <div class="drag-text h3">
                                            <h3 class="text-success"><i class="fa fas fa-file-upload text-success"></i> Attach File</h3>
                                        </div>
                                    </div>
                                    <div class="file-upload-content pt-3">
                                        <div class="file-upload-image" src="#" alt="your image"></div>
                                        <div class="image-title-wrap row">
                                            <button class="btn btn-success w-100 mt-2 border-r-0 h5 col-6" name="training" value="1">SUBMIT</button>
                                            <button type="button" onclick="removeUpload(4)" class="btn btn-danger mt-2 border-r-0 h5 col-6">Remove</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row" style="margin:0;margin-top: 1em;">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                {{-- <form action="{{url('track/create')}}" method="POST" class="row m-0 mb-4" enctype="multipart/form-data">
                    @method('GET')
                    @csrf
                    <div class="col-lg-10">
                        <div class="input-icon input-icon-right">
                            <input type="text" name="txt_search" class="form-control" placeholder="Search..."/>
                            <span><i class="flaticon2-search-1 icon-md"></i></span>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <button type="submit" class="btn btn-success w-100"><i class="fas fa-search"></i> ค้นหา</button>
                    </div>
                </form> --}}
                <table class="table table-scope">
                    <thead>
                        {{-- <tr>
                            <th class="text-center" scope="col" style="width: 8%;">Type <i class="fas fa-angle-down text-light"></i></th>
                            <th scope="col">Name <i class="fas fa-angle-down text-light"></i></th>
                            <th scope="col">On/Off <i class="fas fa-angle-down text-light"></i></th>
                            <th scope="col t-center">RFID uid<i class="fas fa-angle-down text-light"></i></th>
                            <th scope="col">Model <i class="fas fa-angle-down text-light"></i></th>
                            <th scope="col">Serial <i class="fas fa-angle-down text-light"></i></th>
                            <th scope="col">Company <i class="fas fa-angle-down text-light"></i></th>
                            <th class="text-center" scope="col">Scope age <i class="fas fa-angle-down text-light"></i></th>
                            <th class="text-center" scope="col">Operation times <i class="fas fa-angle-down text-light"></i></th>
                            <th class="text-center" scope="col">Remaining warrantee <i class="fas fa-angle-down text-light"></i></th>
                        </tr> --}}
                        <tr>
                            <form action="{{url('track/create')}}" method="POST" class="row m-0 mb-4" enctype="multipart/form-data">
                                @method('GET')
                                @csrf
                                <th class="text-center" scope="col" style="width: 8%;">
                                    <select name="search_type" class="form-control form-control-sm" >
                                        <option>Type</option>
                                        <option value="Gastroscope" @if(@$search_type=='Gastroscope') selected @endif>Gastroscope</option>
                                        <option value="Colonoscope" @if(@$search_type=='Colonoscope') selected @endif>Colonoscope</option>
                                        <option value="Duodenoscope" @if(@$search_type=='Duodenoscope') selected @endif>Duodenoscope</option>
                                        <option value="Bronchoscope" @if(@$search_type=='Bronchoscope') selected @endif>Bronchoscope</option>
                                        <option value="Ultrasonic gastroscope" @if(@$search_type=='Ultrasonic gastroscope') selected @endif>Ultrasonic gastroscope</option>
                                        <option value="Ultrasonic bronchoscope" @if(@$search_type=='Ultrasonic bronchoscope') selected @endif>Ultrasonic bronchoscope</option>
                                        <option value="ENT/Naso-Pharyngo-Laryngoscopes" @if(@$search_type=='ENT/Naso-Pharyngo-Laryngoscopes') selected @endif>ENT/Naso-Pharyngo-Laryngoscopes</option>
                                        <option value="Choledochoscope" @if(@$search_type=='Choledochoscope') selected @endif>Choledochoscope</option>
                                        <option value="Enteroscope" @if(@$search_type=='Enteroscope') selected @endif>Enteroscope</option>
                                        <option value="Pleuroscope" @if(@$search_type=='Pleuroscope') selected @endif>Pleuroscope</option>
                                        <option value="Cystoscopes" @if(@$search_type=='Cystoscopes') selected @endif>Cystoscopes</option>
                                        <option value="Ureteroscope" @if(@$search_type=='Ureteroscope') selected @endif>Ureteroscope</option>
                                        <option value="Tracheal Intubation Scope" @if(@$search_type=='Tracheal Intubation Scope') selected @endif>Tracheal Intubation Scope</option>
                                        <option value="Laparoscope" @if(@$search_type=='Laparoscope') selected @endif>Laparoscope</option>
                                        <option value="Hysteroscope" @if(@$search_type=='Hysteroscope') selected @endif>Hysteroscope</option>
                                    </select>
                                </th>
                                <th scope="col">
                                    <input type="text" name="search_name" value="{{@$search_name}}"  class="form-control form-control-sm" placeholder="Name">
                                </th>
                                <th scope="col">
                                    <select name="search_on" class="form-control form-control-sm">
                                        <option>On/Off</option>
                                        <option value="0" @if(@$search_on=='0') selected @endif>On</option>
                                        <option value="1" @if(@$search_on=='1') selected @endif>Off</option>
                                    </select>
                                </th>
                                <th scope="col t-center"><input type="text" name=""  class="form-control form-control-sm" placeholder="RFID uid" readonly></th>
                                <th scope="col">
                                    <input type="text" name="search_model" value="{{@$search_model}}"  class="form-control form-control-sm" placeholder="Model">
                                </th>
                                <th scope="col">
                                    <input type="text" name="search_serial" value="{{@$search_serial}}"  class="form-control form-control-sm" placeholder="Serial">
                                </th>
                                <th scope="col">
                                    <select name="search_company"  class="form-control form-control-sm">
                                        <option value="Company" @if(@$search_company=='Company') selected @endif>Company</option>
                                        <option value="Olympus" @if(@$search_company=='Olympus') selected @endif>Olympus</option>
                                        <option value="Fujinon" @if(@$search_company=='Fujinon') selected @endif>Fujinon</option>
                                        <option value="Pantex" @if(@$search_company=='Pantex') selected @endif>Pantex</option>
                                        <option value="Storz" @if(@$search_company=='Storz') selected @endif>Storz</option>
                                        <option value="Wolf" @if(@$search_company=='Wolf') selected @endif>Wolf</option>
                                    </select>
                                </th>
                                <th class="text-center" scope="col">
                                    <select name="search_age" class="form-control form-control-sm">
                                        <option value="fff">Scope Age</option>
                                        @for($age=0;$age<7;$age++)
                                            <option value="{{$age}}" @if(isset($search_age)) @if(@$search_age==$age) selected @endif @endif>{{$age}}@if($age==6)++@endif</option>
                                        @endfor
                                    </select>
                                </th>
                                <th class="text-center" scope="col"><input type="text" name=""  class="form-control form-control-sm" placeholder="Operation times" readonly></th>
                                <th class="text-center" scope="col">
                                    <select name="search_rw" class="form-control form-control-sm">
                                        <option value="none" @if(@$search_rw=='none') selected @endif>Remaining Warrantee</option>
                                        <option value="In Warrantee" @if(@$search_rw=='In Warrantee') selected @endif>In Warrantee</option>
                                        <option value="Out of Warrantee" @if(@$search_rw=='Out of Warrantee') selected @endif>Out of Warrantee</option>
                                    </select>
                                </th>
                                <th>
                                    <button type="submit" name="txt_search" value="1" class="btn btn-success w-100 btn-sm"><i class="fas fa-search menu-pc"></i></button>
                                </th>
                            </form>
                        </tr>
                    </thead>
                    <tbody>
                        @if (isset($tb_scope))
                            @foreach ($tb_scope as $item)
                                <tr>
                                    <th class="text-center">{{@$item->scope_type}}</th>
                                    <td>{{@$item->scope_name}}</td>
                                    <td>
                                        @if($item->scope_status=="available")
                                            <button class="btn btn-success btn-sm btn-on" data-value="{{@$item->scope_status}}" data-name="{{@$item->scope_name}}" data-id="{{@$item->scope_id}}" data-toggle="modal" data-target="#on_scope"><i class="fas fa-check-circle"></i> On</button>
                                        @else
                                            <button class="btn btn-danger btn-sm btn-on" data-value="{{@$item->scope_status}}" data-name="{{@$item->scope_name}}" data-id="{{@$item->scope_id}}" data-toggle="modal" data-target="#on_scope"><i class="fas fa-power-off"></i> Off</button>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        <div class="input-group">
                                             <input type="text" class="form-control form-control-sm txt-rfid" this_id="{{@$item->scope_id}}" id="txtrfid{{@$item->scope_id}}" value="{{@$item->scope_rfid}}" readonly/>
                                            <div class="input-group-append">
                                                <button class="btn btn-warning btn-sm btn-rfid" id="{{@$item->scope_id}}" type="button"><i class="fas fa-pencil-alt"></i></button>
                                            </div>
                                        </div>
                                    </td>
                                    <td>{{@$item->scope_model}}</td>
                                    <td>{{@$item->scope_serial}}</td>
                                    <td>{{@$item->scope_band}}</td>
                                    <td class="text-center">{{datefiff($item->scope_installdate)}}</td>
                                    <td class="text-center">-</td>
                                    <td class="text-center">{{datefiff($item->scope_contract_warrantee_end)}}</td>
                                    <td class="text-center">
                                        <a href="{{url('track')}}/{{$item->scope_id}}" class="btn btn-info btn-sm w-100">
                                            <i class="far fa-folder-open"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection



@section('script')

    <script src="{{url('')}}/public/js/track/import.js"></script>
    @if(count($tb_scope_temp)>0)
        <script>
            $("#preview_scope_information").modal('show')
        </script>
    @endif

    @if(count($tb_scope_pm_temp)>0)
        <script>
            $("#preview_preventive_maintenance_data").modal('show')
        </script>
    @endif

    @if(count($tb_scope_repair_temp)>0)
        <script>
            $("#preview_repair_data").modal('show')
        </script>
    @endif
    @if(count($tb_scope_training_temp)>0)
        <script>
            $("#preview_training_data").modal('show')
        </script>
    @endif
    <script>
        // Class definition

            var KTBootstrapSwitch = function() {

            // Private functions
            var demos = function() {
            // minimum setup
            $('[data-switch=true]').bootstrapSwitch();
            };

            return {
            // public functions
            init: function() {
            demos();
            },
            };
            }();

            jQuery(document).ready(function() {
                KTBootstrapSwitch.init();
            });



               // Class definition

            var KTBootstrapSelect = function () {

            // Private functions
            var demos = function () {
            // minimum setup
            $('.kt-selectpicker').selectpicker();
            }

            return {
            // public functions
            init: function() {
            demos();
            }
            };
            }();

            jQuery(document).ready(function() {
            KTBootstrapSelect.init();
            });





            var KTInputmask = function () {

// Private functions
var demos = function () {

 $(".kt_inputmask_2").inputmask("9999-99-99", {
  "placeholder": "YYYY-mm-dd",
 });
 $(".kt_inputmask_phone").inputmask("mask", {
   "mask": "999-999999",
   autoUnmask: true
  });
  $(".kt_inputmask_5").inputmask({
   "mask": "9",
   "repeat": 10,
   "greedy": false
  }); // ~ mask "9" or mask "99" or ... mask "9999999999"


}

return {
 // public functions
 init: function() {
  demos();
 }
};
}();

jQuery(document).ready(function() {
KTInputmask.init();
});
    </script>

    <script>
        $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
        $(".btn-rfid").click(function(){
            var text_rfid = $(this).attr('id');
            $('#txtrfid'+text_rfid).attr('readonly',false);
            $('#txtrfid'+text_rfid).focus();
        })
        $(".txt-rfid").focusout(function(){
            var text_rfid = $(this).attr('this_id');
            $(this).attr('readonly',true);
            var this_val = $(this).val();
            $.post("{{url('jquery')}}",
            {
            event       : 'update_rfid',
            this_id     : text_rfid,
            value       : this_val
            },
            function(data,status)
            {
                console.log(data);
            });
        })
    function click_remove(class_x){
        $("."+class_x).val('0');
        this.click();
    }
    </script>
    @if(isset($_GET['alert']))
    <script>
        Swal.fire("Wrong !", "Invalid uploaded file ", "warning");
    </script>
    @endif


    <script>
        // setTimeout(function(){
            function ck(this_id){
                if ($("#"+this_id).is(':checked')) {
                    $("[subid='"+this_id+"']").prop("required",true);
                }else{
                    $("[subid='"+this_id+"']").prop("required",false);
                }
            }
        // $(".confirm_scope").change(function(){
        //     alert()
        //     if ($(this).is(':checked')) {
        //         alert('ck')
        //     }else{
        //         alert('no')
        //     }
        // })
    // }, 1000);

    function makeid(length) {
        var result           = '';
        var characters       = '0123456789';
        var charactersLength = characters.length;
        for ( var i = 0; i < length; i++ ) {
            result += characters.charAt(Math.floor(Math.random() * charactersLength));
        }
        return result;
    }
    $(".btn-on").click(function(){
        var this_id = $(this).attr("data-id");
        var this_name = $(this).attr("data-name");
        var this_value = $(this).attr("data-value");
        if(this_value!="available"){
            $("#switch_status").prop('checked',false);
        }else{
            $("#switch_status").prop( "checked", true );
        }
        $("#scope_id_set").val(this_id);
        $("#scope_name_setting").text(this_name);
        $("#text-otp").val("");
        $("#btn-confirm").attr("disabled",true);
        $("#otp").val(makeid(4));
    })

    $("#text-otp").keyup(function(){
        var this_otp = $(this).val();
        if(this_otp==$("#otp").val()){
            $("#btn-confirm").attr("disabled",false);
        }else{
            $("#btn-confirm").attr("disabled",true);
        }
    })

    </script>

@endsection