@extends('layouts.main')

@push('styles')
    <link href="{{ asset('elite/bower_components/typeahead.js-master/dist/typehead-min.css') }}" rel="stylesheet">

    <style type="text/css">
        #divToPrint{
            font-size: 13px;
            color: #7c7c7c;
        }

        #receipt_table{
            font-size: 1em;
            font-weight: normal;
            font-family: monospace
        }

        #receipt_table th{
            border: 1px solid #dddddd;
        }

        #receipt_table td{
            border: 1px solid #dddddd;
        }

        .receipt-label{
            margin-top: 10px;
            padding: 10px;
        }

        .receipt-title{
            font-weight: bolder;
            text-decoration: underline;
            display: block; font-family:
                monospace
        }
    </style>
@endpush

@section('content')

    <div class="row bg-title">
        <div class="col-md-7">
            <h4>{{ __('patient_refund.patient_refund_receipt') }}</h4>
        </div>
        <div class="col-md-5">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}">{{ __('patient_refund.dashboard') }}</a></li>
                <li><a href="{{ route('patient_finance.home') }}">{{ __('patient_refund.finance_home') }}</a></li>
                <li class="active">{{ __('patient_refund.patient_refund') }}</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="white-box">                
                @if (!empty(session()->get('episode_id')))
                    <div class="row">
                        <div class="col-9"></div>
                        <div class="col-1" style="float:right;"><button class="btn btn-success" onclick="print_receipt()"><span class="glyphicon glyphicon-print"></span> {{ __('patient_finance.print') }}</button></div>
                        <div class="col-2">
                            @if(Auth::user()->can('view-episode-summary'))
                                <a type="button" class="btn btn-primary" href="/patients/episode_summary/{{ session()->get('episode_id') }}" target="_blank"  id="patient_file">{{ __('patient_episode.episode_summary') }}</a>
                            @endif
                        </div>
                    </div> 
                @else
                    <div class="row" style="float:right;"><button class="btn btn-success glyphicon glyphicon-print" onclick="print_receipt()"> {{ __('patient_refund.print') }}</button></div>
                @endif
                <div class="row" id="divToPrint">
                    <div class="col-sm-3"></div>
                    <div class="col-sm-6" style="text-align: center;">
                        <p style="text-align: center; font-size: 1em">
                            <span style="font-weight: bolder; text-decoration: underline; display: block; font-family: monospace"><b>{{ $hospital_information->name }}</b></span>
                            <span style="font-weight: bolder; text-decoration: underline; display: block; font-family: monospace">{{ $hospital_information->address }}</span>
                            <span class="receipt-label"><b>{{ __('patient_refund.tel') }}:</b> {{ $hospital_information->phone_number }}</span><br>
                            <span class="receipt-label"><b>{{ __('patient_refund.email') }}:</b> {{ $hospital_information->email }}</span><br>
                            <span class="receipt-label"><b>{{ __('patient_refund.cashier') }}:</b> {{ auth()->user()->first_name }} {{ auth()->user()->last_name }}</span><br>
                            <span class="receipt-label"><b>{{ __('consultations.date') }}:</b> {{ streamline_date_time_short($receipt_date) }}</span><br>
                            <span class="receipt-label"><b>{{ __('patient_refund.credit_memo_number') }}:</b> {{ $receipt_number }}</span><br>
                            <span class="receipt-label"><b>{{ __('patient_refund.patient') }}</b> : {{ $patient->first_name }} {{ $patient->last_name }}</span><br>
                            <span class="receipt-label"><b>{{ __('finance.patient_number') }}</b> : {{ $patient->number }}</span><br>
                            <span class="receipt-label"><b>{{ __('patient_refund.category') }} :</b> {{ get_name($patient->category_id, "id", "name", "patient_categories") }}</span>
                        </p>

                        <div>
                            <table class="table" id="receipt_table">
                                <thead>
                                <th style="width: 60%"><b>{{ __('patient_refund.description') }}</b></th>
                                <th style="width: 20%"><b>{{ __('patient_refund.price') }}</b></th>
                                </thead>
                                <tbody>
                                <tr>
                                    <td><b>{{ __('patient_refund.refund_amount') }}</b></td>
                                    <td><b>{{ ugandan_shillings($refund_amount) }}</b></td>
                                </tr>

                                <tr>
                                    <td><b>{{ __('patient_refund.refund_reason') }}</b></td>
                                    <td><b>{{ $refund_reason }}</b></td>
                                </tr>

                                <tr>
                                    <td><b>{{ __('patient_refund.refund_reference_receipt_number') }}</b></td>
                                    <td><b>{{ $original_receipt_number }}</b></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="col-sm-3">
                    </div>
                    <i style="font-size: 0.8em; margin-left: 50%;">&copy; {{ __('patient_refund.streamline') }}</i>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('styles')
    <script type="text/javascript">
        function print_receipt() {
            let myDiv = document.getElementById('divToPrint');
            let newWindow = window.open('', 'SecondWindow', 'toolbar=0,stat=0');

            newWindow.document.write("<html><body " +
                "class='' " +
                " onload='window.print()'>" +
                myDiv.innerHTML +
                "</body></html>");
            newWindow.document.close();
            return false;
        }
    </script>
@endpush