@extends('layouts.note_layout')
@section('title', 'EndoCapture')
@section('modal')
    @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="modal" tabindex="-1" role="dialog" id="detail_pt">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body pt-0">
                    <div class="row m-0 mt-5 mb-5">
                        <div class="col text-right">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">ปิด</button>
                        </div>
                    </div>
                    <div class="row m-0">

                        <div class="col-3 text-center">
                            <img src="{{url('')}}/public/images/avatar.png" alt="งิงิ" srcset="" class="w-50">
                            <div class="col-xl-12 mt-5 h3 text-center text-danger"> HN : {{ $json->hn }}</div>
                            <div class="col-xl-12 text-center mt-2"><button type="button" class="btn btn-outline-dark">Edit Patient profile</button></div>
                        </div>
                        <div class="col-9">
                            <div class="row m-0">
                                <div class="col-6 mt-5"><b>ชื่อ : </b>{{ @$json->patientname }}</div>
                                <div class="col-6 mt-3"><b>ติดต่อ : </b>{{ @$json->email }}</div>
                                <div class="col-6 mt-3"><b>ID/Passport : </b>123456789</div>
                                <div class="col-6 mt-3"><b>ติดต่อฉุกเฉิน :</b>ไม่พบข้อมูล</div>
                                <div class="col-6 mt-3"><b>อายุ : </b>{{ @$json->age }}</div>
                                <div class="col-6 mt-3"><b>หมู่เลือด :</b>ไม่พบข้อมูล</div>
                                <div class="col-12 mt-3"><b>เพศ : </b>{{ @$json->gender_name }}</div>
                                <div class="col-12 mt-3"><b>สิทธิการรักษา :</b> -</div>
                                <div class="col-6 mt-3"><select name="" id="" class="form-control"><option value=""></option></select></div>
                            </div>
                        </div>
                        {{-- <div class="col-xl-12 mt-3 text-center">
                            {!! QrCode::size(100)->generate('https://techvblogs.com/blog/generate-qr-code-laravel-8') !!}
                        </div> --}}

                    </div>

                </div>
                <div class="modal-content pb-5">

                    <div class="row m-0">
                        <div class="col-5 p-0">
                            <div class="row m-0">
                                <div class="col-lg-12"><b class="border-bottom border-dark">ผลการซักประวัติ</b></div>
                                <div class="col-lg-12 mt-3"><b>อาการนำมา : </b>10543</div>
                                <div class="col-lg-12 mt-3"><b>ประวัติความเจ็บป่วย : </b>Room 1</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"><b>ประวัติการผ่าตัด : </b>ไม่พบข้อมูล</div>
                            </div>
                        </div>
                        <div class="col-5 p-0">
                            <div class="row m-0">
                                <div class="col-lg-12">&emsp;</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"><b>ประวัติการสูบบุหรี่ :</b>ไม่พบข้อมูล</div>
                                <div class="col-lg-12 mt-3"><b>Provisional Diagnosis :</b>ไม่พบข้อมูล</div>
                                <div class="col-lg-12 mt-3"><b>Status :</b><span class="label label-inline">ซักประวัติ</span></div>
                            </div>
                        </div>
                        <div class="col-2 p-0">
                            <div class="row m-0 h-100">
                                <div class="col-lg-12 m-auto text-center">
                                    <a href="javascript:void(0)" class="btn btn-light-danger font-weight-bold">
                                        <span class="svg-icon svg-icon-4x"><!--begin::Svg Icon | path:C:\wamp64\www\keenthemes\themes\metronic\theme\html\demo1\dist/../src/media/svg/icons\Code\Stop.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z M19.0710678,4.92893219 L19.0710678,4.92893219 C19.4615921,5.31945648 19.4615921,5.95262146 19.0710678,6.34314575 L6.34314575,19.0710678 C5.95262146,19.4615921 5.31945648,19.4615921 4.92893219,19.0710678 L4.92893219,19.0710678 C4.5384079,18.6805435 4.5384079,18.0473785 4.92893219,17.6568542 L17.6568542,4.92893219 C18.0473785,4.5384079 18.6805435,4.5384079 19.0710678,4.92893219 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                            </g>
                                        </svg><!--end::Svg Icon--></span>
                                        <br>
                                        Cancel
                                    </a>
                                    <a href="javascript:void(0)" class="btn btn-light-warning font-weight-bold mt-3">
                                        <span class="svg-icon svg-icon-4x"><!--begin::Svg Icon | path:C:\wamp64\www\keenthemes\themes\metronic\theme\html\demo1\dist/../src/media/svg/icons\Communication\Write.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M12.2674799,18.2323597 L12.0084872,5.45852451 C12.0004303,5.06114792 12.1504154,4.6768183 12.4255037,4.38993949 L15.0030167,1.70195304 L17.5910752,4.40093695 C17.8599071,4.6812911 18.0095067,5.05499603 18.0083938,5.44341307 L17.9718262,18.2062508 C17.9694575,19.0329966 17.2985816,19.701953 16.4718324,19.701953 L13.7671717,19.701953 C12.9505952,19.701953 12.2840328,19.0487684 12.2674799,18.2323597 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.701953, 10.701953) rotate(-135.000000) translate(-14.701953, -10.701953) "/>
                                                <path d="M12.9,2 C13.4522847,2 13.9,2.44771525 13.9,3 C13.9,3.55228475 13.4522847,4 12.9,4 L6,4 C4.8954305,4 4,4.8954305 4,6 L4,18 C4,19.1045695 4.8954305,20 6,20 L18,20 C19.1045695,20 20,19.1045695 20,18 L20,13 C20,12.4477153 20.4477153,12 21,12 C21.5522847,12 22,12.4477153 22,13 L22,18 C22,20.209139 20.209139,22 18,22 L6,22 C3.790861,22 2,20.209139 2,18 L2,6 C2,3.790861 3.790861,2 6,2 L12.9,2 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                            </g>
                                        </svg><!--end::Svg Icon--></span>
                                        <br>
                                        Edit
                                    </a>
                                    {{-- <div class="col-12 text-center pt-3">
                                        {!! QrCode::size(100)->generate('https://techvblogs.com/blog/generate-qr-code-laravel-8') !!}
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                    </div>

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


@section('style')
<link href="{{ asset('public/css/note/home.css') }}" rel="stylesheet" type="text/css" />
<style>
    *{
        font-size: 18px;
    }
    #logo_ipad img{
        height: 2em !important;
    }
    .checkbox,.radio{
        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-input4,.text-input4:focus{
        border: 1px solid rgb(180, 177, 177);
        outline: none;
        width: 5em;
        text-align: center;
    }
    .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;
    }
    .jc{
        justify-content: center;
    }
    .set_top .col-lg-3 .row .col-lg-12{
        margin-top: 5px;
    }
    #key_data tr td:nth-child(1),#key_data tr td:nth-child(2){
        width: 5%;
    }
    #key_data tr td:nth-child(3),#key_data tr td:nth-child(4),#key_data tr td:nth-child(5),#key_data tr td:nth-child(6),#key_data tr td:nth-child(7){
        width: 16%;
    }
    .first-fill{
        border:none !important;
        border-collapse: collapse !important;
        /* border-top: #fff !important; */
    }
    .table-bordered{
        border:none !important;
    }
    #side-re{
        border-right: 1px solid gray;
        border-bottom: none;
    }
    @media (max-width: 1200px){
        #side-re{
            border-bottom: 1px solid gray;
            border-right: none;
            padding: 1em 0;
            margin: 1em 0;
        }
    }
    #key_data tr td,#key_data tr th,#tab_table th,#tab_table td{
        white-space: nowrap;
    }
