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

    <style>
        body {
        margin-top: 0;
        }

        .mn {
            margin: 0;
            padding: 0
        }
        h6 {
            font-size: 14px;
        }

        @media print{
        .no-print, .no-print *
        {
            display: none !important;

        }
    
      }

    </style>
    @if($invoice)
    <div class="card sina-card"> 
        @section('page_title', "Receipt Voucher") 
        @include('admin.layout.page_title_header_with_print')  
        <div class="row" id="divTableDataHolder">
            <div class="col-12">
                @include("frontdesk.report.report_header")
                <table class="" style="width: 100%;border: 1px solid;padding: 5px;">
                    <thead>
                    <tr>
                        <td colspan="3">
                            <div class="row">
                                <div class="col-sm-12" style="text-align: center;">
                                    <h4 style="margin: 0;padding: 0;display: inline-block;padding: 3px 10px;border: 1px solid #000;margin-bottom: 7px;border-radius: 6px;font-weight: bold;color: #000;">
                                        Receipt   
                                    </h4>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <th colspan="3" style="width: 100%;border-top: 0 !important;">
                            <div class="col-sm-12 col-xs-12">
                                <table style="width: 100%">
                                    <tbody><tr>
                                        <td style="width: 33%;" colspan="2">
                                            <p>Voucher No : {{$invoice->invoice_no}}</p>
                                            <!--                                        <p>Collector No : </p>-->
                                            <p>Date : {{$invoice->date}}</p>
                                            <p>Cheque No : {{$invoice->invoice_others ? $invoice->invoice_others->cheque_or_transaction_number : null}}</p>
                                        </td>
                                        <td style="text-align: right;">
                                            <div class="col-sm-12 col-xs-12">
                                              
                                                <p>
                                                    Collector Name :{{user_name($invoice->created_by)}}
                                                 </p>
                                                <p>Sub-Company
                                                    : </p>
                                                <!--                                            <p>Equals Date: -->
                                                <!--</p>-->
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" style="width: 100%;">
                                            <div class="row" style="width: 100% !important;clear: both;">
                                                <div class=" col-md-8 col-sm-8" style="width: 66.66666667% !important;float: left;">
                                                    
                                                    Receipt From Mr/MRs:  {{party_name($invoice->journals->first()->party_id)}}                                           </div>
                                                <div class="col-md-4 col-sm-4 text-center" style="width: 33.33333333% !important;float: left;">
                                                    Honorable
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" style="border: 1px solid #000;">
                                            <div class="col-sm-12 col-xs-12">
                                                <table style="width: 100%">
                                                    <tbody><tr>
                                                        <td colspan="3">
                                                            Amount is
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3">
                                                            <div class="row" style="width: 100%; clear: both;">
                                                                <div class=" col-md-8 col-sm-8" style="width: 66.66666667% !important;float: left;">
                                                                    <h5 style="background-color: #a2bae6 !important;padding: 5px !important;min-height: 30px;margin: 0;">
                                                                        Only-  {{$invoice->transaction_amount}}
                                                                    </h5>
                                                                </div>
                                                                <div class="col-sm-4" style="width: 33.33333333% !important;float: left;">
                                                                    <div class="row" style="background-color: #a2bae6 !important;padding: 5px !important;min-height: 30px;">
                                                                        <div class="col-sm-8 text-center" style="width: 66.66666667% !important;float: left;"></div>
                                                                        <div class="col-sm-4" style="width: 33.33333333% !important;float: left;">
                                                                            SAR
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3">
                                                            To Debit With
                                                        </td>
                                                    </tr>
                                                    </tbody></table>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>

                                <br>
                                <table class="" style="width: 100%;border: 1px solid #000 !important;" border="1">
                                    <tbody><tr>
                                        <th style="text-align: center;background-color: #a2bae6 !important;">
                                            Account No
                                        </th>
                                        <th style="text-align: center;background-color: #a2bae6 !important;">
                                            Currency
                                        </th>
                                        <th style="text-align: center;background-color: #a2bae6 !important;">
                                            Detail Account
                                        </th>
                                        <th style="text-align: center;background-color: #a2bae6 !important;">
                                            Account Name
                                        </th>
                                        <th style="text-align: center;background-color: #a2bae6 !important;">
                                            Description
                                        </th>
                                        <th style="text-align: center;background-color: #a2bae6 !important;">
                                            Amount
                                        </th>
                                        <th style="text-align: center;background-color: #a2bae6 !important;">
                                            Center No.
                                        </th>
                                        <th style="text-align: center;background-color: #a2bae6 !important;">
                                            Ref No.
                                        </th>
                                        
                                    </tr>
                                    @foreach ( $invoice_details as   $reservation=>$details)
                                    {{-- @dd($details->first()->accounts_head->parent) --}}
                                    <tr style="border: 1px solid #000 !important;">

                                        <td class="text-center">
                                           
                                            {{$details->first()->accounts_head ? $details->first()->accounts_head->parent ? $details->first()->accounts_head->parent->code : null : null}}  
                                           
                                        </td>
                                        <td style="text-align: center">
                                           
                                        </td>
                                        <td class="text-center">
                                          
                                            {{$details->first()->accounts_head ? $details->first()->accounts_head->code : null}}                         
                                        
                                        </td>
                                        <td class="text-center">
                                            {{$details->first()->accounts_head ? $details->first()->accounts_head->name : null}}                             

                                        </td>
                                        <td class="text-center">
                                        </td>
                                        <td class="text-center">
                                            {{$details->first()->amount}} 
                                       </td>
                                        <td class="text-center">
                                            {{$details->first()->reservation->warehouse->name_eng}} 
                                        </td>
                                        <td class="text-center">
                                            {{$details->first()->reservation->checkin_code}}                                        
                                        </td>
                                    </tr> 
                                    @endforeach
                                  
                                    </tbody>
                                </table>
                                <br>
                                <br>
                                <br>
                                <table style="width: 100%">
                                    <tbody>
                                        <tr>
                                        <td style="width: 33%">
                                            <p style="margin:0;padding:0">
                                                Receiver Name
                                            </p>
                                            <p style="margin:0;padding:0">

                                            </p>
                                        </td>
                                        <td style="width: 34%;text-align: center">
                                            <p style="margin:0;padding:0">
                                                Cashier
                                            </p>
                                            <p style="margin:0;padding:0">

                                            </p>
                                        </td>
                                        <td style="width: 33%;text-align: right;">
                                            <p style="margin:0;padding:0">
                                                Manager
                                            </p>
                                            <p style="margin:0;padding:0">

                                            </p>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </th>
                    </tr>
                    </thead>
                </table>
                @include("frontdesk.report.report_footer")
            </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