@extends('layouts.note_layout')
@section('title', 'EndoCapture')
@section('con-top')

@endsection


@section('style')
<style>
    *{
        font-size: 18px;
    }
    .checkbox{
        font-size: 18px !important;
    }
    .cn{
        align-items: center;
    }
    .text-input,.text-input:focus{
        width: 40%;
        border: 0 solid grey;
        border-bottom: 1px solid grey;
        outline: none;
        padding-left: 5px;
    }
    .text-input2,.text-input2:focus{
        width: 80%;
        border: 0 solid grey;
        border-bottom: 1px solid grey;
        outline: none;
        padding-left: 5px;
    }
    .text-input3,.text-input3:focus{
        width: 70%;
        border: 0 solid grey;
        border-bottom: 1px solid grey;
        outline: none;
        padding-left: 5px;
    }
    .img-10em{
        width: 10em;
    }
</style>
@endsection


@section('modal')
<div class="modal fade" id="pt_detail" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">รายละเอียดผู้ป่วย</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            <div class="row m-0">
                <div class="col-lg-12 text-center">
                    <img src="{{url('')}}/public/images/avatar.png" alt="งิงิ" srcset="" class="img-10em">
                </div>
                <div class="col-lg-12 mt-5 h3 text-center text-danger"> HN : {{ @$json->hn }}</div>
                <div class="col-lg-12 text-center mt-2"><button type="button" class="btn btn-outline-dark">Edit Patient profile</button></div>
                <div class="col-lg-6 mt-5"><b>ชื่อ : </b>{{ @$json->patientname }}</div>
                <div class="col-lg-6 mt-3"><b>ID/Passport : </b>123456789</div>
                <div class="col-lg-4 mt-3"><b>อายุ : </b>{{ @$json->age }}</div>
                <div class="col-lg-4 mt-3"><b>เพศ : </b>{{ @$json->gender_name }}</div>
                <div class="col-lg-6 mt-3"><b>ติดต่อ : </b>{{ @$json->email }}</div>
                <div class="col-lg-6 mt-3"><b>ติดต่อฉุกเฉิน :</b>ไม่พบข้อมูล</div>
                <div class="col-lg-12 mt-3"><b>หมู่เลือด :</b>ไม่พบข้อมูล</div>
                <div class="col-lg-12 mt-3"><b>สิทธิการรักษา :</b> -</div>
                <div class="col-lg-12 mt-3"><select name="" id="" class="form-control"><option value=""></option></select></div>
            </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary w-100" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
</div>
@endsection



@section('content')
@php
    $y=date('Y')-100;
    for($i=date('Y');$i>=$y;$i--){
        $year[] =$i;
    }
    for($m=1;$m<=12;$m++){
        $month[] = $m;
    }
    $id   = $_GET['id'];
    $note = DB::table('tb_casenote')->where('note_id',$id)->first();
    $json = jsonDecode($note->note_casejson);
    $patient = DB::table('patient')->where('hn',$json->hn)->first();
    $json_patient = jsonDecode($patient->patient_json);
