@php
$view['doctor']         = $doctor;
$view['procedure']      = $procedure;
$view['config']         = $config;
$view['holiday']        = $holiday;
// $view['case_calendar']  = $case_calendar;
@endphp

@extends('layouts.app')
@section('title', 'EndoCapture')
@section('style')
<style>
    .Registered{
        s_class = 'label label-warning label-pill label-inline mr-2';
    }
    if (el.case_status == ' Operation  ') {
        s_class = 'label label-info label-pill label-inline mr-2';
    }
    if (el.case_status == ' Reported ') {
        s_class = 'label label-success label-pill label-inline mr-2';
    }
</style>


<style>

    @php
        if (webconfig('config_calendarcolor') == 'doctor') {
            foreach ($procedure as $p) {
                echo ".bg-$p->procedure_code	{background-color: $p->procedure_color !important; }";
            }
        } else {
            foreach ($procedure as $p) {
                echo ".bg-$p->procedure_code	{background-color: $p->procedure_color !important; }";
            }
        }
    @endphp



    @media (min-width: 992px) {
        .header-fixed.subheader-fixed.subheader-enabled .wrapper {
            padding-top: 65px;
        }

        .table_mobile {
            display: none;
        }
    }

    @media (max-width: 992px) {
        #table_web {
            display: none;
        }
    }
    .bg-primarycapture{
        background: rgb(0, 113, 187);
    }
    .bg-fff{
        background: #fff;
    }
    .cn{
        align-items: center;
    }

    </style>
    <link href="{{url('public/css/capture/index.css')}}" rel="stylesheet" type="text/css"/>
@endsection
    @section('modal')
        @include('EndoCAPTURE.home.component.modal_hisdetail')
        @include('EndoCAPTURE.home.component.modal_barcode')
        @include('EndoCAPTURE.home.component.modal_holiday')
        @include('EndoCAPTURE.home.component.modal_rapid')
        @include('EndoCAPTURE.home.component.modal_worklist_wait')
        @include('EndoCAPTURE.home.component.modal_worklist')
    @endsection
@section('content')

    @php
        $admin['controllername'] = "endocapture/homecontroller";
        $admin['viewname']       = "home/index.blade.php";
        cardADMIN($admin);
    @endphp


<div class="row" style="margin: 0;">
    @if (in_array(Auth::user()->user_type, ['admin']))
            <div class="col-lg-12" style="padding: 1em;">
                <div class="card card-custom" style="height: 100%;">
                    <div class="card-body">
                       <h1 align="center"><font color="red">ท่านกำลังอยู่ในโหมด admin</font></h1>
                    </div>
                </div>
            </div>
    @endif
