@extends('admin.layout.master')
@section('custom_style')
<style>
    /* .labels {
        font-size: 16px;
        font-weight: bold;
    }
    input {
        padding:18px !important; 
        box-shadow: none!important;
    } */
</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>
            <h5 class="font-weight-bold mb-0">{{__('obs.edit')}} {{__('obs.rate_allocation')}}</h5>
        </div>
        <!-- <div>
                <a href="#" class="btn btn-sm btn-primary">Rate Allocation</a>
            </div> -->
    </div>
    <div class="card-body">
   
        <form action="{{ route('frontdesk.room_rates.update', $room_rate->batch_no) }}" method="POST" class="form-horizontal" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="row">
                <div class="col-4">
                    <div class="card">
                        <div class="card-header text-center "> {{__('obs.room')}}/{{__('obs.bed')}} {{__('obs.rate')}}</div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-lg-12">
                                    <table class="table cl-table table-bordered rounded-2">
                                        <tr>
                                            <td>
                                                <label for="warehouse" class="labels cl-form-label">{{__('obs.select_hotel')}}</label>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <select name="ware_id" style="" id="warehouse_id" class="form-control select_2">
                                                        @forelse (adminAsignedWarehouseList()->where('type',2) as $warehouse)
                                                        <option @if(!adminAccessAllStore()) disabled="disabled" @endif value="{{$warehouse->id}}">{{$warehouse->name_eng}}</option>
                                                            @forelse (adminAsignedWarehouseList()->where('type',3)->where('parent_id',$warehouse->id) as $store)
                                                                <option @if((current_store()!=current_warehouse()) && (current_store()==$store->id)) selected="selected" @endif value="{{$store->id}}">->->{{$store->name_eng}}</option>
                                                            @empty   
                                                            @endforelse
                                                        @empty
                                                        @endforelse
                                                    </select>

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

                                            </td>
                                        
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="rate_code" class="labels cl-form-label">{{__('obs.rate')}} {{__('obs.code')}}</label>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <select name="rate_code_id" style="" id="rate_code" class="form-control select_2">
                                                    <option value=" "> {{__('obs.select')}}</option>
                                                        @forelse ($rate_codes as $rate_code)
                                                            <option @if( $rate_code->id == $room_rate->rate_code_id) selected="selected" @endif value="{{$rate_code->id}}"> {{$rate_code->name}}</option>
                                                        @empty   
                                                        @endforelse
                                                    </select>
                                                    @error('rate_code_id')
                                                    <span class="help-block text-center text-danger">
                                                        <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td>
                                                <label for="season_code" class="labels cl-form-label"> {{__('obs.season')}} {{__('obs.code')}}</label>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <select name="season_id" style="" id="season_code" class="form-control select_2">
                                                        @forelse ($package_codes as $package_code)
                                                            <option  value="{{$package_code->id}}"  @if( $package_code->id == $room_rate->package_id) selected="selected" @endif> {{$package_code->name}}</option>
                                                        @empty   
                                                        @endforelse
                                                    </select>
                                                    @error('season_id')
                                                    <span class="help-block text-center text-danger">
                                                        <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label class="labels cl-form-label">{{__('obs.start_date')}}</label>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <input type="text" name="start_date"  id="start_date"  class="form-control date-picker"  value=""   required>
                                                    @error('start_date')
                                                    <span class="help-block text-center text-danger">
                                                        <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label class="labels cl-form-label">{{__('obs.end_date')}}</label>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <input type="text" name="end_date"  id="end_date"  class="form-control date-picker"  value=""   required>
                                                    @error('end_date')
                                                    <span class="help-block text-center text-danger">
                                                        <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td>
                                                <label for="package_code" class="labels cl-form-label"> {{__('obs.package')}} {{__('obs.code')}}</label>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <select name="package_id" style="" id="package_id" class="form-control select_2">
                                                        <option value=" "> {{__('obs.select')}}</option>
                                                        @forelse ($package_codes as $package_code)
                                                            <option  value="{{$package_code->id}}"  @if( $package_code->id == $room_rate->package_id) selected="selected" @endif> {{$package_code->name}}</option>
                                                        @empty   
                                                        @endforelse
                                                    </select>
                                                @error('package_id')
                                                <span class="help-block text-center text-danger">
                                                    <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="booking_method" class="labels cl-form-label"> {{__('obs.booking')}} {{__('obs.method')}}</label>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <select name="booking_method_id" style="" id="" class="form-control select_2">
                                                        <option value=" "> {{__('obs.select')}}</option>
                                                        @forelse ($reservation_methods as $reservation_method)
                                                            <option  value="{{$reservation_method->id}}" @if( $reservation_method->id == $room_rate->booking_method_id) selected="selected" @endif> {{$reservation_method->name}}</option>
                                                        @empty   
                                                        @endforelse
                                                    </select>
                                                @error('booking_method')
                                                <span class="help-block text-center text-danger">
                                                    <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                                </div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td>
                                                <label for="source" class="labels cl-form-label"> {{__('obs.source')}}</label>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <select name="source_id" style="" id="" class="form-control select_2">
                                                        <option value=" "> {{__('obs.select')}}</option>
                                                        @forelse ($sources as $source)
                                                            <option  value="{{$source->id}}" @if( $source->id == $room_rate->source_id) selected="selected" @endif> {{$source->name}}</option>
                                                        @empty   
                                                        @endforelse
                                                    </select>
                                                @error('source')
                                                <span class="help-block text-center text-danger">
                                                    <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="max_percentage" class="labels cl-form-label"> {{__('obs.max_percentage')}}</label>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                <input type="number" step="0.01" class="form-control" name="max_percentage" value="{{$room_rate->max_percentage}}">
                                                @error('max_percentage')
                                                <span class="help-block text-center text-danger">
                                                    <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                                </div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td>
                                                <label for="min_percentage" class="labels cl-form-label"> {{__('obs.min_percentage')}}</label>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                <input type="number" step="0.01" class="form-control " name="min_percentage" value="{{$room_rate->min_percentage}}">
                                                @error('max_percentage')
                                                <span class="help-block text-center text-danger">
                                                    <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                                </div>
                                            </td>
                                        </tr>

                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-8">
                    <div class="card">
                        <div class="card-header text-center "> {{__('obs.room')}} {{__('obs.type')}}</div>
                            <div class="card-body">
                                <div class="row g-3">
                                    <div class="col-lg-12">
                                        <table class="table cl-table table-bordered rounded-2">
                                            <tr>
                                                <td style="width: 25%">
                                                    <label for="room_type" class="labels cl-form-label">{{__('obs.room')}} {{__('obs.type')}}</label>
                                                </td>
                                                <td style="width: 75%">
                                                    <div class="d-flex">
                                                        <select name="" class="form-control cl-form-control select_2" id="room_type">
                                                            <option class="" value=""> {{__('obs.select')}}</option>
                                                            @foreach($room_types as $val)
                                                                <option class="" value="{{$val->id}}" id="name_{{$val->id}}"> {{$val->name}}</option>
                                                            @endforeach
                                                        </select>
                                                       
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div class="mb-4 cl-table-container table-responsive" >
                                    <table class="table table-bordered table-hover" id="">
                                        <thead class="mt-3">
                                        <tr>
                                            <th rowspan="2" style="width: 20%; vertical-align: middle">{{__('obs.room')}} {{__('obs.type')}}</th>
                                            <th colspan="2" style="width: 40%; text-align: center">{{__('obs.room')}} </th>
                                            <th colspan="2" style="width: 40%; text-align: center">{{__('obs.bed')}}</th>
                                        </tr>
                                        <tr>
                                            <th>{{__('obs.week_day_room_rate')}} </th>
                                            <th>{{__('obs.weekend_day_room_rate')}}</th>
                                            <th>{{__('obs.week_day_bed_rate')}}</th> 
                                            <th>{{__('obs.weekend_day_bed_rate')}}</th> 
                                        </tr>
                                        </thead>
                                        <tbody id="append_data">
                                            @foreach ($room_rate_types as $data)
                                            <tr>
                                                <input type="hidden" name="room_type_id[]" value="{{$data->room_type_id}}" class="room_type_id">
                                                <td>{{$data->room_type->name}}</td>
                                                <td>
                                                    <input type="number" class="form-control text-end" name="week_day_room_rate[{{$data->room_type_id}}]" value="{{$data->week_day_room_rate}}">
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control text-end" name="weekend_room_rate[{{$data->room_type_id}}]" value="{{$data->weekend_room_rate}}">
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control text-end" name="week_day_bed_rate[{{$data->room_type_id}}]" value="{{$data->week_day_bed_rate}}">
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control text-end" name="weekend_bed_rate[{{$data->room_type_id}}]" value="{{$data->weekend_bed_rate}}">
                                                </td>
                                            </tr>
                                            @endforeach
                                            
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                    </div>
                </div>
            </div>

            <div class="row mb-4">
                <div class="form-group col-12 text-center mt-2">
                <button id ="submit_button" type="submit" class="btn btn-primary"> <i class="fa fa-save mr-1"></i>Update </button>
                </div>
            </div>

        </form>
      
    </div>
