@extends('spa.layouts.index')

@section('content')
<ul class="nav nav-tabs">
    @can('update_general', $spa)
    <li class="nav-item"><a class="nav-link {{ current_tab('#general') }}" data-toggle="tab" href="#general">@lang('global.general_information')</a></li>
    @endcan
    @can('update_qr', $spa)
    <li class="nav-item"><a class="nav-link {{ current_tab('#qr') }}" data-toggle="tab" href="#qr">@lang('global.qr_information')</a></li>
    @endcan
    @can('update_orders_settings', $spa)
    <li class="nav-item"><a class="nav-link {{ current_tab('#orders') }}" data-toggle="tab" href="#orders">@lang('global.reservations_settings')</a></li>
    @endcan
    @can('update_working_times', $spa)
    <li class="nav-item"><a class="nav-link {{ current_tab('#working_times') }}" data-toggle="tab" href="#working_times">@lang('global.working_times')</a></li>
    @endcan
</ul>

<div class="tab-content">
    <div class="tab-content">
        @can('update_general', $spa)
        <div class="tab-pane fade {{ current_tab('#general') }}" id="general" role="tabpanel">
            <x-dashboard.form.form :action='route("spa.settings.general.update")' method="PATCH">
                <x-dashboard.form.select name="is_active" :boolean="true" :value="$spa->is_active" container-classes='col-12' />
                <x-dashboard.form.input name="title[ar]" :title="__('validation.attributes.title') . ' ( ' . __('global.arabic') . ' )'" :value="$spa->getTranslation('title', 'ar')" />
                <x-dashboard.form.input name="title[en]" :title="__('validation.attributes.title') . ' ( ' . __('global.english') . ' )'" :value="$spa->getTranslation('title', 'en')" />
                <x-dashboard.form.input name="color" type='color' :value="$spa->color" />
                <x-dashboard.form.file name="logo" :required="false" :value="$spa->logo" />
                <x-dashboard.form.button />
            </x-dashboard.form.form>
        </div>
        @endcan
        @can('update_qr', $spa)
        <div class="tab-pane fade {{ current_tab('#qr') }}" id="qr" role="tabpanel">
            <x-dashboard.form.form :action='route("spa.settings.qr.update")' method="PATCH">
                <div class="text-center my-4 col-12">
                    <a href="{{ route('spas.show',['spa' => $spa->id]) }}">
                        <img src="{{ uploads($spa->qr->path) }}" />
                    </a>
                </div>

                <x-dashboard.form.input name="qr_size" :title="__('validation.attributes.size')" type='number' :value="$spa->qr->size" />
                <x-dashboard.form.select name="qr_style" :title="__('validation.attributes.style')" :data-array="['square','dot','round']" :name-fn="fn($style) => __('global.qr_styles.' . $style )" :value="$spa->qr->style" :ajax="false" />
                <x-dashboard.form.select name="qr_eye" :title="__('validation.attributes.eye')" :data-array="['square','circle']" :name-fn="fn($eye) => __('global.qr_eyes.' . $eye )" :value="$spa->qr->eye" :ajax="false" />
                <x-dashboard.form.file name="qr_logo" :title="__('validation.attributes.logo')" :required="false" :value="$spa->qr->logo" />

                <div class="col-12 mt-3">
                    <div class="form-group">
                        <div class="col-12">
                            <button class="btn btn-primary" type="submit"><i class="i-Data-Save mr-1"></i> @lang("global.refresh") </button>

                            <a href="{{ uploads($spa->qr->path) }}" download="{{ $spa->title }}-QR.png">
                                <button class="btn btn-dark" type="button"><i class="i-Download-2 mr-1"></i> @lang("global.download_qr") </button>
                            </a>
                        </div>
                    </div>
                </div>
            </x-dashboard.form.form>
        </div>
        @endcan

        @can('update_orders_settings', $spa)
        <div class="tab-pane fade {{ current_tab('#orders') }}" id="orders" role="tabpanel">
            <x-dashboard.form.form :action='route("spa.settings.orders.update")' method="PATCH">
                <x-dashboard.form.select name="is_interactive_menu" :boolean="true" :value="$spa->settings->orders->is_active" />
                <x-dashboard.form.input name="reservations_serial_number" type='number' min='1' :value="$spa->settings->orders->serial_number" />
                <x-dashboard.form.select name="allowed_payment_methods" :help="__('messages.tooltips.spas.e_payment_fees')" :multiple="true" :data-array="$payment_methods" :name-fn='fn($payment_method) => __("global.payment_methods.$payment_method")' :value="$spa->settings->orders->allowed_payment_methods" :ajax="false" />
                <x-dashboard.form.select name="show_payment_methods_input" :boolean="true" :value="$spa->settings->orders->show_payment_methods_input" />
                <x-dashboard.form.select name="default_payment_method" :data-array="$payment_methods" :name-fn='fn($payment_method) => __("global.payment_methods.$payment_method")' :value="$spa->settings->orders->default_payment_method" :ajax="false" />
                <x-dashboard.form.select name="show_user_name_input" :boolean="true" :value="$spa->settings->orders->show_name_input" />
                <x-dashboard.form.select name="show_user_email_input" :boolean="true" :value="$spa->settings->orders->show_email_input" />
                <x-dashboard.form.select name="show_user_phone_input" :boolean="true" :value="$spa->settings->orders->show_phone_input" />
                <x-dashboard.form.select name="require_room_input" :boolean="true" :value="$spa->settings->orders->require_room_input" />
                <x-dashboard.form.textarea name="alert_message[ar]" :required="false" :title="__('validation.attributes.alert_message') . ' ( ' . __('global.arabic') . ' )'" :value="$spa->settings->orders->alert_message?->ar" />
                <x-dashboard.form.textarea name="alert_message[en]" :required="false" :title="__('validation.attributes.alert_message') . ' ( ' . __('global.english') . ' )'" :value="$spa->settings->orders->alert_message?->en" />
                <x-dashboard.form.button />
            </x-dashboard.form.form>
        </div>
        @endcan

        @can('update_working_times', $spa)
        <div class="tab-pane fade {{ current_tab('#working_times') }}" id="working_times" role="tabpanel">
            <x-dashboard.form.form :action='route("spa.settings.working_times.update",["branch" => $spa->id])' method="PATCH">
                @foreach ($days as $day)
                <x-dashboard.form.input :required="false" data-day="{{ $day }}" name="working_times[{{ $day }}][shifts][0][opening_time]" type='time' :title='__("validation.attributes.opening_time") . " (" . __("global.$day") .")"' container-classes="col-lg-3 col-12" :value="$spa->settings->orders->working_times->{$day}->shifts[0]->opening_time" />
                <x-dashboard.form.input :required="false" data-day="{{ $day }}" name="working_times[{{ $day }}][shifts][0][closing_time]" type='time' :title='__("validation.attributes.closing_time") . " (" . __("global.$day") .")"' container-classes="col-lg-3 col-12" :value="$spa->settings->orders->working_times->{$day}->shifts[0]->closing_time" />
                <x-dashboard.form.input :required="false" data-day="{{ $day }}" name="working_times[{{ $day }}][shifts][1][opening_time]" type='time' :title='__("validation.attributes.opening_time") . " (" . __("global.$day") .")"' container-classes="col-lg-3 col-12" :value="$spa->settings->orders->working_times->{$day}->shifts[1]->opening_time" />
                <x-dashboard.form.input :required="false" data-day="{{ $day }}" name="working_times[{{ $day }}][shifts][1][closing_time]" type='time' :title='__("validation.attributes.closing_time") . " (" . __("global.$day") .")"' container-classes="col-lg-3 col-12" :value="$spa->settings->orders->working_times->{$day}->shifts[1]->closing_time" />

                <div class="col-12 d-flex justify-content-center gap-2">
                    <label class="checkbox checkbox-success offset-1 mb-0 mt-3">
                        <input type="checkbox" data-day="{{ $day }}" name="working_times[{{ $day }}][open_24_hours]" @if ($spa->settings->orders->working_times->{$day}->open_24_hours) checked @endif class='open-24-hours-input'>
                        <span>@lang("validation.attributes.open_24_hours")</span>
                        <span class="checkmark"></span>
                    </label>

                    <label class="checkbox checkbox-success mb-0 mt-3">
                        <input type="checkbox" data-day="{{ $day }}" name="working_times[{{ $day }}][holiday]" @if ($spa->settings->orders->working_times->{$day}->holiday) checked @endif class='holiday-input'>
                        <span>@lang("validation.attributes.holiday")</span>
                        <span class="checkmark"></span>
                    </label>
                </div>

                <div class="col-12">
                    <hr class="my-4">
                </div>
                @endforeach

                <x-dashboard.form.button />
            </x-dashboard.form.form>
        </div>
        @endcan
    </div>
    @endsection