</div>





    <div class="row" style="margin: 0;margin-top:-0.5em;margin-bottom: 5em;">
        <div class="col-lg-12">
            <div class="card card-custom" style="width: 100%;">
                <div class="card-header" style="padding: 0;">
                    <div class="row" style="margin: 0;width: 100%;margin-top:0.8em;">
                        <div class="col-lg-6">
                            <div class="row" style="padding: 5px;">
                                <ul class="nav nav-light-success nav-pills" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="click_show_today" data-toggle="tab" href="#show_today">
                                            <span class="nav-icon">
                                                <i class="fas fa-calendar"></i>
                                            </span>
                                            <span class="nav-text">Show Today</span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="click_show_all" data-toggle="tab" href="#show_today">
                                            <span class="nav-icon">
                                                <i class="fas fa-calendar-alt"></i>
                                            </span>
                                            <span class="nav-text">Show All</span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="click_show_his" data-toggle="tab" href="#show_other">
                                            <span class="nav-icon">
                                                <i class="fas fa-book"></i>
                                            </span>
                                            <span class="nav-text">HIS</span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <span class="switch switch-icon">
                                            <label class="switch">
                                                <input type="checkbox" config_type="admin" class="config_option" @if(configTYPE("admin","system_semi")) checked @endif id="system_semi">
                                                <span></span>
                                            </label>
                                            <span>Auto sync</span>
                                    </li>



                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="row">
                                <div class="col-lg-3">
                                    &nbsp;
                                </div>
                                <div class="col-lg-3" style="padding: 3px;">
                                    <div data-container="body" data-offset="60px 0px" data-toggle="popover" data-placement="top"
                                        data-content="Barcode Search">
                                        <button data-toggle="modal" data-target="#barcode" type="button"
                                            class="btn btn-lg btn-warning  waves-effect m-t-20 waves-light" id="btnbarcode"
                                            style="width: 100%;">
                                            <h4><i class="fa fa-barcode" aria-hidden="true"></i> Scan</h4>
                                        </button>
                                    </div>
                                </div>
                                <div class="col-lg-3" style="padding: 3px;">
                                    <a href="{{ url('camera') }}" data-container="body" data-offset="60px 0px"
                                        data-toggle="popover" data-placement="top" data-content="Test Camera" type="button"
                                        class="btn btn-lg btn-success  waves-effect m-t-20 waves-light" style="width: 100%;">
                                        <h4><i class="fas fa-camera" aria-hidden="true"></i> Test</h4>
                                    </a>
                                </div>
                                <div class="col-lg-3" style="padding: 3px;">
                                    <a data-container="body" data-offset="60px 0px" data-toggle="popover" data-placement="top"
                                        data-content="Create New Case" href="patient/create"
                                        class="btn btn-lg btn-primary  waves-effect m-t-20 waves-light" style="width: 100%;">
                                        <h4><i class="fa fa-plus"></i>&nbsp;New case</h4>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <input type="hidden" name="" id="switch_on" value="today">
                <div class="card-body" style="padding: 1px;">
                    <div class="table-responsive tab-content mt-5">
                        <table class="table table-hover tab-pane fade show active" id="show_today" role="tabpanel" aria-labelledby="show_today">
                            <thead id="table_web">
                                <form action="#tablestart">
                                    <input type="hidden" value="range" name="type">
                                    <tr id="no_bt_search">
                                        <th>
                                        </th>
                                        <th align="center">
                                            <select name="status" class="form-control datasearch" id="sl_status">
                                                <option value="">Status</option>
                                                <option value="0" @if (@$_GET['status'] == '0') selected="selected" @endif>
                                                    <h3>Registered</h3>
                                                </option>
                                                <option value="1" @if (@$_GET['status'] == '1') selected="selected" @endif>
                                                    <h3>Operation</h3>
                                                </option>
                                                <option value="2" @if (@$_GET['status'] == '2') selected="selected" @endif>
                                                    <h3>Reported</h3>
                                                </option>
                                            </select>
                                        </th>
                                        <th align="center" style="width: 15%;"><input name="hn" id="tx_hn"
                                                value="{{ @$_GET['hn'] }}" class="form-control datasearch" type="text"
                                                placeholder="H.N." autocomplete="off"></th>
                                        <th align="center"><input name="name" id="tx_name" value="{{ @$_GET['name'] }}"
                                                class="form-control datasearch" type="text" placeholder="Name"
                                                autocomplete="off"></th>
                                        <th align="center"> <input name="age" id="tx_age" value="{{ @$_GET['age'] }}"
                                                class="form-control datasearch" type="text" placeholder="Age"
                                                autocomplete="off"></th>
                                        @if (Auth::user()->user_type != 'doctor')
                                            <th>

                                                <select id="doctor" class="form-control datasearch">
                                                    <option value="">Doctor</option>
                                                    <option value="MED">MED</option>
                                                    <option value="SUR">SUR</option>
                                                    @foreach($doctor as $data)
                                                        <option value="{{$data->id}}">
                                                            {{$data->user_prefix}}
                                                            {{$data->user_firstname}}
                                                            &nbsp;&nbsp;
                                                            {{$data->user_lastname}}
                                                        </option>
                                                    @endforeach
                                                </select>

                                            </th>
                                        @endif
                                        <th align="center">
                                            <select id="procedure_code" class="form-control datasearch">
                                                <option value="">Procedure</option>
                                                @foreach($procedure as $data)
                                                    <option value="{{$data->procedure_code}}">{{$data->procedure_name}}</option>
                                                @endforeach
                                            </select>
                                        </th>
                                        <th align="center">{!! Form::select('room', ['' => 'Room'] + array_pluck($room, 'room_name', 'room_id'), @$_GET['room'], ['class' => 'form-control datasearch','id'=>'search_room']) !!}</th>
                                        <th align="center">
                                        </th>

                                        <th style="padding: 12px 4px;text-align: right;">
                                            <a href="{{url('home')}}" class="btn btn-outline-warning w-100"><i class="fas fa-eraser"></i> Clear</a>
                                        </th>
                                    </tr>
                                    <tr>
                                        <th style="width: 4%;">&nbsp; #</th>
                                        <th style="width: 6%;">Status</th>
                                        <th>HN</th>
                                        <th style="width: 20%;">Patient Name</th>
                                        <th class="thage" style="width: 5%;">Age</th>
                                        @if (Auth::user()->user_type != 'doctor')
                                            <th style="width: 20%;">Doctor</th>
                                        @endif
                                        <th style="width: 15%;">Procedure</th>
                                        <th style="width: 8%;">Room</th>
                                        <th style="width: 10%;">Date</th>
                                        <th>Manage</th>
                                    </tr>
                                </form>
                            </thead>
                            <tbody id="set_data"></tbody>
                        </table>

                        <form action="hisconnect" method="POST" style="opacity: 0;">
                            @csrf
                            <input type="hidden" name="date" value="{{date('Y-m-d')}}">
                            <button type="submit" id="create_his_auto" value="" name="his_id" data-toggle="modal" data-target="#progress"></button>
                        </form>

                        <table class="table table-hover tab-pane fade" id="show_other" role="tabpanel" aria-labelledby="show_other">


                            <thead>
                                <tr>
                                    <td colspan="8">
                                        <button id="btn_get_worklist" class="btn btn-text-warning btn-hover-light-warning font-weight-bold"> <i class="fas fa-hand-holding-medical text-warning"></i> GET Worklist</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 5%;">#</td>
                                    <td style="width: 10%;">HN</td>
                                    <td style="width: 30%;">Patient name</td>
                                    <td style="width: 10%;">Gender</td>
                                    <td style="width: 5%;">Age</td>
                                    <td style="width: 30%;">OPERATION</td>
                                    <td style="width: 10%;">SURGEON</td>
                                    <td class="text-center" style="width: 15%;">Create</td>
                                </tr>
                            </thead>
                            <tbody id="table_worklist"  width="100%">
                            </tbody>
                            <tbody>
                                <tr>
                                    <td colspan="8" style="width: 100%;" class="text-center bg-success text-light">Booking</td>
                                </tr>

                                    @foreach ($book as $b)
                                        @php
                                            $json_book = json_decode($b->book_appoint);
                                            $i++;
                                        @endphp
                                        <tr>
                                            <td>{{@$i}}</td>
                                            <td>{{@$json_book->HN}}</td>
                                            <td>{{@$json_book->PTNAME}}</td>
                                            <td>{{@$json_book->MALE}}</td>
                                            <td>{{@$json_book->AGE}}</td>
                                            <td>{{@$json_book->OPERATION}}</td>
                                            <td>{{@$json_book->SURGEON}}</td>
                                            <td><button type='button' bookid="{{$b->book_id}}" class='btn btn-success btn-sm modalbook'><i class='fas fa-folder-plus'></i> Create</button></td>
                                        </tr>
                                    @endforeach

                                <tr>
                                    <td colspan="8" style="width: 100%;" class="text-center bg-info text-light">HIS</td>
                                </tr>
                            </tbody>
                            <tbody id="show_his">
                                <tr class="text-center">
                                    <td colspan="8" style="width: 100%;">NO Data</td>
                                </tr>
                            </tbody>

                        </table>


                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{url('public/sample/assets/plugins/global/plugins.bundle.js')}}"></script>
    <script src="{{url('public/sample/assets/plugins/custom/prismjs/prismjs.bundle.js')}}"></script>
    <script src="{{url('public/sample/assets/js/scripts.bundle.js')}}"></script>
    <script src='{{url('resources/box/js/box.js')}}'></script>
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });





    </script>

    <script>
        //worklist section//
        $("#btn_get_worklist").click(function(){
            $("#modal_worklist_wait").modal("show");
            $.post("{{url('api/worklist')}}",{
                event   : "json2DB"
            },function(data,status){
                // console.log(d);
                $("#modal_worklist_wait").modal("hide");
                $.post("{{url('api/worklist')}}",{
                    event   : "worklistGET"
                },function(data,status){
                    $("#table_worklist").html(data);
                });
            });
        });

        $.post("{{url('api/worklist')}}",{
            event   : "worklistGET"
        },function(data,status){
            $("#table_worklist").html(data);
        });
    </script>


    <script>
        $("#datepickerrange").on("change", function() {
            var fromdate = $(this).val();
        });
        $("#btnbarcode").click(function() {
            $("#showbarcode").html('');
            setTimeout(function(){
                $("#barscan").focus();
            }, 1000);
        });

        var KTBootstrapDatepicker = function() {
            var arrows;
            if (KTUtil.isRTL()) {
                arrows = {
                    leftArrow: '<i class="la la-angle-right"></i>',
                    rightArrow: '<i class="la la-angle-left"></i>'
                }
            } else {
                arrows = {
                    leftArrow: '<i class="la la-angle-left"></i>',
                    rightArrow: '<i class="la la-angle-right"></i>'
                }
            }
            var demos = function() {
                $('#kt_datepicker_4_4').datepicker({
                    rtl: KTUtil.isRTL(),
                    orientation: "bottom right",
                    todayHighlight: true,
                    templates: arrows
                });
            }
            return {
                init: function() {
                    demos();
                }
            };
        }();

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

    var KTLayoutStretchedCard = function() {
        var _element;
        var _init = function(){
            var scroll      = KTUtil.find(_element, '.card-scroll');
            var cardBody    = KTUtil.find(_element, '.card-body');
            var cardHeader  = KTUtil.find(_element, '.card-header');
            var height      = KTLayoutContent.getHeight();
            height = height - parseInt(KTUtil.actualHeight(cardHeader));
            height = height - parseInt(KTUtil.css(_element, 'marginTop'))   - parseInt(KTUtil.css(_element,'marginBottom'));
            height = height - parseInt(KTUtil.css(_element, 'paddingTop'))  - parseInt(KTUtil.css(_element,'paddingBottom'));
            height = height - parseInt(KTUtil.css(cardBody, 'paddingTop'))  - parseInt(KTUtil.css(cardBody,'paddingBottom'));
            height = height - parseInt(KTUtil.css(cardBody, 'marginTop'))   - parseInt(KTUtil.css(cardBody,'marginBottom'));
            height = height - 3;
            KTUtil.css(scroll, 'height', 30 + 'em');
        }

        return {
            init: function(id) {
                _element = KTUtil.getById(id);
                if (!_element) {return;}
                _init();
                KTUtil.addResizeHandler(function() {_init();});
            },update: function() {_init();}
        };
    }();

    if (typeof module !== 'undefined') {
        module.exports = KTLayoutStretchedCard;
    }



    $("#bt_search").hide();
    $("#no_bt_search").show();
    $(".ck_search").click(function() {
        $("#bt_search").toggle();
        $("#no_bt_search").toggle();
    });

    $('#his_submit').click(function(){
        var count_if    = 0;
        var surgeon     = $('#patient_surgeon').val();
        var his_id      = $('#patient_hisid').val();
        var allVals     = [];
        var operation   = $('[class=patient_operation]:checked').each(function() {allVals.push($(this).val());});
        var obj = JSON.stringify(allVals);

        if(obj=="[]"){
            alert('กรุณาเลือก Procedure');
            count_if++;
        }

        if(surgeon==null){
            alert('กรุณาเลือก แพทย์');
            count_if++;
        }

        if(count_if==0){
            $('#modal_hisdetail').modal('hide');
            $('#modal_progress').modal('show');
            $('#form_hisconnet').submit();
        }
    });


    $("#barscan").keypress(function(e) {
        var hn = $(this).val();
        if (hn == null || hn == '') {hn = 1;}
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if (keycode == '13') {

            $.post("{{url('home')}}", {
                event: 'barcodescan',
                value: hn,
            }, function(data, status) {
                var obj = JSON.parse(data);

                if(obj.casetodaystatus==true){
                    box('#showbarcode',obj.casetoday,'{{url("resources/views/endocapture/home/box/barcode_today.blade.php")}}');
                }else{
                    box('#showbarcode',obj.casetoday,'{{url("resources/views/endocapture/home/box/barcode_nodata.blade.php")}}');
                }
                if(obj.casetodaystatus==true){
                    box('#showbarcode',obj.caseother,'{{url("resources/views/endocapture/home/box/barcode_today.blade.php")}}');
                }else{
                    box('#showbarcode',obj.caseother,'{{url("resources/views/endocapture/home/box/barcode_nodata.blade.php")}}');
                }
            });
        }
    });


