@extends('layouts.main-layout')
@section('title')
    Charge Reports | Dashboard
@endsection

@section('content')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Post-->
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-xxl">
            <div class="card mb-5 mb-xl-8">

                <!--begin::Header-->
                <div class="card-header border-0 pt-5">
                    <p class="alert alert-success" id="msg" style="display: none;"></p>
                    <h3 class="card-title atrgn-items-start flex-column">
                        <span class="text-center card-label fw-bolder fs-3 mb-1">Charge Report</span>

                    </h3>
                    @hasAccess('Create Rate Plan')
                    <div class="fixed-action-btn">
                        <a href="{{ route('admin.rate-plans.create') }}"
                            class="btn-floating btn-large red waves-effect waves-light">
                            <span class="material-icons btn btn-primary">Add</span>
                        </a>
                    </div>
                    @endhasAccess


                </div>



                <div class="card-body py-3 pb-10">

        <div class="row-fluid">
            <div class="span12">
                <div class="grid simple ">
                    <div class="grid-title">
                        {{-- <h4>Charge <span class="semi-bold">Report</span></h4> --}}
                        <div class="tools">
                            <a href="javascript:;" class="collapse"></a>
                            <a href="#grid-config" data-toggle="modal" class="config"></a>
                            <a href="javascript:;" class="reload"></a>
                            <a href="javascript:;" class="remove"></a>
                        </div>
                    </div>
                    <div class="grid-body ">
                        <form action="{{ url()->current() }}" method="get" class="grey lighten-4 ">
                            <div class="row">
                                <div class="col-md-4">
                                    <input type="date" class="form-control" name="start_date" value="{{request('date')}}">
                                </div>
                                <div class="col-md-4">
                                    <input type="date" class="form-control" name="end_date" value="{{request('date')}}">
                                </div>
                                <div class="col-md-4">
                                    <button type="submit" style="float: right;" id="modal-submit"
                                        class="btn btn-success s8 offset-s2 m2 offset-m5">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div></div></div></div></div>
                                <div class="card mb-5 mb-xl-8">

                                    <!--begin::Header-->




                                    <div class="card-body py-3">
                        <table class="table mt-5 table-row-bordered table-row-gray-100 align-middle gs-0 gy-3 " id="myTable">
                            <thead>
                            <tr class="fw-bolder text-muted ">
                                    <th>Date</th>
                                    <th>Cancel Fee</th>
                                    <th>F & B</th>
                                    <th>Mattress Charges</th>
                                    <th>Other</th>
                                    <th>Rent a Car Charges</th>
                                    <th>Room Rent</th>
                                    {{-- @foreach($folioChargeTypes as $i => $chargeTypes)
                                    <th>{{$chargeTypes->ChargeTypeName}}</th>
                                    @endforeach --}}
                                    <th>Total</th>
                                </tr>
                            </thead>
                            @foreach ($folioDates as $i => $date)
                                @if (request()->start_date)
                                <tr>
                                    <td>{{$date}}</td>
                                    <td>{{cancellation_charges($date)}}</td>
                                    <td>{{food_beverage_charges($date)}}</td>
                                    <td>{{mattress_charges($date)}}</td>
                                    <td>{{other_charges($date)}}</td>
                                    <td>{{rent_a_car_charges($date)}}</td>
                                    <td>{{get_room_rent($date)}}</td>
                                    <td>{{all_folios_for_date($date)}}</td>
                                </tr>
                                @endif
                            @endforeach
                            @if (request()->start_date)
                            <tr>
                                <td>Total</td>
                                <td>{{cancellation_charges_for_range($folioDates)}}</td>
                                <td>{{food_charges_for_range($folioDates)}}</td>
                                <td>{{mattress_charges_for_range($folioDates)}}</td>
                                <td>{{other_charges_for_range($folioDates)}}</td>
                                <td>{{car_rent_for_range($folioDates)}}</td>
                                <td>{{room_rent_for_range($folioDates)}}</td>
                                <td>{{all_folios_for_range($folioDates)}}</td>
                            </tr>
                            @endif
                            </tbody>
                        </table>

            <!-- Print button for generation of pdf -->
            {{-- <a href="{{ url('admin/reports/charge/pdf/' .request()->start_date.'/'.request()->end_date ) }}" id="printBtn" class="btn btn-warning mt-5"><b>Print</b></a> --}}

                    </div>

                    @component('admin.includes.loader')
                    @endcomponent
                </div>
            </div>
        </div>
    </div>


    @component('admin.includes.loader')
    @endcomponent
@endsection