@extends('admin.layout.master')
@section('custom_style')
    <style>
        .labels {
            font-size: 16px;
            font-weight: bold;
        }

        input {
            padding: 18px !important;
            box-shadow: none !important;
        }

        input[type=checkbox] {
            transform: scale(1.2);
        }

        input[type=text],
        input[type=number],
        input[type=file],
        .select2-selection--single {
            height: 32px !important;
            box-shadow: none !important;
        }

        .sm-pd-t th {
            padding: 0.5rem;

        }

        .sm-pd-t td {
            padding: 0.1rem;
            padding-right: 0.35rem;
            padding-left: 0.35rem;
        }

    </style>
@endsection

@section('content')
    @include('flash-message')
    <div class="col-12">

        @if ($errors->any())
            <div class="alert alert-danger" id="hide-alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>

    <div class="card " style="background-color:#FFF !important">
        <div class="card-header d-flex justify-content-between align-items-center text-white bg-dark">
            <div>
                <h5 class="font-weight-bold mb-0">Receipt</h5>
            </div>
            <div>
                <a href="{{route('frontdesk.receipt.receive')}}" class="btn btn-sm btn-success">Received From Agent/Local</a>

            </div>
        </div>
        <div class="card-body">
            <div class="row">
                {{ Form::open(['route' => ['frontdesk.receipt.list'], 'method' => 'get', 'class' => 'form-horizontal', 'enctype' => 'multipart/form-data']) }}

                <div class="d-flex flex-wrap">

                    {{-- <div class="form-group col-12 col-md-3">
                        <label for="party_id" class="labels">Customer List</label>
                        <select name="customer_id" id="customer_id" class="form-control customer" width="100% !important">

                        </select>

                        @error('customer_id')
                            <span class="help-block text-center text-danger">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror

                    </div> --}}
                    {{-- <div class="form-group col-12 col-md-3">
                    <label for="package_type" class="labels">Package Type</label>

                        {{ Form::select('package_type_id', $repository->package_types(), null, ['class' => 'form-control select2', 'id' => 'package_type', 'placeholder' => 'Select Package Type']) }}
                        @error('package_type_id')
                            <span class="help-block text-center text-danger">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div> --}}
                    {{-- <div class="form-group col-12 col-md-2">
                        <label for="cash_bank_id" class="labels">Receipt Type:</label>

                        <select id="" name="cash_bank_id" class="form-control select2" placeholder="Select">
                            <option class="" value="">Select Type</option>
                            @forelse ($cash_banks as $cashBank)
                                <option value="{{ $cashBank->account_id }}" class="">
                                    {{ $cashBank->name_eng }}
                                </option>
                            @empty
                            @endforelse
                        </select>

                    </div> --}}
                    <div class="form-group col-12 col-md-3">
                        <label for="reservation_id" class="labels">Reservation:</label>

                        <select name="reservation_id" id="reservation_id" class="form-control select2">
                            <option class="" value="">Select Reservation</option>
                            @forelse ($bookings as $booking)
                                <option value="{{$booking->id}}"> {{$booking->checkin_code}}</option>
                            @empty

                            @endforelse
                        </select>

                    </div>


                    <div class="form-group col-12 col-md-3">
                        <label class="labels">Start Date</label>
                        {{ Form::text('start_date', request()->start_date ? date('d-m-Y', strtotime(request()->start_date)) : date('d-m-Y'), ['class' => 'form-control date_picker', 'id' => 'start_date']) }}
                        @error('start_date')
                            <span class="help-block text-center text-danger">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    <div class="form-group col-12 col-md-3">
                        <label class="labels">End Date</label>

                        {{ Form::text('end_date', request()->end_date ? date('d-m-Y', strtotime(request()->end_date)) : date('d-m-Y'), ['class' => 'form-control date_picker', 'id' => 'end_date']) }}
                        @error('end_date')
                            <span class="help-block text-center text-danger">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    <div class="form-group col-md-1 text-right mt-4">
                        <button id="submit_button" name="search_button" value="true" type="submit" class="btn btn-info"> Search </button>
                    </div>

                </div>
                {{ Form::close() }}


            </div>

            <div id="">
                <div class="card-header  text-white bg-secondary " style="padding: .25rem 1.25rem !important ">
                    <h5 class="font-weight-bold mb-0">Receipt List</h5>

                </div>

                <div class="table-responsive" id="">
                    <table class="table table-bordered table-hover text-center" id="">
                        <thead class="mt-3">
                            <tr>
                                <th>SL </th>
                                <th>Pay Mode</th>
                                <th>Voucher No</th>
                                <th>Commission</th>
                                <th>Discount</th>
                                <th>Amount</th>
                                <th>Date</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody id="">
                            @php  $i = 0 @endphp
                            @foreach ($receipt_lists as  $reservation=>$reservation_list)
                            @foreach ($reservation_list as $invoice=>$invoice_list)

                                @php  $i++ @endphp
                                <tr class="tr_clone" id="row_id{{ $i }}" data-id="{{ $i }}">
                                    <input type="hidden" name="booking_id" id="booking_id{{$i}}" value="{{$reservation}}" class="  form-control">
                                    <input type="hidden" name="voucher_id" id="voucher_id{{$i}}" value="{{$invoice}}" class="  form-control">

                                    <td>{{ $i }}</td>
                                    <td>

                                    @foreach ($invoice_list as $list)
                                    {{-- @dd($list) --}}
                                       {{-- {{ getCashBank()->where('account_id',$list->ledger_id)->first() ? getCashBank()->where('account_id',$list->ledger_id)->first()->name_eng : null }} --}}
                                         {{ $list ? ($list->cash_bank ? $list->cash_bank->name_eng : null) : null }}

                                     @endforeach

                                     </td>
                                    <td>
                                        {{$invoice_list->first()->fd_invoice ? $list->fd_invoice->invoice_no : null}}
                                    </td>
                                    <td>
                                        @foreach ($invoice_list as $list)
                                        @if($list->ledger_id == getInitDataWithKeyWord('commission')->ledger_id)
                                            {{ $list->amount}}
                                       @endif
                                       @endforeach
                                    </td>
                                    <td>
                                       @foreach ($invoice_list as $list)
                                        @if($list->ledger_id == getInitDataWithKeyWord('discount')->ledger_id)
                                            {{ $list->amount}}
                                       @endif
                                       @endforeach

                                    </td>
                                    <td>
                                        @foreach ($invoice_list as $list)
                                        @if($list->ledger_id != getInitDataWithKeyWord('discount')->ledger_id && $list->ledger_id != getInitDataWithKeyWord('commission')->ledger_id)
                                            {{ $list->amount}}
                                       @endif
                                       @endforeach
                                    </td>
                                    <td>{{ carbon()->parse($invoice_list->first()->date)->format('d-m-Y') }}</td>
                                    {{-- <td>
                                        <button data-id="{{ $i }}" id="receipt_edit_button"
                                            onclick="return receiptedit({{ $i }})" class='btn  btn-sm'><i
                                                class="fas fa-edit"></i></button>
                                    </td> --}}

                                    {{-- <td>
                                        <input class="advance_select_box myCheckBox" type="checkbox" name="change_status[]"
                                            , field-id="{{ $i }}" , id='' value="{{ $i }}">
                                        &nbsp;
                                    </td> --}}
                                    <td>
                                        <a href="{{route('frontdesk.report.receipt_print',['invoice'=>$list->fd_invoice_id])}}" class="btn btn-sm btn-primary">Details</a>

                                    </td>

                                </tr>

                            @endforeach
                            @endforeach
                            <tr>
                                <th colspan="3">Total</th>
                                <th></th>
                                <th></th>
                                <th>{{$receipt_lists->collapse()->collapse()->sum('amount')}}</th>
                                <th></th>
                                <th></th>
                            </tr>
                    </table>
                </div>
            </div>

            <div id="receipt_edit" style="display:none">
                <div class="card-header  text-white bg-info " style="padding: .25rem 1.25rem !important ">
                    <h5 class="font-weight-bold mb-0">Receipt Edit</h5>

                </div>

                <div class="table-responsive" id="">

                    <table class="table table-bordered table-hover text-center" id="">
                        <thead class="mt-3">
                            <tr>
                                <th>Voucher No</th>
                                <th>Commision</th>
                                <th>Discount</th>
                                <th>Amount</th>
                            </tr>
                        </thead>
                        <tbody id="">

                            <tr class="">
                                <td>
                                    <input type="hidden" name="vuocher_id" id="vuocher_id" value="" class="  form-control">
                                </td>


                                <td>
                                    <input type="hidden" name="commission_invoice_id" id="commission_invoice_id" value="" class=" text-right form-control">
                                    <input type="number" name="commission" id="commission" value="" class=" text-right form-control">
                                </td>
                                <td>
                                    <input type="hidden" name="discount_invoice_id" id="discount_invoice_id" value="" class=" text-right form-control">
                                    <input type="number" name="discount" id="discount" value="" class=" text-right form-control">
                                </td>
                                <td>
                                    <input type="hidden" name="amount_invoice_id" id="amount_invoice_id" value="" class=" text-right form-control">
                                    <input type="number" name="amount" id="amount" value="" class=" text-right form-control">
                                </td>
                            </tr>

                    </table>
                    <div class="form-group col-md-12 text-right">
                        <button id="receipt_update_button"
                            onclick="return receipt_update()" class="btn btn-info  btn-sm">Update</button>

                    </div>

                </div>
            </div>

        </div>
    </div>