</script>

<script>
    searchall();
    $('.datasearch').on("focusout keyup change",function(){searchall();});
    $("#click_show_all").click(function(){
        $("#switch_on").val("allday");
        searchall();
    });
    $("#click_show_today").click(function(){
        $("#switch_on").val("today");
        searchall();
    });
    function searchall(){
        var sl_status       = $("#sl_status").val();
        var tx_hn           = $("#tx_hn").val();
        var tx_name         = $("#tx_name").val();
        var sl_doctor       = $("#doctor").val();
        var sl_procedure    = $("#procedure_code").val();
        var sl_room         = $("#search_room").val();
        var tx_datepicker   = $("#datepickerrange").val();
        var tx_age          = $("#tx_age").val();
        var switch_on       = $("#switch_on").val();



        $.post("{{url('home')}}", {
            event           : "s_appointmentbox",
            switch_on       : switch_on,
            sl_status       : sl_status,
            tx_hn           : tx_hn,
            sl_doctor       : sl_doctor,
            tx_name         : tx_name,
            sl_procedure    : sl_procedure,
            sl_room         : sl_room,
            tx_datepicker   : tx_datepicker,
            tx_age          : tx_age,
        },function(data, status) {
            var obj = JSON.parse(data);
            if(obj.status){
                box('#set_data',obj.caseall,'{{url("resources/views/endocapture/home/box/table_caselist.blade.php")}}');
            }else{
                box('#set_data',obj.caseall,'{{url("resources/views/endocapture/home/box/home_nodata.blade.php")}}');
            }
        });
    }


    var date_now = "{{date('Y-m-d')}}";
    var this_url = "{{url('')}}";

    $('#click_show_his').click(function(){
        $.get("{{url('hisconnect/appoint')}}",{},
            function(data, status) {
                console.log(data);
                var json = JSON.parse(data);
                var table_his = '';
                $("#show_his").html("");
                json.forEach(el => {
                    var json2 = JSON.parse(el.his_json);
                    table_his+= "<tr>";
                    table_his+= "<td>"+el.his_id+"</td>";
                    table_his+= "<td>"+el.his_hn+"</td>";
                    table_his+= "<td>"+json2.PTNAME+"</td>";
                    table_his+= "<td>"+json2.MALE+"</td>";
                    table_his+= "<td>"+json2.AGE+"</td>";
                    table_his+= "<td>"+json2.OPERATION+"</td>";
                    table_his+= "<td>"+json2.SURGEON+"</td>";
                    table_his+= "<td class='text-center'>";
                    table_his+= "<button type='button' value='"+el.his_id+"' class='btn btn-success btn-sm modalHIS'>";
                    table_his+= "<i class='fas fa-folder-plus'></i> Create</button>";
                    table_his+= "</td></tr>";
                });
                $("#show_his").html(table_his);
                new_reload();
                $('.modalHIS').click(function(){
                    var his_id = $(this).val();
                    showdetail_patient(his_id);
                    $('#modal_hisdetail').modal('show');
                });
        });

    })


    $('.modalbook').click(function(){
        var bookid = $(this).attr('bookid');
        showdetail_patientbook(bookid);
        $('#modal_hisdetail').modal('show');
    });


    function showdetail_patient(his_id){
        $.post("{{ url('home') }}", {
            event   : "his_detail",
            his_id  : his_id,
        },function(data, status) {
            changemodal(data);
        });
    }


    function showdetail_patientbook(book_id){
        $.post("{{url('home')}}", {
            event   : "book_detail",
            book_id : book_id,
        },function(data, status) {
            console.log(data,"mmmmmm");
            changemodal(data);
        });
    }


    function changemodal(data){
        var json01 = JSON.parse(data);
        var json02 = JSON.parse(json01.his_json);
        var json03 = json01.operation;
        $('#patient_hn').html(json02.HN);
        $('#patient_name').html(json02.PTNAME);
        $('#patient_gender').html(json02.MALE);
        $('#patient_age').html(json02.AGE);
        $('#patient_righttotreatment').html(json02.PTTYPE_NAME);
        $('#righttotreatment').val(json02.PTTYPE_NAME);
        $('#patient_prediagnostic').html(json02.DIAG)
        $('#patient_surgeon').val(json01.doctorID);
        $('#patient_hisid').val(json01.his_id);

        $('.patient_operation').prop('checked', false);
        json03.forEach(el => {
            $('#pro'+el).prop('checked', true);
        });
        $('#formtype').val(json01.formtype);
        console.log(json01.formtype);
    }

    $(document).ajaxSuccess(function() {
        $('[data-toggle="popover"]').popover();
    });


