@extends('app')
@section('content')
    <!-- Main content -->
    <section class="content">
        <a href="#" class="btn btn-primary print-btn pull-right"><i class="fa fa-print"></i>
            Print</a>
        <!-- info row -->
        <div class="row invoice-info" id="invoice-info">
            <div class="col-md-12">
                @if($patientInfo)
                    <ul class="list-group list-group-unbordered">
                        <li class="pl first">
                            {!! \App\Custom\Helper::printBarcode($patientInfo, $patientInfo) !!}
                        </li>
                        <li class="list-group-item first">
                            <b>Patient</b>: <span class="pl">{{$patientInfo->full_name}}</span>
                            <b class="pl">Age</b>: <span class="pl">{{\App\Custom\Helper::patientAge($patientInfo->dob)}}</span>
                        </li>
                        <li class="list-group-item">
                            <b>Invoice No</b>: <span class="pl">{{$patientInfo->sale_invoice_id}}</span>
                            <b class="pl">Phone</b>: <span class="pl">{{$patientInfo->mobile_no}}</span>
                        </li>
                        <li class="list-group-item">
                            <b>Gender</b>: <span class="pl">{{$patientInfo->gender === 1 ? 'Male' : 'Female'}}</span>
                            <b class="pl">Date</b>: <span class="pl">{{$patientInfo->date}}</span>
                        </li>
                        @if(!empty($patientInfo->referred_by))
                        <li class="list-group-item">
                            <b>Ref By </b>: <span class="pl">{{$patientInfo->referred_by}}</span>
                        </li>
                        @endif
                        <li class="list-group-item">
                            <b>Test</b>: <span class="pl">{{$serviceTestNames}}</span>
                        </li>
                    </ul>
                @endif
            </div>
        </div>
    </section>
@endsection

@section('extra-css')

    <style>
        .content {
            padding: 0 !important;
            margin: 0 !important;
        }
        .page-header {
            border-bottom: none;
        }

        .invoice-info {
            width: 349px;
        }

        table, th, td {
            border: 1px solid black;
            border-collapse: collapse;
        }

        .noBorder {
            border-bottom: none !important;
        }

        .id-card {
            border: 1px solid black;
            padding: 10px;
            border-radius: 5px;
        }

        .list-group-item {
            padding: 1px 5px !important;
        }
        @media print {
            html, body {
                width: 110mm;
                height: 10mm;
            }
            * {
                font-size: 9px;
                font-family: sans-serif !important;
            }
            @page { size: auto;  margin: 0mm; }
           .list-group-unbordered .first {
               margin-top: 5px;
               list-style-type: none;
           }
           
            .print-btn, .go-back {
                display: none;
            }
            .pl {
                padding-left: 2px;
            }
            .pr {
                padding-right: 2px;
            }
            footer {
                display: none;
            }
        }

    </style>
@stop

@section('extra-js')
    <script type="text/javascript">
        $(document).ready(function () {
            $('.print-btn').on('click', function () {
                window.print();
            });
        });
    </script>
@endsection