@extends('layouts.app')

@php
$view['case']               = $case;
$view['cid']                = $cid;
$view['json']               = $json;
$view['mainpartsub']        = $mainpartsub;
$view['photo']              = $photo;
$view['vdo']                = $vdo;
$view['json_photo']         = $json_photo;
$view['folderdate']         = $folderdate;
$view['users']              = $users;
$view['procedure_findding'] = $procedure_findding;
$acc = jsonDecode(@$case->icd9);
$num_icd9_name=1 ;
$view['photoselect'] = photoSELECT($photo);
$nummax = count($view['photoselect']);
$view['nummax'] = $nummax;

@endphp

@section('content')
@if (Auth::user()->user_type=='viewer')
        <link rel="stylesheet" href="{{url('')}}/public/css/component/procedure_select.css">
        <div class="hide-menu"></div>
    @endif

    @include('case.component.css.css')

    <link href      ="{{url('public/css/zoomify.css')}}" rel="stylesheet" type="text/css">
    <link href      ="{{url('public/extra/fileinput/fileinput.css')}}" rel="stylesheet" type="text/css">

    <script src     ='{{url('resources/box/js/box.js')}}'></script>
    <script src     ="{{url('public/extra/fileinput/fileinput.min.js')}}"></script>
    <script src     ="{{url('public/js/zoomify.js')}}"></script>
    <script src     ="{{url('public/js/jquery.input-dropdown.js')}}"></script>
    <script src     ="{{url('public/js/jquery.scrollbar.js')}}"></script>
    @if(in_array(Auth::user()->user_type,['doctor','endo']))
        <link href     = "{{asset('public/css/planit.css')}}"         rel="stylesheet">
        <script src    = "{{asset('public/js/planit.js')}}"></script>
        <link href     = "{{asset('public/css/select3.css')}}"        rel="stylesheet">
        <script src    = "{{asset('public/plugins/jquery-ui/jquery-ui.min.js')}}"></script>
        <script src    = "{{asset('public/js/select3-full.js')}}"></script>
    @endif
    <link href     = "{{asset('public/css/fSelect.css')}}" rel="stylesheet" type="text/css">
    <script src    = "{{asset('public/js/fSelect.js')}}"></script>

    <input type="hidden" id="tabselect"     value="0">
    <input type="hidden" name="patientid"   value="{{$case->patient_id}}">
    <input type="hidden" name="useropen"    value="{{Auth::id()}}">
    <input type="hidden" name="hn"          value="{{$case->hn}}">
    <input type="hidden" name="case_id"     value="{{$cid}}">
    @php
        $newurl = str_replace("procedure","procedure_pic",url()->full());
    @endphp
        <div class="row" style="margin: 0;padding-bottom: 1.5em;">
            @include('case.component.procedure_edit')
            @include('case.component.patient_detail')
            @include('case.component.admin_alert')
        </div>
        <form id="formviewreport" action="{{url("procedure/$case->case_id")}}" method="post" style="width: 100%;">
            @method('put')
            @csrf
            <input type="hidden" name="hn" value="{{$case->case_hn}}">
            <input type="hidden" name="folderdate" value="{{$folderdate}}">
            <div class="row" style="margin: 0;">
                {{-- @include("case.component.ercp_finding") --}}
                @foreach($case_recordshow as $cardname)
                    @include("case.component.$cardname")
                @endforeach
                {{-- @include("case.component.finding_cxr") --}}

            </div>
        </form>
        @include('case.component.modal.modal_confirm_del')
        @include('case.component.modal.modal_finding')
        @include('case.component.modal.modal_bigpic')
        @include('case.component.modal.modal_reload')

        {{-- @component('case.component.modal.modal_icd10'     ,$view)@endcomponent --}}

    @endsection


@section('script')
<script src="{{url('public/js/highlightRegex.js')}}"></script>
<script type='text/javascript'>
    //<![CDATA[
      $(function() {
        $('#toggle-link').toggle(function(){
          regex = /[aeiou]/ig
          $('#regex').text(regex);
          $('#content').highlightRegex(regex);
          $(this).text("click to clear");
        }, function(){
          $('#content').highlightRegex();
          $(this).text('click to re-highlight');
        })

        $('#fancy-input').keyup(function(){
          var regex;
          $('#fancy-text').highlightRegex();
          try { regex = new RegExp($(this).val(), 'ig') }
          catch (e) { $('#fancy-input').addClass('error') }

          if (typeof regex !== 'undefined') {
            $(this).removeClass('error');
            if ($(this).val() != '')
              $('#fancy-text').highlightRegex(regex);
          }
        })
      });
    //]]>
