@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-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Bank Slip</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="/finance">Finance</a></li>
                <li><a href="/banking/deposit">Bank Deposits</a></li>
                <li class="active">Bank Slip</li>
            </ol>
        </div>
    </div>
    @include('flash::message')
    <div class="row">
        <div class="col-md-12">
            <div class="white-box">
                <div class="row" style="float:right;"><button class="btn btn-success glyphicon glyphicon-print" onclick="print_receipt()"> Print</button></div>
                <div class="row" id="divToPrint">
                    <div class="col-sm-3"></div>
                    <div class="col-sm-6" style="text-align: center;">
                        <img style="max-width: 300px; max-height: 140px;" src="{{ asset(isset($hospital_information->logo) ? $hospital_information->logo : 'uploads/logo/logo-sm.png') }}" class="mx-auto d-block mx-3" alt="Responsive image">
                        <p class="h6 text-center mt-0 font-weight-bold">
                            <?php echo $hospital_information->name . ' | ' . $hospital_information->phone_number . ' | ' . $hospital_information->email . ' | ' . $hospital_information->address . ' ' . $hospital_information->country ?>
                        </p><br>
                        <p class="h5 text-center mt-0 font-weight-bold">Bank Slip</p>
                        <div>
                            <table class="table" id="receipt_table">
                                <thead>
                                    <tr>
                                        <th style="width: 60%"><b>#</b></th>
                                        <th style="width: 20%"><b>Amount</b></th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @php $total_banked = 0; @endphp
                                    @for ($x = 0; $x < count($banks_array); $x++)
                                        <tr>
                                            <td>{{ get_name($banks_array[$x], "id", "name", "chart_of_accounts") }}</td>
                                            <td>{{ ugandan_shillings($amounts_array[$x]) }}</td>
                                        </tr>
                                        @php $total_banked += is_numeric($amounts_array[$x]) ? $amounts_array[$x] : 0; @endphp
                                    @endfor

                                    <tr>
                                        <td>Memo</td>
                                        <td>{{ $deposit_memo }}</td>
                                    </tr>

                                    <tr>
                                        <td><strong>&nbsp;Total Banked</strong></td>
                                        <td><strong>&nbsp;{{ ugandan_shillings($total_banked) }}</strong></td>
                                    </tr>

                                    <tr>
                                        <td><strong>&nbsp;Deposite Date</strong></td>
                                        <td><strong>&nbsp;{{ streamline_date($deposit_date) }}</strong></td>
                                    </tr>

                                    <tr>
                                        <td><strong>&nbsp;Banked By</strong></td>
                                        <td><strong>&nbsp;{{ get_full_name($banked_by, 'id', 'first_name', 'last_name', 'users') }}</strong></td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="col-sm-3"></div>
                    <i style="font-size: 0.8em; margin-left: 50%;">{{ __('family_accounts.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