@extends('tenant.settings.pos.pos-settings-tabs')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.pos_settings') => '#',
            __('breadcrumb.boxes_settings') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.pos.boxes-settings'])
@endsection

@section('pos-settings-content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        <h4>@lang('settings/pos/boxes-settings.boxes_settings')</h4>

        <form action="{{ route('tenant.settings.pos.boxes-settings.save') }}" method="post" id="boxes_settings_save">
            @csrf

            <div class="row my-4">
                {{-- <div class="col">
                    <label for="enable_custody_on_boxes" class="fw-bold">
                        @lang('settings/pos/boxes-settings.enable_custody_on_boxes')
                    </label>

                    @php $is_enabled = !is_null($settings['pos_custody_on_boxes'][0]->value); @endphp

                    <input type="checkbox" id="enable_custody_on_boxes" class="custom-checkbox" value="1"
                        {{ $is_enabled ? 'checked' : '' }}>

                    <div class="mt-3 pos_custody_on_boxes_layout"
                        style="width: 200px; display: {{ $is_enabled ? 'block' : 'none' }}">
                        <input type="number" class="form-control" name="pos_custody_on_boxes" id="pos_custody_on_boxes"
                            placeholder="{{__('settings/pos/boxes-settings.petty_cash_value')}}" value="{{ $settings['pos_custody_on_boxes'][0]->value }}"
                            {{ $is_enabled ? 'required' : '' }}>
                    </div>
                </div> --}}

                <div class="col">
                    <label for="enable_auto_close_cash_for_boxes" class="fw-bold">
                        @lang('settings/pos/boxes-settings.enable_auto_close_cash_for_boxes')
                    </label>
                    @php 
                        $is_enabled = $settings['enable_auto_close_cash_for_boxes'][0]->value == 1;
                        $hour_for_close_box = $settings['hour_to_auto_close_cash_for_boxes'][0]->value;
                    @endphp

                    <input type="checkbox" id="enable_auto_close_cash_for_boxes" name="enable_auto_close_cash_for_boxes" 
                        class="custom-checkbox" value="1" {{ $is_enabled ? 'checked' : '' }}>

                    <div class="message">
                        <small> @lang('settings/pos/boxes-settings.close_box_message')</small>
                    </div>

                    <div class="mt-3 auto_close_cash_for_boxes_layout"
                        style="width: 400px; display: {{ $is_enabled ? 'block' : 'none' }}">
                        <label for="hour_to_auto_close_cash_for_boxes"> @lang('settings/pos/boxes-settings.hour_to_auto_close_cash_for_boxes')</label>
                        <select name="hour_to_auto_close_cash_for_boxes">
                            <option value="00:00" {{ $hour_for_close_box == '00:00' ? 'selected' : '' }}>12:00 am</option>
                            <option value="01:00" {{ $hour_for_close_box == '01:00' ? 'selected' : '' }}>01:00 am</option>
                            <option value="02:00" {{ $hour_for_close_box == '02:00' ? 'selected' : '' }}>02:00 am</option>
                            <option value="03:00" {{ $hour_for_close_box == '03:00' ? 'selected' : '' }}>03:00 am</option>
                            <option value="04:00" {{ $hour_for_close_box == '04:00' ? 'selected' : '' }}>04:00 am</option>
                            <option value="05:00" {{ $hour_for_close_box == '05:00' ? 'selected' : '' }}>05:00 am</option>
                            <option value="06:00" {{ $hour_for_close_box == '06:00' ? 'selected' : '' }}>06:00 am</option>
                        </select>
                    </div>
                </div>


                {{-- <div class="col">
                    <label for="enable_auto_close_for_pos_days" class="fw-bold">
                        @lang('settings/pos/boxes-settings.enable_auto_close_for_pos_days')
                    </label>
                    @php
                        $is_enabled = $settings['enable_auto_close_for_pos_days'][0]->value == 1;
                        $hours_count = $settings['hours_count_to_wait_for_auto_close_pos_days'][0]->value;
                    @endphp

                    <input type="checkbox" id="enable_auto_close_for_pos_days" name="enable_auto_close_for_pos_days"
                        class="custom-checkbox" value="1" {{ $is_enabled ? 'checked' : '' }}>

                    <div class="mt-3 auto_close_pos_days_layout"
                        style="width: 400px; display: {{ $is_enabled ? 'block' : 'none' }}">
                        <label for="hours_count_to_wait_for_auto_close_pos_days"> @lang('settings/pos/boxes-settings.hours_count_to_wait_for_auto_close_pos_days')</label>
                        <select name="hours_count_to_wait_for_auto_close_pos_days">
                            <option value="0" {{ $hours_count == 0 ? 'selected' : '' }}>@lang('settings/pos/boxes-settings.direct')</option>
                            <option value="1" {{ $hours_count == 1 ? 'selected' : '' }}>@lang('settings/pos/boxes-settings.hour')</option>
                            <option value="2" {{ $hours_count == 2 ? 'selected' : '' }}>@lang('settings/pos/boxes-settings.two_hours')</option>
                            <option value="3" {{ $hours_count == 3 ? 'selected' : '' }}>@lang('settings/pos/boxes-settings.three_hours')</option>
                            <option value="4" {{ $hours_count == 4 ? 'selected' : '' }}>@lang('settings/pos/boxes-settings.four_hours')</option>
                            <option value="5" {{ $hours_count == 5 ? 'selected' : '' }}>@lang('settings/pos/boxes-settings.five_hours')</option>
                            <option value="6" {{ $hours_count == 6 ? 'selected' : '' }}>@lang('settings/pos/boxes-settings.six_hours')</option>
                        </select>
                    </div>
                </div> --}}
                @php
                    $is_fotara_enabled = $is_fotara_enabled ?? 0;
                    $fotara_type = $settings['fotara_posting_type'][0]->value ?? 'per_day';
                @endphp
            
                <div class="col">
                    <label for="enable_to_close_pos_day_when_prev_day_is_not_closed" class="fw-bold">
                        @lang('settings/pos/boxes-settings.enable_to_close_pos_day_when_prev_day_is_not_closed')
                    </label>
                    <input type="hidden" name="enable_to_close_pos_day_when_prev_day_is_not_closed" value="0">

                     @php $is_prev_enabled = $settings['enable_to_close_pos_day_when_prev_day_is_not_closed'][0]->value == 1; @endphp
                    <input type="checkbox" id="enable_to_close_pos_day_when_prev_day_is_not_closed"
                        name="enable_to_close_pos_day_when_prev_day_is_not_closed" class="custom-checkbox" value="1"
                        {{ $is_fotara_enabled ? 'disabled' : '' }} {{ !$is_fotara_enabled && $is_prev_enabled ? 'checked' : '' }}>
                </div>

                <div class="col">
                    <label class="fw-bold">@lang('settings/pos/boxes-settings.posting_to_fotara_type')</label>
                    <div>
                        <label for="fotara-type-invoice">@lang('settings/pos/boxes-settings.post_invoice_by_invoice')</label>
                        <input type="radio" name="fotara_posting_type" value="per_invoice"
                        {{ $is_fotara_enabled && $fotara_type == 'per_invoice' ? 'checked' : '' }}
                        {{ (!$is_fotara_enabled) ? 'disabled' : '' }}>
                    </div>
                      
                    <div>
                        <label for="fotara-type-day">@lang('settings/pos/boxes-settings.post_daily_as_aggregation_invoice')</label>
                        <input type="radio" name="fotara_posting_type" value="per_day"
                        {{ $is_fotara_enabled && $fotara_type == 'per_day' ? 'checked' : '' }}
                        {{ (!$is_fotara_enabled) ? 'disabled' : '' }}>
                    </div>
                    <input type="hidden" id="old_fotara_posting_type" value="{{ $fotara_type }}">
                    @if($is_fotara_enabled)
                        <small class="text-danger d-block mt-2 warning">
                            @lang('settings/pos/boxes-settings.setting_switch_warning')
                        </small>
                    @endif
                </div>
            </div>

            <div class="text-center">
                <button class="btn orange-btn">@lang('settings/pos/boxes-settings.edit')</button>
            </div>
        </form>
    </div>
@endsection

@push('script')
    <script type="module">
        import {
            confirmAndSubmit
        } from '/tenancy/assets/js/helpers.js';
        $(() => {
            function toggleCloseCashBox(){
                const isChecked = $("#enable_auto_close_cash_for_boxes").prop("checked");
                const hasHourValue = $('select[name=hour_to_auto_close_cash_for_boxes]').val() !== "";

                if (isChecked) {
                    $('.auto_close_cash_for_boxes_layout').show();
                    if (hasHourValue) {
                        $('.message').hide();
                    } else {
                        $('.message').show();
                    }
                } else {
                    $('.auto_close_cash_for_boxes_layout').hide();
                    $('.message').show();
                }
            }

            $('#enable_auto_close_cash_for_boxes').on('change', toggleCloseCashBox);
            $('select[name=hour_to_auto_close_cash_for_boxes]').on('change', toggleCloseCashBox);
            toggleCloseCashBox();
            $('#enable_custody_on_boxes').on('change', function() {
                const status = $(this).prop('checked');

                if (status) {
                    $('.pos_custody_on_boxes_layout').show();
                    $('.pos_custody_on_boxes_layout #pos_custody_on_boxes').prop('required', true);
                } else {
                    $('.pos_custody_on_boxes_layout').hide();
                    $('.pos_custody_on_boxes_layout #pos_custody_on_boxes').val('').prop('required', false);
                }
            });

            $("#enable_auto_close_for_pos_days").on("change", function() {
                if ($(this).prop('checked')) {
                    $('select[name=hours_count_to_wait_for_auto_close_pos_days]').prop('checked',
                        'checked');
                    $('.auto_close_pos_days_layout').show();
                } else {
                    $('select[name=hours_count_to_wait_for_auto_close_pos_days]').prop('checked', false);
                    $('.auto_close_pos_days_layout').hide();
                }
            });
            $('#boxes_settings_save').on('submit', function(e) {
                e.preventDefault();
                confirmAndSubmit('boxes_settings_save', {
                    type: 'green'
                });
            });
        });
    </script>
@endpush