@extends('admin.layout.master')
@section('title','Frontdesk Report || '.$report_title)
@section('content')

    @if($invoice)
    <div class="card sina-card">
        @section('page_title', "Receipt Voucher")
        @include('admin.layout.page_title_header_with_print')
        <br />
        <div class="" id="divTableDataHolder">

            <style>
                body {margin-top: 0;}
                .mn {margin: 0;padding: 0}
                h6 {font-size: 14px;}
                .voucher-body-left {padding-bottom: 5px;}
                .voucher-body-left::after {content: ':';position: absolute;right: 7px;top: 2px;}
                .voucher-bottom-sign-single {
                }
                .voucher-bottom-sign-single-name {display: block;min-height: 20px;}
                @media print{.no-print, .no-print *{display: none !important;}}
            </style>
            @include("frontdesk.report.report_header")
            <div class="p-2 mt-2" style="border: 1px solid #000;">
                <div class="row">
                    <div class="col-4">
                        <p>Date: <b>{{$invoice->date}}</b></p>
                        <p>Equals: </p>
                    </div>
                    <div class="col-4 text-center">
                            {{$invoice->type == 5 ? 'Refund Voucher' : ($invoice->type == 1 ? 'Advance Voucher':'Receipt Voucher')}}
                        </h4>
                        <p>VAT Registration No: 310495922800003</p>
                    </div>
                    <div class="col-4 text-right">
                        <p><b>Voucher Number: {{$invoice->invoice_no}}</b></p>
                        <p><b>Booking Number: {{$invoice->journals->first()->reservation->checkin_code ?? $invoice->journals->first()->reservation->resv_code ?? ''}}</b></p>
                    </div>
                </div>
                <div class="p-2" style="border: 1px solid #000;">
                    <div class="">
                        <div class="row">
                            <div class="col-3 voucher-body-left">
                                <b>Received From Mr.</b>
                            </div>
                            <div class="col-9">
                                {{party_name($invoice->journals->first()->party_id)}}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3 voucher-body-left">
                                <b>Amount Equal</b>
                            </div>
                            <div class="col-9">
                                {{getNumberInWords($invoice->transaction_amount)." (".$invoice->transaction_amount.")"}} SAR
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3 voucher-body-left">
                                <b>Payment type</b>
                            </div>
                            <div class="col-9">
                                Cash
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3 voucher-body-left">
                                <b>And This For</b>
                            </div>
                            <div class="col-9">
                                {{-- Rental Amount - Room - 221 --}}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3 voucher-body-left">
                                <b>Comments</b>
                            </div>
                            <div class="col-9">
                                {{$invoice->note}}
                            </div>
                        </div>
                    </div>

                    <div class="row voucher-bottom-sign text-center mt-2">
                        <div class="col-4 voucher-bottom-sign-single">
                            <h6 class="m-0">Receiver Name</h6>
                            <div class="voucher-bottom-sign-single-name">{{user_name($invoice->created_by)}}</div>

                            <p class="mb-0">....................</p>
                        </div>
                        <div class="col-4 voucher-bottom-sign-single">
                            <h6 class="m-0">Cashier</h6>
                            <div class="voucher-bottom-sign-single-name"></div>
                            <p class="mb-0">....................</p>
                        </div>
                        <div class="col-4 voucher-bottom-sign-single">
                            <h6 class="m-0">Manager</h6>
                            <div class="voucher-bottom-sign-single-name"></div>
                            <p class="mb-0">....................</p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    @endif

@endsection

@section('script')
    <script>
        $(document).ready(function() {
        var  print_preview =   {{request()->print}}
            if (print_preview == true) {
            $(".sidebar-wrapper").addClass('no-print')
            $(".top-header").addClass('no-print')
            $(".print-button").addClass('no-print')
                // window.print();
                // PrintDiv()

            }
        });
   </script>
@endsection