</div>
@endsection

{{-- <script src="{{ asset('/') }}frontdesk/room_rate.js"></script> --}}
@section('script')
    <script>
        $(document).ready(function() {
            console.log(date_picker_instances);
        })
        $(".select_2").select2();

        $('#room_type').on('change', function(e) {

            var room_type_id = $(this).val();
            var room_type = $("#name_" + room_type_id).html();
            // var room_type = room_type_id[room_type_id.length -1];
            var warehouse = $('#warehouse_id').val();
            var html =
                '<tr>' +
                '<input type="hidden" name="room_type_id[]" value="' + room_type_id + '" class="room_type_id">' +
                '<td>' + room_type + '</td>' +
                '<td><input type="number" class="form-control" name="week_day_room_rate['+room_type_id+']" value=""></td>'+
                '<td><input type="number" class="form-control" name="weekend_room_rate['+room_type_id+']" value=""></td>'+
                '<td><input type="number" class="form-control" name="week_day_bed_rate['+room_type_id+']" value=""></td>'+
                '<td><input type="number" class="form-control" name="weekend_bed_rate['+room_type_id+']" value=""></td>'
            '</tr>';


            var room_type_array = [];
            $.each($("input[name='room_type_id[]']"), function() {
                room_type_array.push($(this).val());
            });

            if (jQuery.inArray(room_type_id, room_type_array) === -1) {
                $('#append_data').append(html);
            }

            if (warehouse === '' || warehouse == null) {
                $('#warehouse_err').text('Please Select Hotel');
            } else {
                $('#warehouse_err').text('');
            }

        });


        $('#rate_code').on('change', function(e) {
            var rate_code = $(this).val();
            var url = "{{ route('frontdesk.api.get_rate_code.index') }}";
            ajaxCustom(function(data) {
                console.log(data);
                let season_code_html = '<option value=" "> Select </option>';
                for (const i of data.season_codes) {
                    season_code_html += `<option value="${i.id}">${i.name}</option>`;
                }
                $(`#season_code`).html(season_code_html);

            }, "get", url, {
                rate_code: rate_code
            });

            var url = "{{ route('frontdesk.api.get_rate_code_info') }}";
            ajaxCustom(function(data) {
                console.log(data);
                date_picker_instances[0].setDate(new Date(data.start_date));
                date_picker_instances[1].setDate(new Date(data.end_date));
                // $("#start_date").val(data.start_date);
                // $("#end_date").val(data.end_date);

            }, "get", url, {
                rate_code: rate_code
            });



        });
    </script>
@endsection