@endphp
<div class="row m-0">
    <div class="col-xl-2 ipad-none">
        <div class="card rounded-0">
            <div class="card-body">
                <div class="row m-0">
                    <div class="col-lg-12">
                        <img src="{{url('')}}/public/images/avatar.png" alt="งิงิ" srcset="" class="img-fluid">
                    </div>
                    <div class="col-lg-12 mt-5 h3 text-center text-danger"> HN : {{ $json->hn }}</div>
                    <div class="col-lg-12 text-center mt-2"><button type="button" class="btn btn-outline-dark">Edit Patient profile</button></div>
                    <div class="col-lg-12 mt-5"><b>ชื่อ : </b>{{ @$json->patientname }}</div>
                    <div class="col-lg-12 mt-3"><b>ID/Passport : </b>123456789</div>
                    <div class="col-lg-12 mt-3"><b>อายุ : </b>{{ @$json->age }}</div>
                    <div class="col-lg-12 mt-3"><b>เพศ : </b>{{ @$json->gender_name }}</div>
                    <div class="col-lg-12 mt-3"><b>ติดต่อ : </b>{{ @$json->email }}</div>
                    <div class="col-lg-12 mt-3"><b>ติดต่อฉุกเฉิน :</b>ไม่พบข้อมูล</div>
                    <div class="col-lg-12 mt-3"><b>หมู่เลือด :</b>ไม่พบข้อมูล</div>
                    <div class="col-lg-12 mt-3"><b>สิทธิการรักษา :</b> -</div>
                    <div class="col-lg-12 mt-3"><select name="" id="" class="form-control"><option value=""></option></select></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-10">
        <div class="card rounded-0">
            <div class="card-body">


                <div class="row m-0 mt-5 pt-3">
                    <div class="col-lg-12 p-0"><b>ประวัติการความเจ็บป่วย</b></div>
                </div>
                <div class="checkbox-list mt-3">
                    <div class="row">
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history01')!!}
                                <span></span>
                                ไม่มีโรคประจำตัว
                            </label>
                        </div>
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history02')!!}
                                <span></span>
                                โรคความดันโลหิตสูง
                            </label>
                        </div>
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history03')!!}
                                <span></span>
                                โรคโลหิต
                            </label>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history04')!!}
                                <span></span>
                                โรคหัวใจ
                            </label>
                        </div>
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history05')!!}
                                <span></span>
                                โรคปอด
                            </label>
                        </div>
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history06')!!}
                                <span></span>
                                โรคไขมันในเลือดสูง
                            </label>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history07')!!}
                                <span></span>
                                โรคไต
                            </label>
                        </div>
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history08')!!}
                                <span></span>
                                โรคไวรัสตับอักเสบ (HAV, HBV, HCV)
                            </label>
                        </div>
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history09')!!}
                                <span></span>
                                โรคต้อหิน
                            </label>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history10')!!}
                                <span></span>
                                โรคตับ
                            </label>
                        </div>
                        <div class="col-lg-4">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'illness_history11')!!}
                                <span></span>
                                โรคเบาหวาน
                            </label>
                        </div>
                        <div class="col-lg-4">อื่นๆ
                            {!!comtxt_patient($json_patient,'illness_history_other','text-input2')!!}
                        </div>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-3">
                    <div class="col-lg-12 p-0"><b>ประวัติการใช้ยา</b></div>
                </div>
                <div class="checkbox-list mt-3">
                    <div class="row">
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'medication_history01')!!}
                                <span></span>
                                ไม่ได้ใช้ประจำ
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'medication_history02')!!}
                                <span></span>
                                ASA
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'medication_history03')!!}
                                <span></span>
                                Coumadine หรือ Warfarin
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'medication_history04')!!}
                                <span></span>
                                ยาลดไขมัน
                            </label>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'medication_history05')!!}
                                <span></span>
                                Plavix
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'medication_history06')!!}
                                <span></span>
                                Ticlid
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'medication_history07')!!}
                                <span></span>
                                ยารักษาโรคความดันโลหิตสูง
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'medication_history08')!!}
                                <span></span>
                                ยารักษาโรคเบาหวาน
                            </label>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'medication_history09')!!}
                                <span></span>
                                ยาโรคหอบหืด (ยาพ่น)
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'medication_history10')!!}
                                <span></span>
                                NSAIDA
                            </label>
                        </div>

                        <div class="col-lg-3">
                            อื่นๆ
                            {!!comtxt_patient($json_patient,'medication_history_other','text-input2')!!}
                        </div>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-3">
                    <div class="col-lg-12 p-0"><b>การเเพ้ยา</b></div>
                </div>
                <div class="checkbox-list mt-3">
                    <div class="row mt-3">
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'drug_allergy')!!}
                                <span></span>
                                ไม่เคยเเพ้
                            </label>
                        </div>
                        <div class="col-lg-3">
                            เคยเเพ้ยา
                            {!!comtxt_patient($json_patient,'drug_allergy_text','text-input3')!!}
                            {{-- <input type="text" name="" class="text-input3"> --}}
                        </div>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-3">
                    <div class="col-lg-12 p-0"><b>การเเพ้อาหาร</b></div>
                </div>
                <div class="checkbox-list mt-3">
                    <div class="row mt-3">
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'food_allergy')!!}
                                <span></span>
                                ไม่เคยเเพ้
                            </label>
                        </div>
                        <div class="col-lg-3">
                            {!!comtxt_patient($json_patient,'food_allergy_text','text-input3')!!}
                            {{-- เคยเเพ้อาหาร <input type="text" name="" class="text-input3"> --}}
                        </div>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-3">
                    <div class="col-lg-12 p-0"><b>ประวัติการผ่าตัด</b></div>
                </div>
                <div class="checkbox-list mt-3">
                    <div class="row mt-3">
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'surgical_history')!!}
                                <span></span>
                                ไม่เคยผ่าตัด
                            </label>
                        </div>
                        <div class="col-lg-3">
                            เคยผ่าตัด
                            {!!comtxt_patient($json_patient,'surgical_history_text','text-input3')!!}
                             {{-- <input type="text" name="" class="text-input3"> --}}
                        </div>
                        <div class="col-lg-3">
                            <div class="row m-0 cn">
                                <div class="col-lg-3 text-right p-1">ปี</div>
                                <div class="col-lg-3 p-1">
                                    <select name="" id="" class="form-control">
                                        @foreach ($year as $y)
                                            <option value="{{$y}}">{{$y}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-3 text-right p-1">เดือน</div>
                                <div class="col-lg-3 p-1">
                                    <select name="" id="" class="form-control">
                                        @foreach ($month as $m)
                                            <option value="{{$m}}">{{$m}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row m-0 mt-5 pt-3">
                    <div class="col-lg-12 p-0"><b>ประวัติการตั้งครรภ์</b></div>
                </div>
                <div class="checkbox-list">
                    <div class="row mt-3 cn">
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'pregnancy_history01')!!}
                                <span></span>
                                ไม่ได้ตั้งครรภ์
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'pregnancy_history02')!!}
                                <span></span>
                                กำลังตั้งครรภ์
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <div class="row m-0 cn">
                                <div class="col-lg-3 text-right p-1">เดือน</div>
                                <div class="col-lg-3 p-1">
                                    <select name="" id="" class="form-control">
                                        @foreach ($month as $m)
                                            <option value="{{$m}}">{{$m}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-3">
                    <div class="col-lg-12 p-0"><b>ประวัติการส่องกล้อง</b></div>
                </div>
                <div class="checkbox-list">
                    <div class="row mt-3 cn">
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'history_laparoscopy01')!!}
                                <span></span>
                                ไม่เคยส่อง
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'history_laparoscopy02')!!}
                                <span></span>
                                เคยส่องกล้อง
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <div class="row m-0 cn">
                                <div class="col-lg-3 text-right p-1">ปี</div>
                                <div class="col-lg-3 p-1">
                                    <select name="" id="" class="form-control">
                                        @foreach ($year as $y)
                                            <option value="{{$y}}">{{$y}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-3 text-right p-1">เดือน</div>
                                <div class="col-lg-3 p-1">
                                    <select name="" id="" class="form-control">
                                        @foreach ($month as $m)
                                            <option value="{{$m}}">{{$m}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-3">
                    <div class="col-lg-12 p-0"><b>ประวัติการดื่มสุรา</b></div>
                </div>
                <div class="checkbox-list">
                    <div class="row mt-3 cn">
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'binge_history01')!!}
                                <span></span>
                                ไม่เคยดื่ม
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'binge_history02')!!}
                                <span></span>
                                ยังดื่มอยู่
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <div class="row m-0 cn">
                                <div class="col-lg-3 p-1">{!!comtxt_patient($json_patient,'binge_history_text','text-input3')!!}</div>
                                <div class="col-lg-auto p-1">เเก้ว/วัน</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-3">
                    <div class="col-lg-12 p-0"><b>ประวัติการสูบบุหรี่</b></div>
                </div>
                <div class="checkbox-list">
                    <div class="row mt-3 cn">
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'smoking_history01')!!}
                                <span></span>
                                ไม่เคยสูบ
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <label class="checkbox checkbox-warning">
                                {!!combox_patient($json_patient,'smoking_history02')!!}
                                <span></span>
                                ยังสูบอยู่
                            </label>
                        </div>
                        <div class="col-lg-3">
                            <div class="row m-0 cn">
                                <div class="col-lg-3 p-1">{!!comtxt_patient($json_patient,'smoking_history_text','text-input3')!!}</div>
                                <div class="col-lg-auto p-1">มวน/วัน</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row m-0 mt-5 pt-5 cn">
                    <div class="col-lg-5"></div>
                    <div class="col-lg-auto">พยาบาลผู้ซักประวัติ</div>
                    <div class="col-lg"><select name="" id="" class="form-control"><option value=""></option></select></div>
                    <div class="col-lg-2"><a href="{{url('')}}/note/1?step=1" class="btn btn-light-primary font-weight-bold mr-2 w-100">บันทึก</a></div>
                </div>

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