</style>
@endsection



@section('content')
@php
    $note = DB::table('tb_casenote')->where('note_id',$id)->first();
    $json = jsonDecode($note->note_casejson);
@endphp
<div class="row m-0 mt-3">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="row m-0">
                    <div class="col-xl-4 menu-pc" id="profile_top">
                        <div class="row m-0">
                            <div class="col-xl-5">
                                <div class="row m-0">
                                    <div class="col-lg-12 text-center">
                                        <img src="{{url('')}}/public/image/bot.jpg" alt="งิงิ" srcset="" class="img-fluid">
                                    </div>
                                    <div class="col-lg-12 mt-5 h3 text-center text-danger"> HN : 1234567890</div>
                                    <div class="col-lg-12 text-center mt-2"><button type="button" class="btn btn-outline-dark">Edit Patient profile</button></div>
                                </div>
                            </div>
                            <div class="col-xl-7 p-0">
                                <div class="row m-0">
                                    <div class="col-lg-12"><b>ชื่อ : </b>สดายุ ทองลอย</div>
                                    <div class="col-lg-12 mt-2"><b>ID/Passport : </b>1234567890</div>
                                    <div class="col-lg-12 mt-2"><b>อายุ : </b>50</div>
                                    <div class="col-lg-12 mt-2"><b>เพศ : </b>ชาย</div>
                                    <div class="col-lg-12 mt-2"><b>ติดต่อ : </b>ไม่พบข้อมูล</div>
                                    <div class="col-lg-12 mt-2"><b>ติดต่อฉุกเฉิน : </b>ไม่พบข้อมูล</div>
                                    <div class="col-lg-12 mt-2"><b>หมู่เลือด : </b>ไม่พบข้อมูล</div>
                                    <div class="col-lg-12 mt-2"><b>สิทธิการรักษา : </b>ไม่พบข้อมูล</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-8">
                        <div class="row m-0">
                            <div class="col-lg-5 p-0">
                                <div class="row m-0">
                                    <div class="col-lg-12"><b class="border-bottom border-dark">ผลการซักประวัติ</b></div>
                                    <div class="col-lg-12 mt-3"><b>อาการนำมา : </b>10543</div>
                                    <div class="col-lg-12 mt-3"><b>ประวัติความเจ็บป่วย : </b>Room 1</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"><b>ประวัติการผ่าตัด : </b>ไม่พบข้อมูล</div>
                                </div>
                            </div>
                            <div class="col-lg-5 p-0">
                                <div class="row m-0">
                                    <div class="col-lg-12">&emsp;</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"><b>ประวัติการสูบบุหรี่ :</b>ไม่พบข้อมูล</div>
                                    <div class="col-lg-12 mt-3"><b>Provisional Diagnosis :</b>ไม่พบข้อมูล</div>
                                    <div class="col-lg-12 mt-3"><b>Status :</b><span class="label label-inline">ซักประวัติ</span></div>
                                </div>
                            </div>
                            <div class="col-lg-2 p-0">
                                <div class="row m-0 h-100">
                                    <div class="col-lg-12 m-auto">
                                        <a href="javascript:void(0)" class="btn btn-light-danger font-weight-bold w-100">
                                            <span class="svg-icon svg-icon-4x"><!--begin::Svg Icon | path:C:\wamp64\www\keenthemes\themes\metronic\theme\html\demo1\dist/../src/media/svg/icons\Code\Stop.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <rect x="0" y="0" width="24" height="24"/>
                                                    <path d="M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z M19.0710678,4.92893219 L19.0710678,4.92893219 C19.4615921,5.31945648 19.4615921,5.95262146 19.0710678,6.34314575 L6.34314575,19.0710678 C5.95262146,19.4615921 5.31945648,19.4615921 4.92893219,19.0710678 L4.92893219,19.0710678 C4.5384079,18.6805435 4.5384079,18.0473785 4.92893219,17.6568542 L17.6568542,4.92893219 C18.0473785,4.5384079 18.6805435,4.5384079 19.0710678,4.92893219 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                </g>
                                            </svg><!--end::Svg Icon--></span>
                                            <br>
                                            Cancel
                                        </a>
                                        <a href="javascript:void(0)" class="btn btn-light-warning font-weight-bold mt-3 w-100">
                                            <span class="svg-icon svg-icon-4x"><!--begin::Svg Icon | path:C:\wamp64\www\keenthemes\themes\metronic\theme\html\demo1\dist/../src/media/svg/icons\Communication\Write.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <rect x="0" y="0" width="24" height="24"/>
                                                    <path d="M12.2674799,18.2323597 L12.0084872,5.45852451 C12.0004303,5.06114792 12.1504154,4.6768183 12.4255037,4.38993949 L15.0030167,1.70195304 L17.5910752,4.40093695 C17.8599071,4.6812911 18.0095067,5.05499603 18.0083938,5.44341307 L17.9718262,18.2062508 C17.9694575,19.0329966 17.2985816,19.701953 16.4718324,19.701953 L13.7671717,19.701953 C12.9505952,19.701953 12.2840328,19.0487684 12.2674799,18.2323597 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.701953, 10.701953) rotate(-135.000000) translate(-14.701953, -10.701953) "/>
                                                    <path d="M12.9,2 C13.4522847,2 13.9,2.44771525 13.9,3 C13.9,3.55228475 13.4522847,4 12.9,4 L6,4 C4.8954305,4 4,4.8954305 4,6 L4,18 C4,19.1045695 4.8954305,20 6,20 L18,20 C19.1045695,20 20,19.1045695 20,18 L20,13 C20,12.4477153 20.4477153,12 21,12 C21.5522847,12 22,12.4477153 22,13 L22,18 C22,20.209139 20.209139,22 18,22 L6,22 C3.790861,22 2,20.209139 2,18 L2,6 C2,3.790861 3.790861,2 6,2 L12.9,2 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                </g>
                                            </svg><!--end::Svg Icon--></span>
                                            <br>
                                            Edit
                                        </a>
                                        {{-- <div class="col-12 text-center pt-3">
                                            {!! QrCode::size(100)->generate('https://techvblogs.com/blog/generate-qr-code-laravel-8') !!}
                                        </div> --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-12 mt-3">
        <div class="card">
            <div class="card-body">
                <div class="row m-0">
                    <div class="col-lg-12 p-0"><b>สภาพเเรกรับ</b></div>
                </div>
                <div class="row m-0 mt-3">
                    <div class="checkbox-list w-100">
                        <div class="row mt-3 cn set_top">
                            <div class="col-lg-3">
                                <div class="row m-0">
                                    <div class="col-lg-12">
                                        <label class="radio radio-lg radio-outline radio-warning">
                                            <input type="radio" name="radios1"/>
                                            <span></span>
                                            &emsp;รู้สึกตัว
                                        </label>
                                    </div>
                                    <div class="col-lg-12">
                                        <label class="radio radio-lg radio-outline radio-warning">
                                            <input type="radio" name="radios1"/>
                                            <span></span>
                                            &emsp;ไม่รู้สึกตัว
                                        </label>
                                    </div>
                                    <div class="col-lg-12">
                                        <label class="radio radio-lg radio-outline radio-warning">
                                            <input type="radio" name="radios1"/>
                                            <span></span>
                                            &emsp;สับสน
                                        </label>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="row m-0">
                                            <div class="col-lg-5 p-0">
                                                <label class="radio radio-lg radio-outline radio-warning">
                                                    <input type="radio" name="radios1"/>
                                                    <span></span>
                                                    &emsp;อื่นๆ
                                                </label>
                                            </div>
                                            <div class="col-lg-7 p-0">
                                                <input type="text" name="" id="" class="text-input">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-1 p-0"><i class="fas fa-angle-double-right"></i></div>
                            <div class="col-lg-3">
                                <div class="row m-0">
                                    <div class="col-lg-12">
                                        <label class="radio radio-lg radio-outline radio-warning">
                                            <input type="radio" name="radios1"/>
                                            <span></span>
                                            &emsp;Walk in
                                        </label>
                                    </div>
                                    <div class="col-lg-12">
                                        <label class="radio radio-lg radio-outline radio-warning">
                                            <input type="radio" name="radios1"/>
                                            <span></span>
                                            &emsp;เปลนั่ง
                                        </label>
                                    </div>
                                    <div class="col-lg-12">
                                        <label class="radio radio-lg radio-outline radio-warning">
                                            <input type="radio" name="radios1"/>
                                            <span></span>
                                            &emsp;เปลนอน
                                        </label>
                                    </div>
                                    <div class="col-lg-12">
                                        <label class="radio radio-lg radio-outline radio-warning">
                                            <input type="radio" name="radios1"/>
                                            <span></span>
                                            &emsp;On Oxygen
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-1 p-0"><i class="fas fa-angle-double-right"></i></div>
                            <div class="col-lg-3">
                                <div class="row m-0">
                                    <div class="col-lg-12">
                                        <label class="checkbox checkbox-warning">
                                            <input type="checkbox" name="Checkboxes1"/>
                                            {!!combox($json,'first_condition01')!!}
                                            <span></span>
                                            IV Fluid
                                        </label>
                                    </div>
                                    <div class="col-lg-12">
                                        <label class="checkbox checkbox-warning">
                                            {!!combox($json,'first_condition02')!!}
                                            <span></span>
                                            5% D/N/2
                                        </label>
                                    </div>
                                    <div class="col-lg-12">
                                        <label class="checkbox checkbox-warning">
                                            {!!combox($json,'first_condition03')!!}
                                            <span></span>
                                            0.9% NSS
                                        </label>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="row m-0">
                                            <div class="col-lg-5 p-0">
                                                <label class="checkbox checkbox-warning ">
                                                    {!!combox($json,'first_condition04')!!}
                                                    <span></span>
                                                    อื่น
                                                </label>
                                            </div>
                                            <div class="col-lg-7 p-0">
                                                {!!comtxt($json,'first_condition_other','text-input3')!!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-5">
                    <div class="col-lg-12 p-0"><b>การประเมินด้านร่างกาย</b></div>
                </div>
                <div class="row m-0 mt-3">
                    <div class="table-responsive">
                    <table class="table table-borderless" id="key_data">
                        <tr>
                            <td>ผ่าน</td>
                            <td>ไม่ผ่าน</td>
                            <td>น้ำหนัก (kg.)</td>
                            <td>ส่วนสูง (cm.)</td>
                            <td>BP (mmHg)</td>
                            <td>Pulse (bpm)</td>
                            <td>Pain score</td>
                        </tr>
                        <tr>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t1"/>
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t1"/>
                                    <span></span>
                                </label>
                            </td>
                            <td>{!!comtxt($json,'physical_assessment_text01','text-input4')!!}</td>
                            <td>{!!comtxt($json,'physical_assessment_text02','text-input4')!!}</td>
                            <td>{!!comtxt($json,'physical_assessment_text03','text-input4')!!}</td>
                            <td>{!!comtxt($json,'physical_assessment_text04','text-input4')!!}</td>
                            <td>{!!comtxt($json,'physical_assessment_text05','text-input4')!!}</td>
                        </tr>
                        <tr>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t2"/>
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t2"/>
                                    <span></span>
                                </label>
                            </td>
                            <td colspan="5">งดอาหารเเละน้ำ 6-8 ชม.</td>
                        </tr>
                        <tr>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t3"/>
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t3"/>
                                    <span></span>
                                </label>
                            </td>
                            <td colspan="5">ไม่มีฟันปลอม</td>
                        </tr>
                        <tr>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t4"/>
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t4"/>
                                    <span></span>
                                </label>
                            </td>
                            <td colspan="5">งดยาสลายลิ่มเลือด</td>
                        </tr>
                        <tr>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t5"/>
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t5"/>
                                    <span></span>
                                </label>
                            </td>
                            <td>กินยาลดความดัน</td>
                            <td colspan="4">เวลา &nbsp;<input type="time" name="" class="text-input4"></td>
                        </tr>
                        <tr>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t5"/>
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="t5"/>
                                    <span></span>
                                </label>
                            </td>
                            <td colspan="2">ยาอื่นๆ {!!comtxt($json,'physical_assessment_medi','text-input')!!}</td>
                            <td colspan="3">เวลา &nbsp;<input type="time" name="" class="text-input4"></td>
                        </tr>
                    </table>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-5">
                    <div class="col-lg-12 p-0"><b>การประเมินด้านจิตใจ</b></div>
                </div>
                <div class="row m-0 mt-3">
                    <div class="col-lg-12 mt-3">
                        <label class="radio radio-lg radio-outline radio-warning">
                            <input type="radio" name="radios1"/>
                            <span></span>
                            &emsp;ปกติ
                        </label>
                    </div>
                    <div class="col-lg-12 mt-3">
                        <label class="radio radio-lg radio-outline radio-warning">
                            <input type="radio" name="radios1"/>
                            <span></span>
                            &emsp;ผู้ป่วยมีความวิตกกังวลเล็กน้อย.
                        </label>
                    </div>
                    <div class="col-lg-12 mt-3">
                        <div class="row m-0">
                            <div class="col-lg-4 p-0">
                                <label class="radio radio-lg radio-outline radio-warning">
                                    <input type="radio" name="radios1"/>
                                    <span></span>
                                    &emsp;ผู้ป่วยมีความวิตกกังวล  รายงานเเพทย์
                                </label>
                            </div>
                            <div class="col-lg-4 p-0">
                                <select name="" id="" class="form-control"><option value=""></option></select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-5">
                    <div class="col-lg-12 p-0"><b>ผลตรวจทางห้องทดลอง</b></div>
                </div>
                <div class="row m-0 mt-3">
                    <div class="table-responsive">
                        <table class="table table-bordered text-center" id="tab_table">
                            <tr>
                                <th class="first-fill"></th>
                                <th colspan="3">CBC</th>
                                <th colspan="3">COAGULATION</th>
                                <th colspan="3">LFT</th>
                            </tr>
                            <tr>
                                <td>การตรวจ</td>
                                <td>HCT (%)</td>
                                <td>WBC (UL)</td>
                                <td>Plet (UL)</td>
                                <td>PT (Sec)</td>
                                <td>PTT</td>
                                <td>INR</td>
                                <td>AST-SGOT (UL)</td>
                                <td>ALT-SGPT (UL)</td>
                                <td>ASP (UL)</td>
                                <td>Bilirubin (mg/dl)</td>
                            </tr>
                            <tr>
                                <td>เกณฑ์</td>
                                <td>> 25%</td>
                                <td>> 1,500</td>
                                <td>> 70,000</td>
                                <td>10.1 - 13.1</td>
                                <td>-</td>
                                <td>< 1.2</td>
                                <td>0 - 40</td>
                                <td>0 - 40</td>
                                <td>39 - 117</td>
                                <td>0 - 1.5</td>
                            </tr>
                            <tr>
                                <td>ผลตรวจ</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="row m-0 mt-5 pt-5 cn">
                    <div class="col-lg-5"></div>
                    <div class="col-lg-2 text-right">พยาบาลผู้ซักประวัติ</div>
                    <div class="col-lg-3"><select name="" id="" class="form-control"><option value=""></option></select></div>
                    <div class="col-lg-2"><a href="{{url('note')}}" 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').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   : 'notesavejson',
                idhtml  : this_id,
                value   : $(this).prop('checked'),
                table   : 'tb_case',
                idname  : 'note_id',
                id      : '{{ $note->note_id }}',
                procedure: '0',
            }, function(data, status) {});
        } else {
            setTimeout(function() {
                $.post('{{ url('jquery') }}', {
                    event   : 'notesavejson',
                    idhtml  : this_id,
                    value   : $('#' + this_id).val(),
                    table   : 'tb_case',
                    idname  : 'note_id',
                    id      : '{{ $note->note_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