@extends('app')
@section('content')
        <style type="text/css">
        @media print {
            .print-btn {
                display: none;
            }

            footer {
                display: none;
            }
        }
    </style>
    <!-- Main content -->
    <section class="content">
        <div class="box box-info">
            <!-- /.box-header -->
            <div class="box-body">
                <a href="#" class="btn btn-primary print-btn pull-right" onclick="window.print()"><i
                        class="fa fa-print"></i> Print</a>
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="page-header">
                            <i class="fa fa-globe"></i> {{$hospital->name}}
                            <small class="pull-right">Date: {{date('d F, Y')}}</small>
                        </h2>
                    </div>
                </div>
                <!-- info row -->
                <div class="row invoice-info">
                    <div class="col-md-12">
                        <!-- <div class="col-sm-4 invoice-col">
                            From
                            <address>
                                <strong>{{$hospital->name}}</strong><br>
                                {{$hospital->address}}<br>
                                Phone: {{$hospital->phone}}<br>
                                Email: {{$hospital->email}}
                            </address>
                        </div> -->
                        <!-- /.col -->
                        <div class="col-sm-6 invoice-col">
                            To
                            @if(isset($patient))
                                <address>
                                    <strong>{{ $patient->full_name }}</strong><br>
                                    Phone: {{ $patient->mobile_no }}<br>
                                </address>
                            @endif
                        </div>
                        <!-- /.col -->
                        <div class="col-sm-6 invoice-col">
                            <b>Invoice {{$receiptInfo->invoice_id}}</b><br>
                            <br>
                            <b>Invoice Date:</b> {{date("d F, Y")}}<br>
                        </div>
                        <!-- /.col -->
                    </div>
                </div>
                <!-- /.row -->
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-12">
                            <table class="" style="width: 100%;">
                                <thead>
                                <tr>
                                    <th>Doctor: {{$receiptInfo->doctor_name }}</th>
                                    <th>Appointment Date: {{$receiptInfo->scheduleDate }}</th>
                                </tr>
                                </thead>
                                <tbody id="service_content">
                                <tr>
                                    <td colspan="4" style=""></td>
                                    <td>Total:</td>
                                    <td colspan="2">{{$receiptInfo->total_amount }}</td>
                                </tr>
                                <tr>
                                    <td colspan="4" style=""></td>
                                    <td>Paid:</td>
                                    <td colspan="2">{{$receiptInfo->pay_note }}</td>
                                </tr>
                                <tr>
                                    <td colspan="4" style=""></td>
                                    <td>Pay Note:</td>
                                    <td colspan="2">{{$receiptInfo->pay_note}}</td>
                                </tr>
                                <tr>
                                    <td colspan="4" style=""></td>
                                    <td>Return:</td>
                                    <td colspan="2">{{$receiptInfo->return}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

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

@section('extra-js')
    <script src="{{URL::to('assets/plugins/typeahead.bundle.js')}}"></script>
@endsection
@section('script')
    <script type="text/javascript">
        var baseUrl = '