@section('script')

    <script src="{{ url('public/js/jquery-ui.js') }}"></script>
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        function call_ajax(hn,type){
            alert('HN : '+hn+' TYPE : '+type);
        }
        ///// editnow /////
        $('.savejson_patient').bind('focusout', function() {

            var this_id     = $(this).attr('id');
            var this_name   = $(this).attr('name');
            var this_type   = $(this).attr('type');
            if (this_type == "checkbox") {
                $.post('{{ url('jquery') }}', {
                    event   : 'patientsavejson',
                    idhtml  : this_id,
                    value   : $(this).prop('checked'),
                    table   : 'patient',
                    idname  : 'patient_id',
                    id      : '{{ $patient->patient_id }}',
                    procedure: '0',
                }, function(data, status) {});
            } else {
                setTimeout(function() {
                    $.post('{{ url('jquery') }}', {
                        event   : 'patientsavejson',
                        idhtml  : this_id,
                        value   : $('#' + this_id).val(),
                        table   : 'patient',
                        idname  : 'patient_id',
                        id      : '{{ $patient->patient_id }}',
                        procedure: '0',
                    }, function(data, status) {
                        console.log(data);
                    });
                }, 1000);
            }
        });

        $('.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('jquery') }}', {
                event: 'notesavejson_checkbox',
                idhtml: this_name,
                value: val,
                table: 'tb_case',
                idname: 'note_id',
                id: '{{ $note->note_id }}',
                procedure: 0,
            }, function(data, status) {});
        });

        {!! viewmode() !!}

        $('.detectbodyafter').focusout(function() {
            detectbody('after');
        });

        $("#btn_appdetectafter").click(function() {
            var str = "";
            str += '<tr>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="after_arr_time"    class="detectbodyafter form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="after_arr_bp"      class="detectbodyafter form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="after_arr_p"       class="detectbodyafter form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="after_arr_rr"      class="detectbodyafter form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="after_arr_spo"     class="detectbodyafter form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="after_arr_loc"     class="detectbodyafter form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="after_arr_o"       class="detectbodyafter form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="after_arr_symptom" class="detectbodyafter form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="after_arr_remark"  class="detectbodyafter form-control"></td>';
            str += '</tr>';
            $("#tabledetectafter").append(str);
            $('.detectbodyafter').focusout(function() {
                detectbody('after');
            });
        });

        $('.detectbodyactive').focusout(function() {
            detectbody('active');
        });

        $("#btn_appdetectactive").click(function() {
            var str = "";
            str += '<tr>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="active_arr_time"    class="detectbodyactive form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="active_arr_bp"      class="detectbodyactive form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="active_arr_p"       class="detectbodyactive form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="active_arr_rr"      class="detectbodyactive form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="active_arr_spo"     class="detectbodyactive form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="active_arr_loc"     class="detectbodyactive form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="active_arr_o"       class="detectbodyactive form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="active_arr_symptom" class="detectbodyactive form-control"></td>';
            str +=
                '<td style="padding: 5px;"><input type="text" name="active_arr_remark"  class="detectbodyactive form-control"></td>';
            str += '</tr>';
            $("#tabledetectactive").append(str);
            $('.detectbodyactive').focusout(function() {
                detectbody('active');
            });
        });



        function detectbody(actwhen) {
            var arr_time = [];
            $('[name=' + actwhen + '_arr_time]').each(function() {
                arr_time.push($(this).val());
            });
            var arr_bp = [];
            $('[name=' + actwhen + '_arr_bp]').each(function() {
                arr_bp.push($(this).val());
            });
            var arr_p = [];
            $('[name=' + actwhen + '_arr_p]').each(function() {
                arr_p.push($(this).val());
            });
            var arr_rr = [];
            $('[name=' + actwhen + '_arr_rr]').each(function() {
                arr_rr.push($(this).val());
            });
            var arr_spo = [];
            $('[name=' + actwhen + '_arr_spo]').each(function() {
                arr_spo.push($(this).val());
            });
            var arr_loc = [];
            $('[name=' + actwhen + '_arr_loc]').each(function() {
                arr_loc.push($(this).val());
            });
            var arr_o = [];
            $('[name=' + actwhen + '_arr_o]').each(function() {
                arr_o.push($(this).val());
            });
            var arr_symptom = [];
            $('[name=' + actwhen + '_arr_symptom]').each(function() {
                arr_symptom.push($(this).val());
            });
            var arr_remark = [];
            $('[name=' + actwhen + '_arr_remark]').each(function() {
                arr_remark.push($(this).val());
            });
            var val_time    = JSON.stringify(arr_time);
            var val_bp      = JSON.stringify(arr_bp);
            var val_p       = JSON.stringify(arr_p);
            var val_rr      = JSON.stringify(arr_rr);
            var val_spo     = JSON.stringify(arr_spo);
            var val_loc     = JSON.stringify(arr_loc);
            var val_o       = JSON.stringify(arr_o);
            var val_symptom = JSON.stringify(arr_symptom);
            var val_remark  = JSON.stringify(arr_remark);

            $.post("{{ url('jquery') }}", {
                event: 'detectbody',
                cid: '{{ $note->note_id }}',
                actwhen: actwhen,
                val_time: val_time,
                val_bp: val_bp,
                val_p: val_p,
                val_rr: val_rr,
                val_spo: val_spo,
                val_loc: val_loc,
                val_o: val_o,
                val_symptom: val_symptom,
                val_remark: val_remark,
            }, 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) {
        });
        $('.btn-step2-before-operation').click(function(){
            var hn = $(this).attr('hn');
            $.post('{{url('note')}}',{
                event   : 'operation_before',
                hn      : hn
            },function(data,status){
                socket.emit('queue','refreshdata');
            });
        });
    </script>

@endsection