@extends('layouts.website.website')
@section('content')
<section id="main-content">
    <section class="wrapper site-min-height">
        <!-- page start-->
        <section class="panel col-md-7 no-print">
            <header class="panel-heading no-print">
                Add Lab Report            </header>
            <div class="no-print">
                <div class="adv-table editable-table ">
                    <div class="clearfix">
                        <style>
                            .lab{
                                padding-top: 10px;
                                padding-bottom: 20px;
                                border: none;

                            }
                            .pad_bot{
                                padding-bottom: 5px;
                            }

                            form{
                                background: #ffffff;
                                padding: 20px 0px;
                            }

                            .modal-body form{
                                background: #fff;
                                padding: 21px;
                            }

                            .remove{
                                float: right;
                                margin-top: -45px;
                                margin-right: 42%;
                                margin-bottom: 41px;
                                width: 94px;
                                height: 29px;
                            }

                            .remove1 span{
                                width: 33%;
                                height: 50px !important;
                                padding: 10px

                            }

                            .qfloww {
                                padding: 10px 0px;
                                height: 370px;
                                background: #f1f2f9;
                                overflow: auto;
                            }

                            .remove1 {
                                background: #5A9599;
                                color: #fff;
                                padding: 5px;
                            }


                            .span2{
                                padding: 6px 12px;
                                font-size: 14px;
                                font-weight: 400;
                                line-height: 1;
                                color: #555;
                                text-align: center;
                                background-color: #eee;
                                border: 1px solid #ccc
                            }

                        </style>

                        <form role="form" id="editLabForm" class="clearfix" action="lab/addLab" method="post" enctype="multipart/form-data">

                            <div class="">
                                <div class="col-md-6 lab pad_bot">
                                    <label for="exampleInputEmail1">Date</label>
                                    <input type="text" class="form-control pay_in default-date-picker" name="date" value="14-09-2020" placeholder="">
                                </div>

                                <div class="col-md-6 lab pad_bot">
                                    <label for="exampleInputEmail1">Patient</label>
                                    <select class="form-control m-bot15 pos_select select2-hidden-accessible" id="pos_select" name="patient" value="" tabindex="-1" aria-hidden="true">
                                                                           </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 246px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-pos_select-container"><span class="select2-selection__rendered" id="select2-pos_select-container"><span class="select2-selection__placeholder">Search Patient Name / ID</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                </div>

                                <div class="col-md-8 panel">
                                </div>

                                <div class="pos_client" style="display: none;">
                                    <div class="col-md-8 lab pad_bot">
                                        <div class="col-md-3 lab_label">
                                            <label for="exampleInputEmail1"> Patient Name</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control pay_in" name="p_name" value="" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-8 lab pad_bot">
                                        <div class="col-md-3 lab_label">
                                            <label for="exampleInputEmail1"> Patient Email</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control pay_in" name="p_email" value="" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-8 lab pad_bot">
                                        <div class="col-md-3 lab_label">
                                            <label for="exampleInputEmail1"> Patient Phone</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control pay_in" name="p_phone" value="" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-8 lab pad_bot">
                                        <div class="col-md-3 lab_label">
                                            <label for="exampleInputEmail1"> Patient Age</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control pay_in" name="p_age" value="" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-8 lab pad_bot">
                                        <div class="col-md-3 lab_label">
                                            <label for="exampleInputEmail1"> Patient Gender</label>
                                        </div>
                                        <div class="col-md-9">
                                            <select class="form-control m-bot15" name="p_gender" value="">

                                                <option value="Male"> Male </option>
                                                <option value="Female"> Female </option>
                                                <option value="Others"> Others </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 lab pad_bot">
                                    <label for="exampleInputEmail1"> Refd By Doctor</label>
                                    <select class="form-control m-bot15 add_doctor select2-hidden-accessible" id="add_doctor" name="doctor" value="" tabindex="-1" aria-hidden="true">

                                    </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 246px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-add_doctor-container"><span class="select2-selection__rendered" id="select2-add_doctor-container"><span class="select2-selection__placeholder">Search Doctor Name / ID</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                </div>

                                <div class="col-md-6 lab pad_bot">
                                    <label for="exampleInputEmail1"> Template</label>
                                    <select class="form-control m-bot15 js-example-basic-multiple template select2-hidden-accessible" id="template" name="template" value="" tabindex="-1" aria-hidden="true">
                                        <option value="">Select .....</option>
                                                                                    <option value="9">Lipid Profile Result </option>
                                                                                    <option value="8">superadmin </option>
                                                                                    <option value="6">CBC </option>
                                                                                    <option value="5">Lipid  Profile </option>
                                                                                    <option value="3">Diagnostic </option>
                                                                            </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 246px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-template-container"><span class="select2-selection__rendered" id="select2-template-container" title="Select .....">Select .....</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                </div>



                                <div class="pos_doctor" style="display: none;">
                                    <div class="col-md-8 lab pad_bot">
                                        <div class="col-md-3 lab_label">
                                            <label for="exampleInputEmail1"> Doctor Name</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control pay_in" name="d_name" value="" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-8 lab pad_bot">
                                        <div class="col-md-3 lab_label">
                                            <label for="exampleInputEmail1"> Doctor Email</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control pay_in" name="d_email" value="" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-8 lab pad_bot">
                                        <div class="col-md-3 lab_label">
                                            <label for="exampleInputEmail1"> Doctor Phone</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control pay_in" name="d_phone" value="" placeholder="">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-8 panel">
                                </div>



                            </div>









                            <div class="col-md-12 lab pad_bot">
                                <label for="exampleInputEmail1"> Report</label>
                                <textarea class="ckeditor form-control" id="editor" name="report" value="" rows="10" style="visibility: hidden; display: none;">                                </textarea><div id="cke_editor" class="cke_1 cke cke_reset cke_chrome cke_editor_editor cke_ltr cke_browser_webkit" dir="ltr" lang="en" role="application" aria-labelledby="cke_editor_arialbl"><span id="cke_editor_arialbl" class="cke_voice_label">Rich Text Editor, editor</span><div class="cke_inner cke_reset" role="presentation"><span id="cke_1_top" class="cke_top cke_reset_all" role="presentation" style="height: auto; user-select: none;"><span id="cke_8" class="cke_voice_label">Editor toolbars</span><span id="cke_1_toolbox" class="cke_toolbox" role="group" aria-labelledby="cke_8" onmousedown="return false;"><span id="cke_10" class="cke_toolbar" aria-labelledby="cke_10_label" role="toolbar"><span id="cke_10_label" class="cke_voice_label">Editing</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_11" class="cke_button cke_button__scayt cke_button_off cke_button_expandable" href="javascript:void('Spell Checker')" title="Spell Checker" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_11_label" aria-describedby="cke_11_description" aria-haspopup="menu" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(2,event);" onfocus="return CKEDITOR.tools.callFunction(3,event);" onclick="CKEDITOR.tools.callFunction(4,this);return false;" aria-expanded="false"><span class="cke_button_icon cke_button__scayt_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -888px;background-size:auto;">&nbsp;</span><span id="cke_11_label" class="cke_button_label cke_button__scayt_label" aria-hidden="false">Spell Check As You Type</span><span id="cke_11_description" class="cke_button_label" aria-hidden="false"></span><span class="cke_button_arrow"></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_12" class="cke_toolbar" aria-labelledby="cke_12_label" role="toolbar"><span id="cke_12_label" class="cke_voice_label">Insert</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_13" class="cke_button cke_button__image cke_button_off" href="javascript:void('Image')" title="Image" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_13_label" aria-describedby="cke_13_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(5,event);" onfocus="return CKEDITOR.tools.callFunction(6,event);" onclick="CKEDITOR.tools.callFunction(7,this);return false;"><span class="cke_button_icon cke_button__image_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -360px;background-size:auto;">&nbsp;</span><span id="cke_13_label" class="cke_button_label cke_button__image_label" aria-hidden="false">Image</span><span id="cke_13_description" class="cke_button_label" aria-hidden="false"></span></a><a id="cke_14" class="cke_button cke_button__table cke_button_off" href="javascript:void('Table')" title="Table" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_14_label" aria-describedby="cke_14_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(8,event);" onfocus="return CKEDITOR.tools.callFunction(9,event);" onclick="CKEDITOR.tools.callFunction(10,this);return false;"><span class="cke_button_icon cke_button__table_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -912px;background-size:auto;">&nbsp;</span><span id="cke_14_label" class="cke_button_label cke_button__table_label" aria-hidden="false">Table</span><span id="cke_14_description" class="cke_button_label" aria-hidden="false"></span></a><a id="cke_15" class="cke_button cke_button__horizontalrule cke_button_off" href="javascript:void('Insert Horizontal Line')" title="Insert Horizontal Line" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_15_label" aria-describedby="cke_15_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(11,event);" onfocus="return CKEDITOR.tools.callFunction(12,event);" onclick="CKEDITOR.tools.callFunction(13,this);return false;"><span class="cke_button_icon cke_button__horizontalrule_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -336px;background-size:auto;">&nbsp;</span><span id="cke_15_label" class="cke_button_label cke_button__horizontalrule_label" aria-hidden="false">Insert Horizontal Line</span><span id="cke_15_description" class="cke_button_label" aria-hidden="false"></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_16" class="cke_toolbar" aria-labelledby="cke_16_label" role="toolbar"><span id="cke_16_label" class="cke_voice_label">Tools</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_17" class="cke_button cke_button__maximize cke_button_off" href="javascript:void('Maximize')" title="Maximize" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_17_label" aria-describedby="cke_17_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(14,event);" onfocus="return CKEDITOR.tools.callFunction(15,event);" onclick="CKEDITOR.tools.callFunction(16,this);return false;"><span class="cke_button_icon cke_button__maximize_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -672px;background-size:auto;">&nbsp;</span><span id="cke_17_label" class="cke_button_label cke_button__maximize_label" aria-hidden="false">Maximize</span><span id="cke_17_description" class="cke_button_label" aria-hidden="false"></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_18" class="cke_toolbar" aria-labelledby="cke_18_label" role="toolbar"><span id="cke_18_label" class="cke_voice_label">Basic Styles</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_19" class="cke_button cke_button__bold cke_button_off" href="javascript:void('Bold')" title="Bold (Ctrl+B)" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_19_label" aria-describedby="cke_19_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(17,event);" onfocus="return CKEDITOR.tools.callFunction(18,event);" onclick="CKEDITOR.tools.callFunction(19,this);return false;"><span class="cke_button_icon cke_button__bold_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -24px;background-size:auto;">&nbsp;</span><span id="cke_19_label" class="cke_button_label cke_button__bold_label" aria-hidden="false">Bold</span><span id="cke_19_description" class="cke_button_label" aria-hidden="false">Keyboard shortcut Ctrl+B</span></a><a id="cke_20" class="cke_button cke_button__italic cke_button_off" href="javascript:void('Italic')" title="Italic (Ctrl+I)" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_20_label" aria-describedby="cke_20_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(20,event);" onfocus="return CKEDITOR.tools.callFunction(21,event);" onclick="CKEDITOR.tools.callFunction(22,this);return false;"><span class="cke_button_icon cke_button__italic_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -48px;background-size:auto;">&nbsp;</span><span id="cke_20_label" class="cke_button_label cke_button__italic_label" aria-hidden="false">Italic</span><span id="cke_20_description" class="cke_button_label" aria-hidden="false">Keyboard shortcut Ctrl+I</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_21" class="cke_button cke_button__removeformat cke_button_off" href="javascript:void('Remove Format')" title="Remove Format" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_21_label" aria-describedby="cke_21_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(23,event);" onfocus="return CKEDITOR.tools.callFunction(24,event);" onclick="CKEDITOR.tools.callFunction(25,this);return false;"><span class="cke_button_icon cke_button__removeformat_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -792px;background-size:auto;">&nbsp;</span><span id="cke_21_label" class="cke_button_label cke_button__removeformat_label" aria-hidden="false">Remove Format</span><span id="cke_21_description" class="cke_button_label" aria-hidden="false"></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_22" class="cke_toolbar" aria-labelledby="cke_22_label" role="toolbar"><span id="cke_22_label" class="cke_voice_label">Paragraph</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_23" class="cke_button cke_button__numberedlist cke_button_off" href="javascript:void('Insert/Remove Numbered List')" title="Insert/Remove Numbered List" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_23_label" aria-describedby="cke_23_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(26,event);" onfocus="return CKEDITOR.tools.callFunction(27,event);" onclick="CKEDITOR.tools.callFunction(28,this);return false;"><span class="cke_button_icon cke_button__numberedlist_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -648px;background-size:auto;">&nbsp;</span><span id="cke_23_label" class="cke_button_label cke_button__numberedlist_label" aria-hidden="false">Insert/Remove Numbered List</span><span id="cke_23_description" class="cke_button_label" aria-hidden="false"></span></a><a id="cke_24" class="cke_button cke_button__bulletedlist cke_button_off" href="javascript:void('Insert/Remove Bulleted List')" title="Insert/Remove Bulleted List" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_24_label" aria-describedby="cke_24_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(29,event);" onfocus="return CKEDITOR.tools.callFunction(30,event);" onclick="CKEDITOR.tools.callFunction(31,this);return false;"><span class="cke_button_icon cke_button__bulletedlist_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -600px;background-size:auto;">&nbsp;</span><span id="cke_24_label" class="cke_button_label cke_button__bulletedlist_label" aria-hidden="false">Insert/Remove Bulleted List</span><span id="cke_24_description" class="cke_button_label" aria-hidden="false"></span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_25" class="cke_button cke_button__blockquote cke_button_off" href="javascript:void('Block Quote')" title="Block Quote" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_25_label" aria-describedby="cke_25_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(32,event);" onfocus="return CKEDITOR.tools.callFunction(33,event);" onclick="CKEDITOR.tools.callFunction(34,this);return false;"><span class="cke_button_icon cke_button__blockquote_icon" style="background-image:url('https://codearistos.net/demo/hms/common/assets/ckeditor/plugins/icons.png?t=J1QB');background-position:0 -168px;background-size:auto;">&nbsp;</span><span id="cke_25_label" class="cke_button_label cke_button__blockquote_label" aria-hidden="false">Block Quote</span><span id="cke_25_description" class="cke_button_label" aria-hidden="false"></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_26" class="cke_toolbar" aria-labelledby="cke_26_label" role="toolbar"><span id="cke_26_label" class="cke_voice_label">Styles</span><span class="cke_toolbar_start"></span><span id="cke_9" class="cke_combo cke_combo__format cke_combo_off" role="presentation"><span id="cke_9_label" class="cke_combo_label">Format</span><a class="cke_combo_button" title="Paragraph Format" tabindex="-1" href="javascript:void('Paragraph Format')" hidefocus="true" role="button" aria-labelledby="cke_9_label" aria-haspopup="listbox" onkeydown="return CKEDITOR.tools.callFunction(36,event,this);" onfocus="return CKEDITOR.tools.callFunction(37,event);" onclick="CKEDITOR.tools.callFunction(35,this);return false;"><span id="cke_9_text" class="cke_combo_text cke_combo_inlinelabel">Format</span><span class="cke_combo_open"><span class="cke_combo_arrow"></span></span></a></span><span class="cke_toolbar_end"></span></span></span></span><div id="cke_1_contents" class="cke_contents cke_reset" role="presentation" style="height: 200px;"><span id="cke_31" class="cke_voice_label">Press ALT 0 for help</span><iframe src="" frameborder="0" class="cke_wysiwyg_frame cke_reset" style="width: 100%; height: 100%;" title="Rich Text Editor, editor" aria-describedby="cke_31" tabindex="0" allowtransparency="true"></iframe></div><span id="cke_1_bottom" class="cke_bottom cke_reset_all" role="presentation" style="user-select: none;"><span id="cke_1_resizer" class="cke_resizer cke_resizer_vertical cke_resizer_ltr" title="Resize" onmousedown="CKEDITOR.tools.callFunction(0, event)">◢</span><span id="cke_1_path_label" class="cke_voice_label">Elements path</span><span id="cke_1_path" class="cke_path" role="group" aria-labelledby="cke_1_path_label"><span class="cke_path_empty">&nbsp;</span></span></span></div></div>
                            </div>

                            <input type="hidden" name="redirect" value="lab">

                            <input type="hidden" name="id" value="">


                            <div class="col-md-12 lab">
                                <button type="submit" name="submit" class="btn btn-info pull-right">Submit</button>
                            </div>

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



        </section>








        <style>

            th{
                text-align: center;
            }

            td{
                text-align: center;
            }

            tr.total{
                color: green;
            }



            .control-label{
                width: 100px;
            }



            h1{
                margin-top: 5px;
            }


            .print_width{
                width: 50%;
                float: left;
            }

            ul.amounts li {
                padding: 0px !important;
            }

            .invoice-list {
                margin-bottom: 10px;
            }




            .panel{
                border: 0px solid #5c5c47;
                background: #fff !important;
                height: 100%;
                margin: 20px 5px 5px 5px;
                border-radius: 0px !important;

            }



            .table.main{
                margin-top: -50px;
            }



            .control-label{
                margin-bottom: 0px;
            }

            tr.total td{
                color: green !important;
            }

            .theadd th{
                background: #edfafa !important;
            }

            td{
                font-size: 12px;
                padding: 5px;
                font-weight: bold;
            }

            .details{
                font-weight: bold;
            }

            hr{
                border-bottom: 2px solid green !important;
            }

            .corporate-id {
                margin-bottom: 5px;
            }

            .adv-table table tr td {
                padding: 5px 10px;
            }



            .btn{
                margin: 10px 10px 10px 0px;
            }












            @media print {

                h1{
                    margin-top: 5px;
                }

                #main-content{
                    padding-top: 0px;
                }

                .print_width{
                    width: 50%;
                    float: left;
                }

                ul.amounts li {
                    padding: 0px !important;
                }

                .invoice-list {
                    margin-bottom: 10px;
                }

                .wrapper{
                    margin-top: 0px;
                }

                .wrapper{
                    padding: 0px 0px !important;
                    background: #fff !important;

                }



                .wrapper{
                    border: 2px solid #777;
                    min-height: 910px;
                }

                .panel{
                    border: 0px solid #5c5c47;
                    background: #fff !important;
                    padding: 0px 0px;
                    height: 100%;
                    margin: 5px 5px 5px 5px;
                    border-radius: 0px !important;

                }



                .table.main{
                    margin-top: -50px;
                }



                .control-label{
                    margin-bottom: 0px;
                }

                tr.total td{
                    color: green !important;
                }

                .theadd th{
                    background: #edfafa !important;
                }

                td{
                    font-size: 12px;
                    padding: 5px;
                    font-weight: bold;
                }
                .details{
                    font-weight: bold;
                }

                hr{
                    border-bottom: 2px solid green !important;
                }

                .corporate-id {
                    margin-bottom: 5px;
                }

                .adv-table table tr td {
                    padding: 5px 10px;
                }
            }
        </style>






        <section class="panel col-md-4">
            <header class="panel-heading no-print">
                Report            </header>

            <div class="panel panel-primary" style="margin: 2% 3%;">
                <!--<div class="panel-heading navyblue"> INVOICE</div>-->
                <div class="panel-body" style="font-size: 10px;">
                    <div class="row invoice-list">

                        <div class="text-center corporate-id">


                            <h3>
                                Hospital                            </h3>
                            <h4>
                                Boropool, Rajbari-7700                            </h4>
                            <h4>
                                Tel: +0123456789                            </h4>
                            <img alt="" src="uploads/logo-nonetext1.png" width="200" height="100">
                            <h4 style="font-weight: bold; margin-top: 20px; text-transform: uppercase;">
                                 Lab Report                                <hr style="width: 200px; border-bottom: 1px solid #000; margin-top: 5px; margin-bottom: 5px;">
                            </h4>
                        </div>





                        <div class="col-md-12">
                            <div class="col-md-6 pull-left row" style="text-align: left;">
                                <div class="col-md-12 row details" style="">
                                    <p>
                                                                                <label class="control-label">Patient Name </label>
                                        <span style="text-transform: uppercase;"> :
                                                                                    </span>
                                    </p>
                                </div>
                                <div class="col-md-12 row details" style="">
                                    <p>
                                        <label class="control-label">Patient ID  </label>
                                        <span style="text-transform: uppercase;"> :
                                                                                    </span>
                                    </p>
                                </div>
                                <div class="col-md-12 row details" style="">
                                    <p>
                                        <label class="control-label"> Address </label>
                                        <span style="text-transform: uppercase;"> :
                                                                                    </span>
                                    </p>
                                </div>
                                <div class="col-md-12 row details" style="">
                                    <p>
                                        <label class="control-label">Phone  </label>
                                        <span style="text-transform: uppercase;"> :
                                                                                    </span>
                                    </p>
                                </div>
                            </div>

                            <div class="col-md-6 pull-right" style="text-align: left;">
                                <div class="col-md-12 row details" style="">
                                    <p>
                                        <label class="control-label"> Lab Report Id  </label>
                                        <span style="text-transform: uppercase;"> :
                                                                                    </span>
                                    </p>
                                </div>


                                <div class="col-md-12 row details">
                                    <p>
                                        <label class="control-label">Date  </label>
                                        <span style="text-transform: uppercase;"> :
                                                                                    </span>
                                    </p>
                                </div>

                                <div class="col-md-12 row details">
                                    <p>
                                        <label class="control-label">Doctor  </label>
                                        <span style="text-transform: uppercase;"> :
                                                                                    </span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <br>

                    </div>


                    <div class="col-md-12 panel-body">
                                            </div>


                </div>


                <div class="text-center invoice-btn col-md-4 pull-right">
                    <a class="btn btn-info btn-lg invoice_button" onclick="javascript:window.print();"><i class="fa fa-print"></i> Print </a>
                </div>


                <div class="no-print col-md-8 pull-right">
                    <a href="lab/addLabView" class="">
                        <div class="btn-group">
                            <button id="" class="btn green">
                                <i class="fa fa-plus-circle"></i> Add a new report                            </button>
                        </div>
                    </a>
                </div>


            </div>

        </section>

















    </section>

</section>
@endsection