@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>{{__("obs.date")}}: <b>{{$invoice->date}}</b></p>
                        <p>{{__("obs.equals")}}: </p>
                    </div>
                    <div class="col-4 text-center">
                        {{ get_voucher_type($invoice->type)}} {{__("obs.voucher")}}
                            {{-- {{$invoice->type == 5 ? __("obs.refund").' '.__("obs.voucher") : ($invoice->type == 1 ? __("obs.advance").' '.__("obs.voucher") : __("obs.receipt").' '.__("obs.voucher"))}} --}}
                        </h4>
                        <p>{{__("obs.vat")}} {{__("obs.registration")}} {{__("obs.no")}}: 310495922800003</p>
                    </div>
                    <div class="col-4 text-right">
                        <p><b>{{__("obs.voucher")}} {{__("obs.no")}}: {{$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>{{__("obs.received_from")}} {{__("obs.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>{{__("obs.amount")}} {{__("obs.equal")}} </b>
                            </div>
                            <div class="col-9">
                                {{getNumberInWords($total_amount)." (".$total_amount.")"}} {{__("obs.sar")}}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3 voucher-body-left">
                                <b>{{__("obs.payment_type")}} </b>
                            </div>
                            <div class="col-9">
                                {{ $invoice->journals->where('type',0)->first()->cash_bank ? $invoice->journals->where('type',0)->first()->cash_bank->name_eng : null}}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3 voucher-body-left">
                                <b>{{__("obs.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>{{__("obs.comments")}}</b>
                            </div>
                            <div class="col-9">
                                {{$invoice->note}}
                            </div>
                        </div>

                        <div class="d-flex flex-wrap">
                          
                                <table class="table table-bordered table-hover text-center" id="">
                                    <thead class="mt-3">
                                        <tr>
                                            <th>{{__("obs.hotel")}}</th>
                                            <th>{{__("obs.date")}}</th>
                                            <th>{{__("obs.reservation")}} {{__("obs.no")}}</th>
                                            <th>{{__("obs.checkin")}} {{__("obs.no")}} </th>
                                            <th>{{__("obs.commission")}}</th>
                                            <th>{{__("obs.discount")}}</th>
                                            <th>{{__("obs.amount")}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    
                                        @foreach ($invoice_details as $data)
                                        <tr>
                                           
                                            <td class="text-left">{{$data['hotel_name']}}</td>
                                            <td>{{$data['date']}}</td>
                                            <td>{{$data['reservation_no']}}</td>
                                            <td>{{$data['checkin_code']}}</td>
                                            <td class="text-right"> {{$data['commission']}}</td>
                                            <td class="text-right"> {{$data['discount']}} </td>
                                            <td class="text-right"> {{$data['amount']}}</td>

                                        </tr>
                                        @endforeach
                                        <tr>
                                            <td class="text-right" colspan="6"><b>{{__("obs.total")}}</b></td>
                                            <td class="text-right"><b>{{$total_amount}}</b></td>
                                          
                                        </tr>
                                    </tbody>
                                </table>
                        </div>
                    </div>

                    <div class="row voucher-bottom-sign text-center mt-2">
                        <div class="col-4 voucher-bottom-sign-single">
                            <h6 class="m-0">{{__("obs.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">{{__("obs.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">{{__("obs.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