</script>
<script>

    $(".jsonboxSAVE").click(function(){
        var ele             = $(this).attr("name");
        var elements        = document.querySelectorAll('input[name="'+ele+'"]:checked');
        var checkedElements = Array.prototype.map.call(elements,function(el,i){
            return el.value;
        });
        $.post("{{url('api/case')}}",{
            event   : "jsonboxSAVE",
            ele     : ele,
            val     : checkedElements,
            cid     : "{{$cid}}"
        },function(data, status){});
    });




    $(".set_icon_check").click(function(){
        var status = $(this).attr('status');
        if(status=='0'){
            $(this).addClass('fas')
            $(this).addClass('text-warning')
            $(this).removeClass('far')
            $(this).attr('status','1');
        }else{
            $(this).addClass('far')
            $(this).removeClass('text-warning')
            $(this).removeClass('fas')
            $(this).attr('status','0');
        }
    })
</script>





    <script>
    check_on_show("{{@$json->EBUS_TBNA_location}}",".ebustbna");
    check_on_show("{{@$json->ebus_box}}",".ebuss");
    check_on_show("{{@$json->ebus_guide_sheath_box}}",".ebusg");
    check_on_show("{{@$json->autofluoresence_box}}",".autof");
    check_on_show("{{@$json->virtual_bronchoscopy_box}}",".vtlbr");
    check_on_show("{{@$json->Bronchial_Washing_site_box}}",".bcwa");
    check_on_show("{{@$json->Bronchoalveolar_Lavage_site_box}}",".bclvl");
    check_on_show("{{@$json->TBLB_box}}",".tblb");
    check_on_show("{{@$json->Bronchial_biopsy_box}}",".bcbp");
    check_on_show("{{@$json->TBNA_box}}",".tbnaa");
    check_on_show("{{@$json->Bronchial_brush_box}}",".bcba");
    check_on_show("{{@$json->rigid_bronchoscope}}",".rigid_b");
    check_on_show("{{@$json->dilatation}}",".dilatation");
    check_on_show("{{@$json->dilatation_at}}",".dilatation_at");
    check_on_show("{{@$json->dilatation_at_02}}",".dilatation_at_02");
    check_on_show("{{@$json->tumor_removal_at}}",".tumor_removal_at");
    check_on_show("{{@$json->body_removal_at}}",".body_removal_at");
    check_on_show("{{@$json->stent_placement}}",".stent_placement");
    check_on_show("{{@$json->endobronchial_block_at}}",".endobronchial_block_at");
    check_on_show("{{@$json->others_05}}",".others_05");
    function check_on_show(check,classname){
        if(check == "false" || check == "" || check == null){
            $(classname).hide();
        }
    }

    $('.ebush').click(function(){
        var is_class = $(this).attr('subis');
        if($(this).prop("checked") == true){
            $("."+is_class).show(500);
        }else{
            $("."+is_class).hide(500);
        }
    });


    $('.medigroup').on('focusout',function(){
        var idhtml = $(this).attr('id');
        setTimeout(function(){
            var medigroup_val   = [];
            var medigroup_id    = [];

            $('[name=boxmedigroup]').each(function(){
                medigroup_val.push($(this).prop("checked"));
                medigroup_id.push($(this).attr('medigroup_id'));
            });

            $('[name=medigroup]').each(function(){
                medigroup_val.push($(this).val());
                medigroup_id.push($(this).attr('medigroup_id'));
            });

            var jsonval = JSON.stringify(medigroup_val);
            var jsonid  = JSON.stringify(medigroup_id);
            $.post("{{url('jquery')}}",{
                event       : 'medijson',
                medi_id     : '{{$tb_casemedication->medi_id}}',
                jsonval     : jsonval,
                jsonid      : jsonid,
                idhtml      : idhtml,
                procedure   : '{{$case->case_procedure}}',
            },function(data,status){
            });
        }, 1000);
    });



    $('.savejsongroup').on('focusout',function(){
        var name        = $(this).attr('group_name');
        var html_id     = $(this).attr('id');
        var group_val   = [];
        var group_key   = [];
        $('[group_name='+name+']').each(function(){
            group_val.push($(this).val());
            group_key.push($(this).attr('group_key'));
        });
        $.post("{{url('jquery')}}",{
            event       : 'savejsongroup',
            cid         : '{{$case->case_id}}',
            name        : name,
            html_id     : html_id,
            val         : JSON.stringify(group_val),
            key         : JSON.stringify(group_key),
            procedure   : '{{$case->case_procedure}}',
        },function(data,status){});
    });

    function del_icd(data){
        $("#"+data).hide();
    }
    $(".bt_edit").click(function(){
        var this_id = $(this).attr('sub_id');
        $(".set_edit_"+this_id).removeClass('d-hide').addClass('d-show');
        $(".set_show_"+this_id).removeClass('d-show').addClass('d-hide');
    })

    $(".bt_success").click(function(){
        var this_id = $(this).attr('sub_id');
        $(".set_show_"+this_id).removeClass('d-hide').addClass('d-show');
        $(".set_edit_"+this_id).removeClass('d-show').addClass('d-hide');
    })


        $("#resetallfind").click(function(){
            // $(".finding_").text(null);
            $(".finding_").val('Normal');

            // $(".finding_").click();
            $(".finding_").each(function() {
                $(this).focus();
            });
        });
        $("#unmarkallfind").click(function(){
            // $(".finding_").text(null);
            $(".finding_").val('Unremarkable');

            // $(".finding_").click();
            $(".finding_").each(function() {
                $(this).focus();
            });
        });
    $(".text_delfind").click(function(){
        var del_val = $(this).attr("deltext");
        $("#finding"+del_val).val('Not Accessible');
        $("#finding"+del_val).focus();
    });
    $('#waitpicload').modal('show');





    $("#datepicker").datepicker({format: 'yyyy-mm-dd',todayHighlight: true});
    $("#datepicker").on("change", function(){var fromdate = $(this).val();});
    $(document).ready(function() {
        $('.myGallery li img').on('click',function(){
            var src     = $(this).attr('src');
            var img     = '<img src="' + src + '" class="img-responsive"/>';
            var title   = $(this).attr('title');
            $('#myModal').modal();
            $('#myModal').on('shown.bs.modal', function(){
                $('#myModal .modal-body').html(img);
                $('#myModal .modal-footer').html(title);
            });
            $('#myModal').on('hidden.bs.modal', function(){
                $('#myModal .modal-body').html('');
                $('#myModal .modal-footer').html('');
            });
        });
    });


        var ct  = 2;
        var ct9 = 2;
        var num = {{$nummax}};
        $(".json_del").click(function(){
            var id = $(this).attr('pic_number');
            var case_id = {{$cid}};
            $.post("{{url('jquery')}}",{
                event       : "json_del",
                id          : id,
                case_id     : case_id,
            },function(data, status){
                if(data == 10){
                    $("div[pic_number='"+id+"']").css({"background-color": "red"});
                }else{
                    $("div[pic_number='"+id+"']").css({"background-color": "white"});
                }
            });
        });


    function renumber(number){
        @foreach($photo as $p)
            if($("#bb{{@$p->nu}}").html()>=number){
                var newnum = new Number($("#bb{{@$p->nu}}").html())-1;
                $("#bb{{@$p->nu}}").html(newnum);
            }
        @endforeach
    }


    function auto_grow(element) {
    element.style.height = "5px";
    element.style.height = (element.scrollHeight)+"px";
    }




    $("#select_case_procedure").change(function(){
        var thisval = $(this).children("option:selected").val();
        var case_id = {{$case->case_id}};
        $.post('{{url('photomove')}}',{
            event       : 'select_save_it',
            it_id       : thisval,
            it_fill     : "case_procedure",
            table       : "tb_case",
            this_id     : case_id,
        },function(data,status){
            console.log(data);
        });
    });

    $("#case_dateappointment").focusout(function(){
        var thisval = $(this).val();
        var case_id = {{$case->case_id}};
        $.post('{{url('photomove')}}',{
            event       : 'select_save_it',
            it_id       : thisval,
            it_fill     : "case_dateappointment",
            table       : "tb_case",
            this_id     : case_id,
        },function(data,status){
        });
    });
    $("#righttotreatment").focusout(function(){
        var thisval = $(this).val();
        $.post('{{url('photomove')}}',{
            event       : 'select_save_it',
            it_id       : thisval,
            it_fill     : "righttotreatment",
            table       : "patient",
            this_id     : "{{$case->case_hn}}",
        },function(data,status){
        });
    });





    $(".selectmainsub").change(function(){
        var photo_id    = $(this).attr('photo_id');
        var cid         = $(this).attr('cid');
        $.post('{{url('photomove')}}',{
            event       : 'selectmainsub',
            photo_id    : photo_id,
            cid         : cid,
            value       : $(this).children("option:selected").val()
        },function(data,status){});
    });




    $('.autosave2').bind('focusout',function(){
        var this_id     = $(this).attr('id');
        var this_table  = $(this).attr('table');
        if (typeof this_table === 'undefined'){
            this_table = "tb_case";
        }
        setTimeout(function(){
            $.post('{{url('photomove')}}',{
            event       : 'focusout3',
            name        : this_id,
            value       : $('#'+this_id).val(),
            table       : this_table,
            case_id     : '{{$case->case_id}}',
            comcreate   : '{{$case->comcreate}}',
            procedure   : '{{@$case->case_procedure}}',
            },function(data,status){
                if(data=="thai"){
                    //alert("Thai Thai Thai");
                }
            });
        }, 1000);
    });


    ///// editnow /////
    $('.autosave').bind('focusout',function(){
        var this_id     = $(this).attr('id');
        var this_table  = $(this).attr('table');
        if (typeof this_table === 'undefined'){
            this_table = "tb_case";
        }
        setTimeout(function(){
            $.post('{{url('photomove')}}',{
            event       : 'focusout',
            name        : this_id,
            value       : $('#'+this_id).val(),
            table       : this_table,
            case_id     : '{{$case->case_id}}',
            comcreate   : '{{$case->comcreate}}',
            procedure   : '{{@$case->case_procedure}}',
            },function(data,status){
                if(data=="thai"){
                    //alert("Thai Thai Thai");
                }
            });
        }, 1000);
    });

    $('.btn-submit').click(function(){
        $('.btn-submit').hide();
        $('#modal_progress').modal('show');
        setTimeout(function(){
            window.location.reload();
        }, 10000);
    });


    $('.medicationsave').bind('focusout',function(){
        var this_id     = $(this).attr('id');
        setTimeout(function(){
            $.post('{{url('jquery')}}',{
            event       : 'medicationsave',
            name        : this_id,
            value       : $('#'+this_id).val(),
            caseuniq   : '{{$case->caseuniq}}',
            com_create  : '{{$case->comcreate}}',
            procedure   : '{{$case->case_procedure}}',
            },function(data,status){});
        }, 1000);
    });

    $('.editroom').bind('focusout',function(){
        var room_name = $(this).val();
        setTimeout(function(){
            $.post('{{url('photomove')}}',{
            event       : 'editroom',
            room_name   : room_name,
            cid         : '{{$case->case_id}}',
            },function(data,status){});
        }, 1000);
    });

    $('.savejson').bind('focusout',function(){
        var this_id     = $(this).attr('id');
        var this_type   = $(this).attr('type');
        var this_table  = $(this).attr('table');
        if (typeof this_table === 'undefined'){this_table = "tb_case";}
        if(this_type=="checkbox"){
            $.post('{{url('photomove')}}',{
                event       : 'savejson',
                name        : this_id,
                value       : $(this).prop('checked'),
                table       : this_table,
                field       : 'case_json',
                id          : '{{$case->case_id}}',
                comcreate   : '{{$case->comcreate}}',
                procedure   : '{{$case->case_procedure}}',
            },function(data,status){});
        }else{
            $.post('{{url('photomove')}}',{
                event       : 'savejson',
                name        : this_id,
                value       : $('#'+this_id).val(),
                table       : this_table,
                field       : 'case_json',
                id          : '{{$case->case_id}}',
                comcreate   : '{{$case->comcreate}}',
                procedure   : '{{$case->case_procedure}}',
            },function(data,status){});
        }
    });


    $('.savedoctor').bind('focusout blur',function(){
        $.post('{{url('photomove')}}',{
            event       : 'savedoctor',
            value       : $('#case_physicians01').val(),
            id          : '{{$case->case_id}}',
        },function(data,status){});
    });



    $('.savejson_checkbox').focusout(function(){
        var this_name = $(this).attr('name');
        var allVals = [];
        $('[name='+this_name+']:checked').each(function() {allVals.push($(this).val());});
        var val = JSON.stringify(allVals);
        $.post('{{url('api/jquery')}}',{
            event       : 'savejson_checkbox',
            idhtml      : this_name,
            value       : val,
            table       : 'tb_case',
            idname      : 'case_id',
            id          : '{{$cid}}',
            procedure   : '{{$case->case_procedure}}',
        },function(data,status){});
    });


    function icd9and10ck(this_id,checked,name){
        $.post('{{url('photomove')}}',{
            event       : 'icd9and10ck',
            idhtml      : this_id,
            value       : checked,
            table       : 'tb_case',
            idname      : 'case_id',
            id          : '{{$cid}}',
            name        : name,
            procedure   : '{{@$case->case_procedure}}',
        },function(data,status){});

        setTimeout(function(){
        $.post('{{url('photomove')}}',{
            event       : 'savejson',
            idhtml      : this_id,
            value       : $('#'+this_id).val(),
            table       : 'tb_case',
            idname      : 'case_id',
            id          : '{{$cid}}',
            procedure   : '{{@$case->case_procedure}}',
            },function(data,status){});
        }, 1000);
    }


    function savecd910(this_id,this_value){
        setTimeout(function(){
            $.post('{{url('photomove')}}',{
            event       : 'savejson',
            idhtml      : this_id,
            value       : this_value,
            table       : 'tb_case',
            idname      : 'case_id',
            id          : '{{$cid}}',
            procedure   : '{{@$case->case_procedure}}',
            },function(data,status){});
        }, 1000);
    }

    $('.autosave_checkbox').focusout(function(){
        var this_name = $(this).attr('name');
        var allVals = [];
        $('[name='+this_name+']:checked').each(function() {allVals.push($(this).val());});
        var val = JSON.stringify(allVals);
        $.post('{{url('photomove')}}',{
        event : 'focusout',
        idhtml: this_name,
        value : val,
        table : 'tb_case',
        idname: 'case_id',
        id    : '{{$cid}}',
        procedure   : '{{$case->case_procedure}}',
        },function(data,status){});
    });

    $('.autotext').on('click keyup',function(){
        var this_id     = $(this).attr('id');
        var this_value  = $(this).val();
        $.post('{{url('photomove')}}',{
        event       : 'jqinputdropdown',
        textid      : this_id,
        value       : this_value,
        procedure   : {{@$case->case_procedure}},
        },function(data,status){

            dataList = [];
            dataList = JSON.parse(data);
            $('#'+this_id).inputDropdown(dataList, {
                formatter: data => {return `<li language="${data.value}">`+data.name+'</li>'},
                valueKey: 'language'
            });
            var wi = $('#'+this_id).css('width');
            $('.jq-input-dropdown').css({'min-width':wi});
            $('#jq-input-dropdown_'+this_id).show();
            var html_li = "";
            dataList.forEach(obj => {
                html_li += '<li language="'+obj['value']+'">'+obj['value']+'</li>';
            });
            $('#jq-input-dropdown_'+this_id).html(html_li);
            $('li').on('click',function(){
                $('#'+this_id).focus();
            });

        });
    });






    function queryFunction(query) {
        var term = query.term;
        var offset = query.offset || 0;
        var results = cities.filter(function(city) {return transformText(city).indexOf(transformText(term)) > -1;});
        results.sort(function(a, b) {
            a = transformText(a);
            b = transformText(b);
            var startA = (a.slice(0, term.length) === term),
                startB = (b.slice(0, term.length) === term);
            if (startA) {
                return (startB ? (a > b ? 1 : -1) : -1);
            } else {
                return (startB ? 1 : (a > b ? 1 : -1));
            }
        });
        setTimeout(query.callback({
            more: results.length > offset + 10,
            results: results.slice(offset, offset + 10)
        }), 500);
    }


    </script>


    <script type="text/javascript">

    @php
        function textadd($prefix,$numcreate,$hint,$col)
        {
            $txt = "var counter_".$prefix." = 0+".$numcreate.";";
            $txt.= "$('#addButton_".$prefix."').click(function () {";
            $txt.= "var newTextBoxDiv_".$prefix." = $(document.createElement('div')).attr('id', 'TextBoxDiv_".$prefix."' + counter_".$prefix.");";
            $txt.= "newTextBoxDiv_".$prefix.".after().html(";
            $txt.= "'<div class=".'"row '.$col.'"'.">";
            $txt.= '<div class="col-12"><input '.$prefix.' type="textbox" class="form-control" placeholder="'.$hint.'" name="'.$prefix.'[]" value=""></div>';
            $txt.= "</div>');";
            $txt.= 'newTextBoxDiv_'.$prefix.'.appendTo("#TextBoxesGroup_'.$prefix.'");';
            $txt.= "counter_".$prefix."++;";
            $txt.= "});";

            $txt.= '$("#removeButton_'.$prefix.'").click(function ()';
            $txt.= '{';
            $txt.= 'if(counter_'.$prefix.'==2){alert("No more textbox to remove");return false;}';
            $txt.= 'counter_'.$prefix.'--;';
            $txt.= '$("#TextBoxDiv_'.$prefix.'" + counter_'.$prefix.').remove();';
            $txt.= '});';
            return $txt;
        }

        echo textadd("icd9_name",$num_icd9_name,'ICD-9 Code','col-12');
        echo textadd("proicd9_other",$num_proicd9_other,'Add other procedure','col-12');
        echo textadd("diagnostic_other",$num_diagnostic_other,'Add other diagnostic','');
        echo textadd("complication",$num_complication,'Free Text','');
    @endphp


    </script>
    <script type="text/javascript">
    var counter = 1+{{@$acci}}0;



    $("#removeButton").click(function (){
        if(counter==1){
            alert("No more textbox to remove");
            return false;
        }
        counter--;
        $("#TextBoxDiv" + counter).remove();
    });



    </script>
    <script type="text/javascript">
    var modalConfirm = function(callback)
    {
        $("#btn-confirm").on("click", function(){$("#mi-modal").modal('show');});
        $("#modal-btn-si").on("click", function(){callback(true);$("#mi-modal").modal('hide');});
        $("#modal-btn-no").on("click", function(){callback(false);$("#mi-modal").modal('hide');});
    };

    modalConfirm(function(confirm){
        if(confirm){
            $("#result").html("CONFIRMADO");
        }else{
            $("#result").html("NO CONFIRMADO");
        }
    });


    </script>

    @if(    Auth::user()->user_type == "doctor"
    ||      Auth::user()->user_type == "endo"
    ||      Auth::user()->user_type == "nurse"
    &&      $cid > 0
    )
      <link rel="stylesheet" href="{{url('public/css/jquery-ui.css')}}">
      <script src="{{url('public/js/jquery-ui.js')}}"></script>
    @endif

    <script type="text/javascript">
      var accessory =
      [

         @foreach ($accessory as $ac)
            "{{$ac->accessory_name}}",
         @endforeach
      ];

      var company =
      [
         @foreach ($company as $com)
            "{{$com->accessorycom_name}}",
         @endforeach
      ];


        var tabselect ="0";

        $("#tabmenu0").click(function(){
            $("#tabmenu0").css("padding", "10px 14px 11px 14px");
            $("#tabmenu1").css("padding", "4px 8px 11px 8px");
            $("#tabmenu2").css("padding", "4px 8px 11px 8px");
            $("#tabmenu0").css("background-color", "#505050");
            $("#tabmenu1").css("background-color", "#909090");
            $("#tabmenu2").css("background-color", "#909090");
            tabselect ="0";
        });

        $("#tabmenu1").click(function(){
            $("#tabmenu1").css("padding", "10px 14px 11px 14px");
            $("#tabmenu0").css("padding", "4px 8px 11px 8px");
            $("#tabmenu2").css("padding", "4px 8px 11px 8px");
            $("#tabmenu1").css("background-color", "#505050");
            $("#tabmenu0").css("background-color", "#909090");
            $("#tabmenu2").css("background-color", "#909090");
            tabselect ="1";
        });


        $("#tabmenu2").click(function(){
            $("#tabmenu2").css("padding", "10px 14px 11px 14px");
            $("#tabmenu0").css("padding", "4px 8px 11px 8px");
            $("#tabmenu1").css("padding", "4px 8px 11px 8px");
            $("#tabmenu2").css("background-color", "#505050");
            $("#tabmenu0").css("background-color", "#909090");
            $("#tabmenu1").css("background-color", "#909090");
            tabselect ="2";
        });




    function refreshpage(){location.reload();}


    </script>


    <script>
    $('#diagnostic').fSelect(caseID = '{{@$case->case_id}}');
    $('#btn_mainpart_add').click(function(){
        $.post("{{url('photomove')}}",
        {
        event       : 'mainpart_add',
        procedure   : '{{@$case->case_procedure}}',
        case_id     : '{{$cid}}',
        value       : $('#mainpart_add').val()
        },
        function(data,status)
        {
        var math    = Math.random();
        var repage  = '{{url('')}}/procedure/{{$case->id}}?case_id={{$cid}}&tabselect='+tabselect+'&a='+math+'#tags-subprocedure';
        window.location.replace(repage);
        });
    });


    $('#btn_save').click(function(){
        $.post('{{url('photomove')}}',{
            event       : 'check-esign',
            cid         : '{{$cid}}',
            hn          : '{{$case->hn}}',
            folderdate  : '{{$folderdate}}',
        },function(data,status){
            var json = JSON.parse(data);
            console.log(json);

            if(json.status=="edit_have"){
                $('#modal_esign').appendTo("body").modal('show');
            }else{
                setTimeout(() => {
                $('#formviewreport').submit();
                }, 1000);
            }
        });
    });

    $('#btn_checksign').click(function(){
        $.post('{{url('photomove')}}',{
            event       : 'btn-check-esign',
            cid         : '{{$cid}}',
            folderdate  : '{{$folderdate}}',
            hn          : '{{$case->hn}}'
        },function(data,status){
            var json = JSON.parse(data);

            if(json.status=="edit_have"){
                setTimeout(() => {
                $('#formviewreport').submit();
                }, 1000);
            }else{
                alert('คุณยังไม่ได้ทำการเซ็นชื่อ');
            }
        });
    });

    $('#btn_save_hide').click(function(){
        setTimeout(() => {
                $('#formviewreport').submit();
        }, 1000);
    });








    $("#form").keypress(function(e) {
        if(event.target.tagName != 'TEXTAREA') {
            if(event.keyCode == 13) {
                event.preventDefault();
                return false;
            }
        }
    });

   $("#pathology_toggle")       .click(function(){$("#pathology_showhide")      .slideToggle();});
   $("#discharge_toggle")       .click(function(){$("#discharge_showhide")      .slideToggle();});
   $("#accessory_toggle")       .click(function(){$("#accessory_showhide")      .slideToggle();});
   $("#registration_toggle")    .click(function(){$("#registration_showhide")   .slideToggle();});
   $("#patienthistory_toggle")  .click(function(){$("#patienthistory_showhide") .slideToggle();});
   $("input").focus(function()      {$(this).css("background-color", "#D6EAF8");});
   $("input").focusout(function()   {$(this).css("background-color", "");});



    </script>
    <script src="{{url('public/ckeditor/ckeditor.js')}}"></script>
    <script src="{{url('public/ckeditor/adapters/jquery.js')}}"></script>


    <style type="text/css">
        #tabmenu0{
            padding: 10px 14px 11px 14px;
            font-size: 0.95em;
            text-decoration: none;
            background: #505050 url({{asset('public/images/corner.gif')}}) top right no-repeat;
        }
        #tabmenu1{
            padding: 4px 8px 11px 8px;
            font-size: 0.95em;
            text-decoration: none;
            background: #a0a0a0 url({{asset('public/images/corner.gif')}}) top right no-repeat;
        }
        #tabmenu2{
            padding: 4px 8px 11px 8px;
            font-size: 0.95em;
            text-decoration: none;
            background: #a0a0a0 url({{asset('public/images/corner.gif')}}) top right no-repeat;
        }
        #tabmenu0 font{color: white;}
        #tabmenu1 font{color: white;}
        #tabmenu2 font{color: white}
    </style>

    <script src="{{url('public/js/jquery.imgcheckbox.js')}}"></script>
    <script>


    $('#finding_as_above_cysto').focusout(function(){
        setTimeout(function(){
            var txt = $('#finding_as_above_cysto').val();
            var n = txt.search("cath");
            if(n>0){
                $('#divfinding_as_above_cystonum').show();
            }else{
                $('#divfinding_as_above_cystonum').hide();
            }
        }, 1000);
    });

    $('#forley_cath_cysto').focusout(function(){
        setTimeout(function(){
            var txt = $('#forley_cath_cysto').val();
            $('#forley_cath_cystonum').val('');
            if(txt=="three way"){
                $('#divforley_cath_cystonum').show();
                $('#wasreplaced').show();
            }
            else if(txt=="Four wiring#"){
                $('#divforley_cath_cystonum').show();
                $('#wasreplaced').show();
            }
            else if(txt=="Forley cath#"){
                $('#divforley_cath_cystonum').show();
                $('#wasreplaced').hide();
            }
            else if(txt=="SPC"){
                $('#divforley_cath_cystonum').hide();
                $('#wasreplaced').hide();
            }
            else if(txt=="two way"){
                $('#divforley_cath_cystonum').hide();
                $('#wasreplaced').hide();
            }
            else{
                $('#divforley_cath_cystonum').hide();
                $('#wasreplaced').hide();
            }
        }, 1000);
    });



        // $('html').keyup(function(e){

        //     console.log(e);
        //     var shiftkey    = e.shiftKey;
        //     var ctrlkey     = e.ctrlKey;
        //     var del         = e.deleteKey;
        //     console.log(del);
        //     if(e.keyCode == 46) {
        //         $(":focus").each(function() {
        //             var text = $(this).val();
        //             $(this).val('');
        //             $.post('{{url('photomove')}}',{
        //             event : 'delautotext',
        //             text : text,
        //             textid: this.id,
        //             procedure    : "{{@$case->case_procedure}}",
        //             },function(data,status){});
        //         });
        //     }
        // });


        document.addEventListener("keydown", function(event) {
            var ctrlkey     = event.ctrlKey;
            if(ctrlkey&&event.keyCode==46){
                $(":focus").each(function() {
                    var text = $(this).val();
                    $(this).val('');
                    $.post('{{url('photomove')}}',{
                    event : 'delautotext',
                    text : text,
                    textid: this.id,
                    procedure    : "{{@$case->case_procedure}}",
                    },function(data,status){});
                });
            }
        });




        $(document).ready(function(){
            $('#waitpicload').delay(500).fadeOut(450);
            setTimeout(function(){
                $('#waitpicload').modal("hide");
            }, 500);
        });

        jQuery(document).ready(function(){
        jQuery('.scrollbar-rail').scrollbar();
        });


        document.addEventListener("keydown", function(event) {
            var thai = /^[^ก-ฮ]*$/;
            if (!thai.test(event.key)){
                beep();
            }
        });

        function beep() {
            var snd = new Audio("data:audio/wav;base64,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qJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU=");
            snd.play();
        }












    </script>

    @if($nummax!=0)
        <script>$("#tabmenu1").click();</script>
    @endif

    @if($havephoto)
        <script>location.reload();</script>
    @endif

    <script>
        var KTAutosize = function () {
        var demos = function () {
        var demo1 = $('#case_history');
        var demo2 = $('#otherprocedure');
        var demo3 = $('#overall_cysto');
        var demo4 = $('#overall_procedure');
        var demo5 = $('#overall_finding');
        var demo6 = $('#case_comment');
        var demo7 = $('#case_history');
        var demo8 = $('#case_freetext');
        var demo9 = $('#histopathology_other');
        var demo10 = $('#complication_other');
        var demo11 = $('#gastric_content_other');
        var demo12 = $('#overall_diagnosis');
        var demo13 = $('.finding_');
        autosize(demo1);
        autosize(demo2);
        autosize(demo3);
        autosize(demo4);
        autosize(demo5);
        autosize(demo6);
        autosize(demo7);
        autosize(demo8);
        autosize(demo9);
        autosize(demo10);
        autosize(demo11);
        autosize(demo12);
        autosize(demo13);
        autosize.update(demo2);
        autosize.update(demo3);
        autosize.update(demo4);
        autosize.update(demo5);
        autosize.update(demo6);
        autosize.update(demo7);
        autosize.update(demo8);
        autosize.update(demo9);
        autosize.update(demo10);
        autosize.update(demo11);
        autosize.update(demo12);
        autosize.update(demo13);
        }
        return {
        init: function() {
        demos();
        }
        };
        }();
        jQuery(document).ready(function() {
        KTAutosize.init();
        });
        $('input[type=text]').each(function() {
            if($(this).val() != '' && $(this).val() != null){
                $(this).css('background','#d2ebf6');
            }else{
                // $(this).val('Normal');
            }
        });
        $('select').each(function() {
            if($(this).val() != '' && $(this).val() != null){
                $(this).css('background','#d2ebf6');
            }else{
                // $(this).val('Normal');
            }
        });
        $('input[type=number]').each(function() {
            if($(this).val() != '' && $(this).val() != null){
                $(this).css('background','#d2ebf6');
            }else{
                // $(this).val('Normal');
            }
        });
        $('textarea').each(function() {
            if($(this).text() != '' && $(this).text() != null){
                $(this).css('background','#d2ebf6');
            }else{
                // $(this).val('Normal');
            }
        });
        $('.form-control').focusout(function(){
            var text_val = $(this).val();
            if(text_val !=null&& text_val != ''){
                $(this).css('background','#d2ebf6');
            }else{
                $(this).css('background','none');
            }
        });

    </script>

<script>
    @php
        $comname = webconfig('com_name');
    @endphp
    @if($comname!="endocapture")
        $.post("{{url('synchronize')}}",{
            event   : 'pic2server',
            hn      : '{{$case->case_hn}}'
        },
        function(data,status){
            console.log("Connect server success!!!");
        });
    @endif
</script>


{{-- Nurse Monitor--}}
<script src="http://{{webconfig('server_name')}}:3000/socket.io/socket.io.js"></script>
<script>
    var socket2 = io.connect('http://{{webconfig('server_name')}}:3000');
    socket2.emit('chat message','nurse_monitor');
    socket2.emit('queue','refreshdata');
</script>
{{-- Nurse Monitor--}}

@endsection