@extends('admin.layout.master')
@section('custom_style')
    <style>
       
    </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 sina-card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <h4 class="font-weight-bold mb-0">{{ __('obs.rate_allocation') }} {{ __('obs.report') }}</h4>
            </div>
            <div>
                {{-- <a href="{{route('frontdesk.room_rates.create')}}" class="btn btn-sm btn-primary">Create</a> --}}
            </div>
        </div>
        <div class="card-body">
            <form action="{{ route('frontdesk.room_rates.report') }}" method="get" class="form-horizontal">
                <div class='row g-2'>
                    <div class='col-md-3'>
                        <div class="form-group">
                            <label class="">{{ __('obs.hotel') }}</label>
                            <select id="warehouse_id" name="ware_id" class="form-control select_2" placeholder="Select">
                                <option class="" value="">{{__('obs.select_hotel')}}</option>
                                @foreach ($warehouses as $hotel)
                                    <option value="{{ $hotel->id }}" {{ request('ware_id') == $hotel->id ? 'selected' : '' }}>{{ $hotel->name_eng }}</option>
                                        {{ $hotel->name_eng }}
                                    </option>
                                @endforeach
                            </select>

                        </div>
                    </div>

                    <div class='col-md-3'>
                        <div class="form-group">
                            <label class="labels">{{ __('obs.room') }} {{ __('obs.type') }}</label>
                            <select name="type_id" id="room_type" class="form-control" required>
                                <option value="">{{ __('obs.select_type') }}</option>
                                <option value="1" {{ request('type_id') == '1' ? 'selected' : '' }}>{{ __('obs.room') }}</option>
                                <option value="2" {{ request('type_id') == '2' ? 'selected' : '' }}>{{ __('obs.bed') }}</option>
                            </select>
                        </div>
                    </div>

                    <div class='col-md-2'>
                        <div class="form-group">
                            <label class="labels">{{ __('obs.start_date') }}</label>
                            <input type="text" value="{{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">
                            <label class="labels">{{ __('obs.end_date') }}</label>
                             <input type="text" value="{{request()->end_date ?? date("d-m-Y")}}" class="form-control date_picker" id="end_date" name="end_date">
                        </div>
                    </div>

                    <div class='col-md-2 text-right'>
                        <label class="w-100">&nbsp;</label>
                        <button style="margin-top:0" class='btn btn-primary'>{{ __('obs.search') }}</button>
                    </div>
                </div>
            </form>

            @if ($room_allocations)
                @if (count($room_allocations) > 0)
                    <h5 class="font-weight-bold text-center">{{ __('obs.rate_allocation') }} {{ __('obs.report') }}
                        ({{ $room_type == 1 ? __('obs.room') : __('obs.bed') }})</h5>
                   
                        <h5 class="font-weight-bold text-center">{{ __('obs.report') }} {{ __('obs.date') }}:
                        {{ __('obs.from') }} {{ $start_date }} {{ __('obs.to') }} - {{ $end_date}}
                    </h5>
                    <div class="cl-table-container">

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

                            <table class="table table-bordered table-hover" id="">
                                @php
                                    $days = count($date_range);
                                @endphp
                                <thead>
                                    <tr>
                                        <th width="50px">{{ __('obs.room') }} {{ __('obs.type') }}</th>
                                        @foreach ($date_range as $date)
                                            <th width="100px">
                                                {{ $date->format('d') }}<br>
                                                {{ $date->format('D') }}
                                            </th>
                                        @endforeach

                                    </tr>

                                </thead>
                                <tbody>
                                    @foreach ($room_allocations as $room_type => $room_allocation)
                                        <tr>
                                            <td>{{ $room_allocation[0]['room_type_name'] }}</td>
                                            @foreach ($date_range as $date)
                                                @php
                                                    $check = $room_allocation->where('date', $date)->first();
                                                @endphp
                                                @if ($check != null)
                                                    <td>{{ $check['rate'] }}</td>
                                                @else
                                                    <td></td>
                                                @endif
                                            @endforeach
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                @else
                    <h4 class=" text-center mt-2">{{ __('obs.no_data_found') }}</h4>
                @endif
            @endif
        </div>
    </div>
@endsection


@section('script')
    <script>
        $(document).ready(function() {
            $('#datatable_apply').dataTable({
                "paging": false,
                // "ordering": false,
                // dom: 'Bfrtip',
                // buttons: [
                //     'print', 'excel'
                // ]


            });
        });
    </script>
@endsection