function new_reload(){
    $(".btn_send_val").click(function(){
        $("#create_his_auto").val($(".btn_send_val").val());
        $("#create_his_auto").click();
    });
}
</script>

<script>
    @php
        $comname = webconfig('com_name');
    @endphp
</script>

<script>
    @if($comname!="endocapture")
        @if(configTYPE("admin","system_semi"))
        setInterval(function(){
            $.post("{{url('synchronize')}}",{},
            function(data,status){
                console.log(data);
                if(data=="true"){
                    location.reload();
                }
            });
            console.log("Connect server success!!!");
        }, 10000);
        @endif
    @else
        setInterval(() => {
            $.post('send2cloud',{
                event:"book"
            },function(data,stutus){
                console.log('send2cloud',data);
            });

            $.get('send2cloud',{cloud2book:"true"},function(data,stutus){});
        }, 10000);
    @endif

    setInterval(() => {location.reload();},300000);
</script>





<script>
    var KTBootstrapSwitch = function() {
    var demos = function() {$('[data-switch=true]').bootstrapSwitch();};
    return {init: function() {demos();},};
    }();

    jQuery(document).ready(function() {KTBootstrapSwitch.init();});
    var KTBootstrapTimepicker = function () {
        var demos = function () {
            $('.date_holiday').datepicker();
        }
        return {
            init: function() {
                demos();
            }
        };
    }();

    jQuery(document).ready(function() {
        KTBootstrapTimepicker.init();
    });
    $(".date_holiday").datepicker({format: 'yyyy-mm-dd'});


    $("#btn_holiday").click(function(){
        var c_date_holiday = $(".date_holiday").length
        var holiday = "<tr id='tr_"+c_date_holiday+"'>"
            holiday+= "<td><input type=\"text\" name=\"holiday_day_off[]\" class=\"form-control date_holiday new_date_holiday\" required id='new_date_holiday"+c_date_holiday+"'></td>"
            holiday+= "<td><input type=\"text\" name=\"holiday_tittle[]\" class=\"form-control\" required></td>"
            holiday+= "<td><textarea class=\"form-control\" name=\"holiday_detail[]\" rows=\"1\"></textarea></td>"
            holiday+= "<td><button type=\"button\" class='btn btn-danger' onclick='del_tr("+c_date_holiday+")'><i class='far fa-trash-alt'></i></button></td>"
            holiday+= "</tr>"
            $("#add_holiday").append(holiday)
            KTBootstrapSwitch.init();
            $("#new_date_holiday"+c_date_holiday).datepicker({format: 'yyyy-mm-dd'});
    })
    function del_tr(data){
        $("#tr_"+data).remove()
    }



    $(".config_type").focusout(function(){
        var value       = $(this).val();
        var id          = $(this).attr('id');
        var config_type = $(this).attr('config_type');
        $.post("{{url('superadmin')}}",{
            event       : "config_type",
            config_type : config_type,
            id          : id,
            value       : value,
        },function(data, status){});
    });


    $(".configtext").focusout(function(){
        var value   = $(this).val();
        var id      = $(this).attr('id');
        $.post("{{url('jquery')}}",{
            event   : "configtext",
            id      : id,
            value   : value,
        },function(data, status){});
    });

    $('.config_option').click(function(){
        var id              = $(this).attr('id');
        var config_type     = $(this).attr('config_type');
        var value           = true;
        if($(this).prop("checked")==false){value='false';}
        $.post("{{url('jquery')}}",{
            event           : "configcheck",
            id              : id,
            config_type     : config_type,
            value           : value,
        },function(data, status){console.log(data);});
    });






</script>


<script src="http://{{webconfig('server_name')}}:3000/socket.io/socket.io.js"></script>
<script>
    var socket = io.connect('http://{{webconfig('server_name')}}:3000');
    socket.on('chat message', function(msg) {
        if(msg=="endocapture_home"){
            location.reload();
        }
    });
    socket.emit('chat message','nurse_monitor');
</script>
@endsection