@extends('layouts.main-layout')
@section('title')
    Charge Summary Detailed Report | 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 Summary Detailed Report</span>

                    </h3>

                    </div>

                    <div class="card-body ">
                        <form action="{{ url()->current() }}" method="get" class="grey lighten-4 ">
                            <div class="row">
                                <div class="col-md-5">
                                    <input type="date" class="form-control" name="start_date"
                                        value="{{ request('date') }}">
                                </div>
                                <div class="col-md-5">
                                    <input type="date" class="form-control" name="end_date" value="{{ request('date') }}">
                                </div>
                                <div class="col-md-2">
                                    <button type="submit" id="modal-submit"
                                        class="btn btn-success s8 offset-s2 m2 offset-m5">Submit</button>
                                </div>
                            </div>
                        </form>

                        <table class="table mt-10 table-row-bordered table-row-gray-100 align-middle gs-0 gy-3 " id="myTable">
                            <thead>
                            <tr class="fw-bolder text-muted ">
                                    {{-- <th>Sr</th> --}}
                                    <th class="min-w-55px">Date</th>
                                    <th class="min-w-100px">Booking No</th>
                                    <th style="min-width: 110px;">Guest Name</th>
                                    <th class="min-w-55px">CNIC no</th>
                                    <th class="min-w-55px">Room No</th>
                                    <th class="min-w-55px">Rate Plan</th>
                                    <th class="min-w-55px">Room Rent</th>
                                    <th class="min-w-55px">F&B Revenue</th>
                                    <th class="min-w-55px">Mattress</th>
                                    <th class="min-w-55px">Other</th>
                                    <th class="min-w-55px">Revenue</th>
                                    <th class="min-w-55px">GST</th>
                                    <th class="min-w-55px">Total</th>
                                </tr>
                                             </thead>