@extends('admin.layout.master')
@section('custom_style')
<link rel="stylesheet" href="{{ asset('assets/css/custom_print.css') }}">
@endsection

@section('content')
    @include('flash-message')

    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between align-items-center"> 
            <h5 class="font-weight-bold mb-0">{{__('obs.cash_bank_receive')}}</h5> 
            <button class="btn btn-warning" type="button" name="button" onclick="PrintDiv2()">
                <i class="fa fa-print"></i>
            </button>
         </div>
        <div class="card-body" style="">
            <form action="{{ route('frontdesk.receipt.cash_bank_receive.report') }}" method="get" class="form-horizontal">

            <div class='row'>

                <div class="form-group col-3">
                    <label for="party_id" class="">{{ __('obs.camelcase_customer') }}</label>
                    <select id="agent_id" name="customer_id" class="form-control  fd_agent_search ">
                        @if (request()->customer_id != null)
                            <option value="{{ request()->customer_id }}">
                                {{ \App\Models\Parties::find(request()->customer_id)->name_eng }}
                            </option>
                        @endif
                    </select>
                </div>

                <div class='col-md-2'>
                    <div class="form-group">
                        <h6 class="">{{__('obs.from')}}</h6>
                        <input type="text" value="{{ request()->start_date ? date('d-m-Y', strtotime(request()->start_date)) : date('d-m-Y') }}" class="form-control date_picker" id="start_date" name="start_date">
                    </div>
                </div>
                <div class='col-md-2'>
                    <div class="form-group">
                        <h6 class="">{{__('obs.to')}}</h6>
                        <input type="text" value="{{ request()->end_date ? date('d-m-Y', strtotime(request()->end_date)) : date('d-m-Y') }}" class="form-control date_picker" id="end_date" name="end_date" required>
                    </div>
                </div>
                <div class='col-md-3 mt-4'>
                    <div class="form-group">
                        <button style="" name="search_button" class='btn btn-md btn-primary'>{{__('obs.search')}}</button>
                    </div>
                </div>

            </div>
            </form>


            <div id="divTableDataHolder">
                <style>
                     @media print{
                    @page{
                        size: A4 portrait;
                        /* size: legal landscape; */
                        padding:0 !important;
                        margin: 10px !important;;
                       
                    }
                    body {
                        zoom:85%; 
                        /* font-family: serif; */
                        font-size:15px;
                        font-weight: bold;
                        background-color: #FFFFFF !important;
                    
                    }
                }
                </style>
                  @include("frontdesk.report.report_header")

                  <h4 class="text-center"><b>{{__('obs.cash')}}/ {{__('obs.bank')}} {{__('obs.receive')}} &nbsp;{{request()->get('start_date')}} - {{request()->get('end_date')}}</b></h4>

                <div>
                    <table class="table table-bordered table-hover"  id="">
                        <thead class="mt-3">
                            <tr>
                                <th>{{__('obs.sl')}}</th>
                                <th>{{__('obs.hotel')}}</th>
                                <th>{{__('obs.cash_receive')}}</th>
                                <th>{{__('obs.bank_receive')}}</th>
                                <th>{{__('obs.total_receive')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (!empty($filter_data))
                               @php 
                                $i =1 ;
                                $total_cash_receive = 0;
                                $total_bank_receive = 0;
                                $grand_total_receive  = 0;
                               @endphp
                                @foreach ($filter_data as $list)
                                @php 
                                $total_cash_receive += $list['cash_receive'];
                                $total_bank_receive += $list['bank_receive'];
                                $grand_total_receive += $list['total_receive'];
                               @endphp
                                <tr>
                                    <td>{{$i++}}</td>
                                    <td style="white-space: nowrap">{{$list['hotel_name']}}</td>
                                    <td class="text-end">{{$list['cash_receive']}}</td>
                                    <td class="text-end">{{$list['bank_receive']}}</td>
                                    <td class="text-end">{{$list['total_receive']}}</td>
                                </tr>
                                @endforeach
                                <tr>
                                    <td class="text-end" colspan="2"><b>Total</b></td>
                                    <td class="text-end"><b>{{$total_cash_receive}}</b></td>
                                    <td class="text-end"><b>{{$total_bank_receive}}</b></td>
                                    <td class="text-end"><b>{{$grand_total_receive}}</b></td>
                                </tr>
                            @endif

                            
                        </tbody>
                    </table>
                </div>
            </div>

        </div>

    </div>


@endsection

@section('script')

<script>
   $(document).ready(function() {
        
    });
    const PrintDiv2 = (printDivId = 'divTableDataHolder') => {
        var divToPrint = document.getElementById(printDivId);
        var popupWin = window.open('', '_blank', 'width=900,height=900');
        var style = `<style type="text/css" media="print">
                       @media print{
                           table th, table td{
                                color: #000;
                           }
                           .hidden_content {
                                display:none !important;
                           }
                           a {
                                text-decoration: none;
                                color: initial;
                           }
                       }
                   </style>`;
        //var style='<style type="text/css">table th, table td {border:1px solid #000;padding:0.5em;}</style>';
        popupWin.document.open();
        popupWin.document.write(
            '<html><head><link  rel="stylesheet" type="text/css" href="{{ asset('v2/assets/css/bootstrap.min.css') }}"/>' +
            style + '</head><body onload="window.print()">' + divToPrint.innerHTML + '</html>');
        popupWin.document.close();
    }
    </script>
@endsection