@endsection


@section('script')
<script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>

<script>
    $('.select2').select2();
    partySearch('customer', 2);


    function receiptedit(id) {
       var booking_id =  $("#booking_id"+id).val();
       var voucher_id =  $("#voucher_id"+id).val();

        var url = "{{ route('frontdesk.receipt.edit') }}";
        ajaxCustom(function(data) {
            console.log(data);
            $("#amount").val(data.amount);
            if(data.commission){
                $("#commission").val(data.commission);
                $("#commission_invoice_id").val(data.commission_invoice_id);
            }else{
                $('#commission').prop('readonly', true);
                $("#commission").val(0);
                $("#commission_invoice_id").val('');
            }
            if(data.discount){
                $("#discount").val(data.discount);
                $("#discount_invoice_id").val(data.discount_invoice_id);
            }else{
                $('#discount').prop('readonly', true);
                $("#discount").val(0);
                $("#discount_invoice_id").val('');

            }
            $("#amount_invoice_id").val(data.amount_invoice_id);

            $('#vuocher_id').val(data.id);
            $(document).scrollTop($(document).height());
        }, "GET", url, {voucher_id: voucher_id,booking_id:booking_id});

        $("#receipt_edit").show();

    }

    function receipt_update() {
        var voucher_id = $("#vuocher_id").val();
        var amount = $("#amount").val();
        var commission = $("#commission").val();
        var discount = $("#discount").val();
        var amount_invoice_id = $("#amount_invoice_id").val();
        var commission_invoice_id = $("#commission_invoice_id").val();
        var discount_invoice_id = $("#discount_invoice_id").val();
        var url = "{{ route('frontdesk.receipt.update') }}";
        ajaxCustom(function(data) {
            console.log();
            location.reload();
        }, "PUT", url, {voucher_id: voucher_id,amount:amount,commission:commission,discount:discount,amount_invoice_id:amount_invoice_id,commission_invoice_id:commission_invoice_id,discount_invoice_id:discount_invoice_id});

    }
</script>
@endsection