@extends('layouts.note_layout')
@section('title', 'EndoCapture')
@section('style')
<link href="https://fonts.googleapis.com/css2?family=Kanit&display=swap" rel="stylesheet">
<link href="{{asset('public/css/pdf/index.css')}}"     rel="stylesheet" type="text/css"/>
@endsection
@section('modal')
@endsection




@section('content')

        <div class="row h-100" style="width: 100%;margin:0;">
            <div class="col-lg-5">
                <div class="card" style="height: 100%;">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3">
                                <h2>EndoNOTE</h2>
                            </div>
                            <div class="col-lg-9" style="align-self: center;">
                                Patient Report
                            </div>
                        </div>
                        <div class="row" style="margin: 1.5em 0em;">
                            <div class="col-10 pd5"><button type="button" class="btn btn-outline-primary w100 callpdf" pdf='1'>ใบนัดหมาย</button></div>
                            <div class="col-2 pd5"><button type="button" class="btn btn-outline-dark">แก้ไข</button></div>
                            <div class="col-10 pd5"><button type="button" class="btn btn-outline-primary w100 callpdf" pdf='4'>ใบซักประวัติ (ก่อนนัดหมาย และ หลังนัดหมาย)</button></div>
                            <div class="col-2 pd5"><button type="button" class="btn btn-outline-dark">แก้ไข</button></div>
                            <div class="col-10 pd5"><button type="button" class="btn btn-outline-primary w100 callpdf" pdf='5'>ใบบันทึกข้อมูล (ขณะทำหัตถการ และ หลังทำหัตถการ)</button></div>
                            <div class="col-2 pd5"><button type="button" class="btn btn-outline-dark">แก้ไข</button></div>
                            <div class="col-10 pd5"><button type="button" class="btn btn-outline-primary w100 callpdf" pdf='6'>ใบติดตามอาการ</button></div>
                            <div class="col-2 pd5"><button type="button" class="btn btn-outline-dark">แก้ไข</button></div>
                        </div>
                        <div class="row">
                            <div class="col-6 pd5">Case ID : 25</div>
                            <div class="col-6 pd5">HN : 45840250</div>
                            <div class="col-6 pd5">ชื่อ : ประสิทธิ์ ธิติมา</div>
                            <div class="col-6 pd5">อายุ : 64 ปี</div>
                            <div class="col-6 pd5">เพศ : ชาย</div>
                            <div class="col-6 pd5">เบอร์ติดต่อ : 099-888-7777</div>
                            <div class="col-6 pd5">สิทธิการรักษา : ประกันสังคม</div>
                            <div class="col-6 pd5">หัตถการ : EGD</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="card h-100">
                    <div class="card-body">
                        <div id="example1" class="h-100"></div>

                    </div>
                </div>
            </div>
        </div>


@endsection



@section('script')
<script src="{{url('')}}/public/js/pdfobject.min.js"></script>
<script CHARSET="UTF-8">

    PDFObject.embed("{{url('')}}/notepdf/1", "#example1");
    $(".callpdf").click(function(){
        var pdf_id = $(this).attr('pdf');
        PDFObject.embed("{{url('')}}/notepdf/"+pdf_id, "#example1");
    })
</script>
@endsection