@extends('company.layout.content')

@section('customHead')
<meta name="token" content="{{ csrf_token() }}">
@endsection

@section('customTitle')
{{ __('company.System Settings.fields.system settings') }}
@endsection

@section('customStyle')
<link href='{{ asset("company/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/assets/css/elements/miscellaneous.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/assets/css/components/tabs-accordian/custom-tabs.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/assets/css/widgets/modules-widgets.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/plugins/flatpickr/flatpickr.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.css") }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
<div id="content" class="main-content">
    <div class="layout-px-spacing">
        <div class="row layout-top-spacing">
            <div class="col-12 layout-spacing ">
                <div class="statbox widget box box-shadow">
                    <div class="widget-header">

                        <div class="widget-content widget-content-area rounded-pills-icon">

                            @if (auth()->user()->is_senior_management)
                            <x-bootstrap.alert type="success" messages="لا يوجد إعدادات متاحة لك في الوقت الراهن ، شكراً لك" />
                            @else

                            <ul class="nav nav-pills mb-4 mt-3 justify-content-center" id="rounded-pills-icon-tab" role="tablist">

                                <li class="nav-item ml-2 mr-2">
                                    <a class="nav-link mb-2 text-center w-auto {{ current_tab('#general-settings-information') }}" id="general-settings-information-tab" data-toggle="pill" href="#general-settings-information" role="tab" aria-controls="general-settings-information" aria-selected="false">
                                        <div class="mb-2">
                                            <img width="40" height="40" src="https://img.icons8.com/ios/100/information--v1.png" alt="information--v1" />
                                        </div>
                                        {{ __('general.general_settings') }}
                                    </a>
                                </li>

                                <li class="nav-item ml-2 mr-2">
                                    <a class="nav-link mb-2 text-center w-auto {{ current_tab('#policies-information') }}" id="policies-information-tab" data-toggle="pill" href="#policies-information" role="tab" aria-controls="policies-information" aria-selected="false">
                                        <div class="mb-2">
                                            <img width="40" height="40" src="https://img.icons8.com/ios/100/privacy-policy.png" alt="information--v1" />
                                        </div>
                                        {{ __('general.policies') }}
                                    </a>
                                </li>

                                <li class="nav-item ml-2 mr-2">
                                    <a class="nav-link mb-2 text-center w-auto {{ current_tab('#working-times-information') }}" id="working-times-information-tab" data-toggle="pill" href="#working-times-information" role="tab" aria-controls="working-times-information" aria-selected="false">
                                        <div class="mb-2">
                                            <img width="40" height="40" src="https://img.icons8.com/ios/100/time_2.png" alt="information--v1" />
                                        </div>
                                        {{ __('general.working_days') }}
                                    </a>
                                </li>

                                <li class="nav-item ml-2 mr-2">
                                    <a class="nav-link mb-2 text-center w-auto {{ current_tab('#delivery-service-information') }}" id="delivery-service-information-tab" data-toggle="pill" href="#delivery-service-information" role="tab" aria-controls="delivery-service-information" aria-selected="false">
                                        <div class="mb-2">
                                            <img width="40" height="40" src="https://img.icons8.com/ios/100/car--v1.png" alt="information--v1" />
                                        </div>
                                        {{ __('general.delivery_service') }}
                                    </a>
                                </li>

                            </ul>

                            <div class="tab-content" id="rounded-pills-icon-tabContent">

                                <div class="tab-pane fade {{ current_tab('#general-settings-information') }}" id="general-settings-information" role="tabpanel" aria-labelledby="general-settings-information-tab">
                                    <form class="uroad-form" action="{{ route('company.settings.update_general', ['branch' => $setting?->branch_id]) }}" method="POST" enctype="multipart/form-data">
                                        @method('PATCH')
                                        @csrf

                                        <div class="layout-px-spacing">

                                            <div class="row justify-content-space layout-top-spacing">

                                                <div class="col-12 mb-4">
                                                    <div class="alert alert-info text-center">@lang('general.general_settings')</div>
                                                </div>

                                                <div class="form-group col-12">
                                                    <label for="min_reservation_time">{{ __('validation.attributes.allowed_time_between_reservation_and_receipt') }}</label>
                                                    <input type="number" class="form-control" id="min_reservation_time" placeholder="{{ __('validation.attributes.allowed_time_between_reservation_and_receipt') }}" name="min_reservation_time" step="any" value="{{ $setting?->min_reservation_time ?? null }}">
                                                </div>

                                                @if (auth()->user()->company->subscribedTo('system'))
                                                <hr class="col-12" style="border-top: 1px solid #2E9BD8;">

                                                <div class="col-12">
                                                    <h4>{{ __('general.contracts_settings') }}</h4>
                                                </div>

                                                <hr class="col-12" style="border-top: 1px solid #2E9BD8;">

                                                <div class="form-group col-md-6">
                                                    <label for="contract_serial_number">{{ __('validation.attributes.serial_number') }}</label>
                                                    <input type="number" class="form-control" id="contract_serial_number" placeholder="{{ __('validation.attributes.serial_number') }}" name="contract_serial_number" value="{{ old('contract_serial_number',isset($setting->contract_serial_number) ? $setting->contract_serial_number : null) }}" required min="10">
                                                </div>

                                                <div class="form-group col-md-6">
                                                    <label for="last_contract_serial_number">{{ __('validation.attributes.last_contract_serial_number') }}</label>
                                                    <input type="number" class="form-control" id="last_contract_serial_number" placeholder="{{ __('validation.attributes.last_contract_serial_number') }}" value="{{ isset($setting->last_contract_serial_number) && $setting->last_contract_serial_number > 0? $setting->last_contract_serial_number: 0 }}" required disabled>
                                                </div>

                                                <div class="form-group col-md-6">
                                                    <label for="name">{{ __('validation.attributes.receipt_voucher_serial_number') }}</label>
                                                    <input type="number" class="form-control" id="name" placeholder="{{ __('validation.attributes.receipt_voucher_serial_number') }}" name="receipt_voucher_serial_number" value="{{ isset($setting->receipt_voucher_serial_number) ? $setting->receipt_voucher_serial_number : null }}" required min="10">
                                                </div>

                                                <div class="form-group col-md-6">
                                                    <label for="last_receipt_voucher_serial_number">{{ __('validation.attributes.last_receipt_voucher_serial_number') }}</label>
                                                    <input type="number" class="form-control" id="last_receipt_voucher_serial_number" placeholder="{{ __('validation.attributes.last_receipt_voucher_serial_number') }}" value="{{ isset($setting->last_receipt_voucher_serial_number) && $setting->last_receipt_voucher_serial_number > 0? $setting->last_receipt_voucher_serial_number: 0 }}" required disabled>
                                                </div>

                                                <div class="form-group col-md-6">
                                                    <label for="name">{{ __('validation.attributes.payment_voucher_serial_number') }}</label>
                                                    <input type="number" class="form-control" id="name" placeholder="{{ __('validation.attributes.payment_voucher_serial_number') }}" name="payment_voucher_serial_number" value="{{ isset($setting->payment_voucher_serial_number) ? $setting->payment_voucher_serial_number : null }}" required min="10">
                                                </div>

                                                <div class="form-group col-md-6">
                                                    <label for="last_payment_voucher_serial_number">{{ __('validation.attributes.last_payment_voucher_serial_number') }}</label>
                                                    <input type="number" class="form-control" id="last_payment_voucher_serial_number" placeholder="{{ __('validation.attributes.last_payment_voucher_serial_number') }}" value="{{ isset($setting->last_payment_voucher_serial_number) && $setting->last_payment_voucher_serial_number > 0? $setting->last_payment_voucher_serial_number: 0 }}" required disabled>
                                                </div>

                                                <div class="form-group col-md-6">
                                                    <label for="hours_to_days">{{ __('validation.attributes.after_more_xxx_hours_full_day_counted') }}</label>
                                                    <input type="number" class="form-control" id="hours_to_days" placeholder="{{ __('validation.attributes.after_more_xxx_hours_full_day_counted') }}" name="hours_to_days" value="{{ isset($setting->hours_to_days) ? $setting->hours_to_days : null }}" required min="1">
                                                </div>
                                                @endif

                                                <div class="col-12">
                                                    <hr style="border-top: 1px solid #2E9BD8;">
                                                </div>

                                                <div class="col-md-12">
                                                    <input type="submit" class="btn btn-primary mt-3" value="{{ __('general.update') }}">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                                <div class="tab-pane fade {{ current_tab('#policies-information') }}" id="policies-information" role="tabpanel" aria-labelledby="policies-information-tab">
                                    <div class="layout-px-spacing">

                                        <div class="row justify-content-space layout-top-spacing">

                                            <div class="col-12 mb-4">
                                                <div class="alert alert-info text-center">@lang('general.policies')</div>
                                            </div>

                                            <div class="table-responsive">
                                                <div class="filter-container">

                                                    <div class="d-inline-flex">
                                                        <div class="d-flex flex-column justify-content-center">
                                                            <button type="button" class="btn btn-primary filter-button"> <i class="fas fa-filter"></i></button>
                                                        </div>

                                                        <div class="mt-3 mb-3">
                                                            <a href="{{ route('company.policy.create') }}" class="btn btn-info" target="_blank">
                                                                <i class="las la-check-circle"></i>
                                                                {{ __('general.add_policy') }}
                                                            </a>
                                                        </div>
                                                    </div>

                                                    <div class="filters-inputs">
                                                        <div class="form-row">
                                                            <div class="form-group col-md-4 mb-0">
                                                                <label for="activeFilter">{{ __('general.active') }}</label>
                                                                <select id="activeFilter" class="form-control basic">
                                                                    <option value="" selected>{{ __('general.all') }}</option>
                                                                    <option value="1">{{ __('general.active') }}</option>
                                                                    <option value="0">{{ __('general.inactive') }}</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <table id="policiesTable" class="table table-hover text-center">
                                                    <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>{{__('validation.attributes.title')}}</th>
                                                            <th>{{__('validation.attributes.text_color')}}</th>
                                                            <th>{{__('validation.attributes.with_checkbox')}}</th>
                                                            <th>{{__('general.options')}}</th>
                                                        </tr>
                                                    </thead>
                                                    <tfoot>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>{{__('validation.attributes.title')}}</th>
                                                            <th>{{__('validation.attributes.text_color')}}</th>
                                                            <th>{{__('validation.attributes.with_checkbox')}}</th>
                                                            <th>{{__('general.options')}}</th>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>

                                            <hr class="col-12" style="border-top: 1px solid #2E9BD8;">

                                            <div class="col-md-12">
                                                <input type="submit" class="btn btn-primary mt-3" value="{{ __('general.update') }}">
                                            </div>

                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade {{ current_tab('#working-times-information') }}" id="working-times-information" role="tabpanel" aria-labelledby="working-times-information-tab">
                                    <form class="uroad-form" action="{{ route('company.settings.update_working_times', ['branch' => $setting?->branch_id]) }}" method="POST" enctype="multipart/form-data">
                                        @method('PATCH')
                                        @csrf

                                        <div class="layout-px-spacing">

                                            <div class="row justify-content-space layout-top-spacing">

                                                <div class="col-12 mb-4">
                                                    <div class="alert alert-info text-center">@lang('general.working_days')</div>
                                                </div>

                                                <div class="col-12">
                                                    <div id="working_hours_table">
                                                        @foreach ($days as $day)
                                                        <div class="form-row align-items-center justify-content-center mb-3">

                                                            <div class="form-group col-md-3">
                                                                <label for="open_time_of_{{ $day }}_shift1">
                                                                    {{ __('validation.attributes.open_time') }}
                                                                    ({{ __("general.$day") }})
                                                                </label>

                                                                <input value="{{ $setting->working_days->{$day}->shift1->open_time ?? '' }}" class="form-control" type="time" id="open_time_of_{{ $day }}_shift1" placeholder="{{ __('validation.attributes.open_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="times[{{ $day }}][shift1][open_time]" required>
                                                            </div>

                                                            <div class="form-group col-md-3">
                                                                <label for="close_time_of_{{ $day }}_shift1">
                                                                    {{ __('validation.attributes.close_time') }}
                                                                    ({{ __("general.$day") }})
                                                                </label>
                                                                <input value="{{ $setting->working_days->{$day}->shift1->close_time ?? '' }}" class="form-control" type="time" id="close_time_of_{{ $day }}_shift1" placeholder="{{ __('validation.attributes.close_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="times[{{ $day }}][shift1][close_time]" required>
                                                            </div>

                                                            <div class="form-group col-md-3">
                                                                <label for="open_time_of_{{ $day }}_shift2">
                                                                    {{ __('validation.attributes.open_time') }}
                                                                    ({{ __("general.$day") }})
                                                                </label>

                                                                <input value="{{ $setting->working_days->{$day}->shift2->open_time ?? '' }}" class="form-control" type="time" id="open_time_of_{{ $day }}_shift2" placeholder="{{ __('validation.attributes.open_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="times[{{ $day }}][shift2][open_time]">
                                                            </div>

                                                            <div class="form-group col-md-3">
                                                                <label for="close_time_of_{{ $day }}_shift2">
                                                                    {{ __('validation.attributes.close_time') }}
                                                                    ({{ __("general.$day") }})
                                                                </label>
                                                                <input value="{{ $setting->working_days->{$day}->shift2->close_time ?? '' }}" class="form-control" type="time" id="close_time_of_{{ $day }}_shift2" placeholder="{{ __('validation.attributes.close_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="times[{{ $day }}][shift2][close_time]">
                                                            </div>

                                                            <div class="form-group col-md-2 mt-4 text-center">
                                                                <div class="form-check ">

                                                                    <input @if ($setting->working_days->{$day}->open_24_hours ?? false) value="on" checked @endif
                                                                    class="form-check-input open-24-hours-input" type="checkbox"
                                                                    id="always_opened_on_{{ $day }}"
                                                                    name="open_24_hours[{{ $day }}]">
                                                                    <label class="form-check-label" for="always_opened_on_{{ $day }}">
                                                                        {{ __('validation.attributes.open_24_hours') }}
                                                                    </label>
                                                                </div>
                                                            </div>

                                                            <div class="form-group col-md-2 mt-4 text-center">
                                                                <div class="form-check ">
                                                                    <input @if ($setting->working_days->{$day}->holiday ?? false) value="on" checked @endif
                                                                    class="form-check-input holiday-input" type="checkbox"
                                                                    id="holiday_{{ $day }}"
                                                                    name="holiday[{{ $day }}]">
                                                                    <label class="form-check-label" for="holiday_on_{{ $day }}">
                                                                        {{ __('validation.attributes.holiday') }}
                                                                    </label>
                                                                </div>
                                                            </div>

                                                            <hr class="col-12" style="border-top: 1px solid #2E9BD8;">
                                                        </div>
                                                        @endforeach
                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <input type="submit" class="btn btn-primary mt-3" value="{{ __('general.update') }}">
                                        </div>
                                    </form>
                                </div>

                                <div class="tab-pane fade {{ current_tab('#delivery-service-information') }}" id="delivery-service-information" role="tabpanel" aria-labelledby="delivery-service-information-tab">
                                    <form class="uroad-form" action="{{ route('company.settings.update_delivery', ['branch' => $setting?->branch_id]) }}" method="POST" enctype="multipart/form-data">
                                        @method('PATCH')
                                        @csrf

                                        <div class="layout-px-spacing">

                                            <div class="row justify-content-space layout-top-spacing">

                                                <div class="col-12">
                                                    <div class="alert alert-info text-center mb-4">@lang('general.settings')</div>
                                                </div>

                                                <div class="form-group col-md-6">
                                                    <label for="is_delivery_available">
                                                        {{ __('validation.attributes.is_delivery_available') }}
                                                    </label>
                                                    <select class="form-control" name="is_delivery_available">
                                                        <option value="1" @selected($setting?->is_delivery_available == true)>@lang('general.yes')</option>
                                                        <option value="0" @selected($setting?->is_delivery_available == false|| $setting?->is_delivery_available == null)>@lang('general.no')</option>
                                                    </select>
                                                </div>

                                                <div class="form-group col-md-6">
                                                    <label for="delivery_km_range">{{ __('validation.attributes.delivery_km_range') }}</label>
                                                    <input type="number" class="form-control" id="delivery_km_range" placeholder="{{ __('validation.attributes.delivery_km_range') }}" name="delivery_km_range" step="any" value="{{ $setting?->delivery_km_range ?? null }}">
                                                </div>

                                                <div class="col-12">
                                                    <div class="alert alert-info text-center mb-4">@lang('general.delivery_working_times')</div>
                                                </div>

                                                <div class="col-12">
                                                    <div id="delivery_working_hours_table">
                                                        @foreach ($days as $day)
                                                        <div class="form-row align-items-center justify-content-center mb-3">

                                                            <div class="form-group col-md-3">
                                                                <label for="open_time_of_{{ $day }}_shift1">
                                                                    {{ __('validation.attributes.open_time') }}
                                                                    ({{ __("general.$day") }})
                                                                </label>

                                                                <input value="{{ $setting->delivery_working_days->{$day}->shift1->open_time ?? '' }}" class="form-control" type="time" id="open_time_of_{{ $day }}_shift1" placeholder="{{ __('validation.attributes.open_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="delivery_times[{{ $day }}][shift1][open_time]" required>
                                                            </div>

                                                            <div class="form-group col-md-3">
                                                                <label for="close_time_of_{{ $day }}_shift1">
                                                                    {{ __('validation.attributes.close_time') }}
                                                                    ({{ __("general.$day") }})
                                                                </label>
                                                                <input value="{{ $setting->delivery_working_days->{$day}->shift1->close_time ?? '' }}" class="form-control" type="time" id="close_time_of_{{ $day }}_shift1" placeholder="{{ __('validation.attributes.close_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="delivery_times[{{ $day }}][shift1][close_time]" required>
                                                            </div>

                                                            <div class="form-group col-md-3">
                                                                <label for="open_time_of_{{ $day }}_shift2">
                                                                    {{ __('validation.attributes.open_time') }}
                                                                    ({{ __("general.$day") }})
                                                                </label>

                                                                <input value="{{ $setting->delivery_working_days->{$day}->shift2->open_time ?? '' }}" class="form-control" type="time" id="open_time_of_{{ $day }}_shift2" placeholder="{{ __('validation.attributes.open_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="delivery_times[{{ $day }}][shift2][open_time]">
                                                            </div>

                                                            <div class="form-group col-md-3">
                                                                <label for="close_time_of_{{ $day }}_shift2">
                                                                    {{ __('validation.attributes.close_time') }}
                                                                    ({{ __("general.$day") }})
                                                                </label>
                                                                <input value="{{ $setting->delivery_working_days->{$day}->shift2->close_time ?? '' }}" class="form-control" type="time" id="close_time_of_{{ $day }}_shift2" placeholder="{{ __('validation.attributes.close_time') }} ({{ __('company.System Settings.fields.days.' . $day) }})" name="delivery_times[{{ $day }}][shift2][close_time]">
                                                            </div>

                                                            <div class="form-group col-md-2 mt-4 text-center">
                                                                <div class="form-check ">

                                                                    <input @if ($setting->delivery_working_days->{$day}->open_24_hours ?? false) value="on" checked @endif
                                                                    class="form-check-input open-24-hours-input" type="checkbox"
                                                                    id="always_opened_on_{{ $day }}"
                                                                    name="delivery_open_24_hours[{{ $day }}]">
                                                                    <label class="form-check-label" for="always_opened_on_{{ $day }}">
                                                                        {{ __('validation.attributes.open_24_hours') }}
                                                                    </label>
                                                                </div>
                                                            </div>

                                                            <div class="form-group col-md-2 mt-4 text-center">
                                                                <div class="form-check ">
                                                                    <input @if ($setting->delivery_working_days->{$day}->holiday ?? false) value="on" checked @endif
                                                                    class="form-check-input holiday-input" type="checkbox"
                                                                    id="holiday_{{ $day }}"
                                                                    name="delivery_holiday[{{ $day }}]">
                                                                    <label class="form-check-label" for="holiday_on_{{ $day }}">
                                                                        {{ __('validation.attributes.holiday') }}
                                                                    </label>
                                                                </div>
                                                            </div>

                                                            <hr class="col-12" style="border-top: 1px solid #2E9BD8;">
                                                        </div>
                                                        @endforeach
                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <input type="submit" class="btn btn-primary mt-3" value="{{ __('general.update') }}">
                                        </div>

                                    </form>
                                </div>
                            </div>
                            @endif

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<x-bootstrap.modal width="lg" id='refundPoliciesModal' content='company.settings.helpers.refund_policies_modal' title="{{ __('company.System Settings.fields.refund_policy.title') }}" />


