@extends('vendor/layouts/master')

@section('title')
    {{ config()->get('app.name') ?? '' }} | {{ $bladeName }}
@endsection
@section('page_name')
    @if (app()->getLocale() == 'en')
        {{ $bladeName }}
    @else
        {{ $bladeName }}
    @endif
@endsection
@section('content')
    <div class="row">
        <div class="col-md-12 col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title"> </h3>
                </div>
                <div class="card-body">
                    <form id="updateForm" method="{{ $obj == null ? 'POST' : 'PUT' }}" enctype="multipart/form-data"
                        action="{{ $route }}">
                        @csrf
                        @if ($obj != null)
                            @method('PUT')
                        @else
                            @method('POST')
                        @endif

                        <div class="form-group">

                            <div class="row">
                                <div class="col-12">
                                    <label for="lodge_id" class="form-control-label">{{ trns('lodge') }}</label>
                                    <select class="form-control" name="lodge_id" id="lodge_id">
                                        <option value="">{{ trns('select lodge') }}</option>
                                        @foreach ($lodges as $lodge)
                                            <option value="{{ $lodge->id }}"
                                                {{ $obj && $obj->lodge_id == $lodge->id ? 'selected' : '' }}>
                                                {{ $lodge->name }}</option>
                                        @endforeach
                                    </select>
                                </div>



                                <div class="col-6">
                                    <label for="check_in_from"
                                        class="form-control-label">{{ trns('check_in_from') }}</label>
                                    <input type="time" class="form-control" name="check_in_from" id="check_in_from"
                                        value="{{ isset($obj->check_in_from) && $obj->check_in_from ? date('H:i', strtotime($obj->check_in_from)) : '' }}"
                                        step="60">
                                </div>


                                <div class="col-6">
                                    <label for="check_in_to" class="form-control-label"> {{ trns('check_in_to') }}</label>
                                    <input type="time" class="form-control" name="check_in_to" id="check_in_to"
                                        value="{{ isset($obj->check_in_to) && $obj->check_in_to ? date('H:i', strtotime($obj->check_in_to)) : '' }}"
                                        step="60">
                                </div>

                                <div class="col-6">
                                    <label for="check_out_from"
                                        class="form-control-label">{{ trns('check_out_from') }}</label>
                                    <input type="time" class="form-control" name="check_out_from" id="check_out_from"
                                        value="{{ isset($obj->check_out_from) && $obj->check_out_from ? date('H:i', strtotime($obj->check_out_from)) : '' }}">
                                </div>

                                <div class="col-6">
                                    <label for="check_out_to" class="form-control-label">{{ trns('check_out_to') }}</label>
                                    <input type="time" class="form-control" name="check_out_to" id="check_out_to"
                                        value="{{ isset($obj->check_out_to) && $obj->check_out_to ? date('H:i', strtotime($obj->check_out_to)) : '' }}">
                                </div>
                                <div class="col-12">
                                    <label for="rule" class="form-control-label"> {{ trns('rule') }}</label>
                                    <textarea type="text" class="form-control editor" rows="10" name="rule">{!! isset($obj->rule) ? $obj->rule : '' !!}</textarea>
                                </div>
                            </div>

                            <div class="modal-footer">
                                <button type="submit" class="btn btn-success"
                                    id="updateButton">{{ trns('update') }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>


    </div>
    @include('admin/layouts/myAjaxHelper')
@endsection
@section('ajaxCalls')
    <script>
        editScript()
    </script>
    <script>
        $(document).ready(function() {
            $('#lodge_id').on('change', function() {
                let lodgeId = $(this).val();

                if (lodgeId) {
                    $.ajax({
                        url: `{{ url('vendor/lodgeSelected') }}/${lodgeId}`,
                        type: 'GET',
                        success: function(response) {
                            $('#check_in_from').val(response.check_in_from || '');
                            $('#check_in_to').val(response.check_in_to || '');
                            $('#check_out_from').val(response.check_out_from || '');
                            $('#check_out_to').val(response.check_out_to || '');
                            $('#rule').val(response.rule || '');
                        },
                        error: function(xhr) {
                            console.error('An error occurred:', xhr.responseText);
                        }
                    });
                } else {
                    $('#check_in_from').val('');
                    $('#check_in_to').val('');
                    $('#check_out_from').val('');
                    $('#check_out_to').val('');
                    $('#rule').val('');
                }
            });
        });
    </script>
@endsection