@endsection

@section('customScript')
<script src='{{ asset("company/$locale/plugins/flatpickr/flatpickr.js") }}'></script>
<script src='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.js") }}'></script>

<script>
    $("#setting-menu-box").attr("data-active", "true");

    $(document).on("change", ".open-24-hours-input", function() {
        let form_row = $(this).closest(".form-row");
        form_row.find(".form-control,.holiday-input").attr("disabled", $(this).is(":checked", $(this).is(
            ":checked")));
        form_row.find(".holiday-input").prop('checked', false);
    });

    $(document).on("change", ".holiday-input", function() {
        let form_row = $(this).closest(".form-row");
        form_row.find(".form-control,.open-24-hours-input").attr("disabled", $(this).is(":checked", $(this).is(
            ":checked")));
        form_row.find(".open-24-hours-input").prop('checked', false);
    });

    $(".holiday-input:checked,.open-24-hours-input:checked").change();

    let policiesTable = initializeDataTable("#policiesTable", {
        columns: [{
                data: 'DT_RowIndex'
                , orderable: false
                , searchable: false
            }
            , {
                data: "title"
                , searchable: false
                , orderable: false
            }
            , {
                data: "text_color"
                , searchable: false
                , orderable: false
            }
            , {
                data: "with_checkbox"
            }
            , {
                data: "actions"
                , searchable: false
                , orderable: false
            }
        , ]
    });

</script>
@endsection