@use('App\Enums\MpdfPaperSize')
@use('App\Enums\TaxType')
@extends('layouts.main')

@include('layouts.form-scripts')

@section('content')
    <div class="row justify-content-center">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <x-buttons.back-small name="setting" :route="route('setting.index')" />
                    {{ $title }}
                </div>
                <form id="form-setting" action="{{ route('setting.update', $module) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="card-body">
                        <div class="row">
                            @foreach($settings as $setting)
                                @switch($setting->type)
                                    @case('string')
                                        <div class="col-12 col-sm-6 col-md-4">
                                            <x-forms.input-text :label="__('validation.attributes.'. $setting->key)" name="{{ $setting->key }}" :value="$setting->value ?? ''" />
                                        </div>
                                        @break
                                    @case('decimal')
                                        <div class="col-12 col-sm-6 col-md-4">
                                            <x-forms.input-text :label="__('validation.attributes.'. $setting->key)" name="{{ $setting->key }}" class="inputmask-decimal" :value="$setting->value ?? ''" />
                                        </div>
                                        @break
                                    @case('integer')
                                        <div class="col-12 col-sm-6 col-md-4">
                                            <x-forms.input-text :label="__('validation.attributes.'. $setting->key)" name="{{ $setting->key }}" class="inputmask-numeric" :value="$setting->value ?? ''" />
                                        </div>
                                        @break
                                    @case('bool')
                                        <div class="col-12 col-sm-6 col-md-4">
                                            <x-forms.input-switch :label="__('validation.attributes.'. $setting->key)" name="{{ $setting->key }}" class="inputmask-decimal" value="1" :checked="$setting->value ?? ''" />
                                        </div>
                                        @break
                                    @case('tax-type')
                                        <div class="col-12 col-sm-6 col-md-4">
                                            <x-forms.input-select :label="__('validation.attributes.'. $setting->key)" name="{{ $setting->key }}" :options="TaxType::toArrayLabel()" :selected="$setting->value ?? ''" />
                                        </div>
                                        @break
                                    @case('date')
                                        <div class="col-12 col-sm-6 col-md-4">
                                            <x-forms.input-datepicker :label="__('validation.attributes.'. $setting->key)" name="{{ $setting->key }}" :value="$setting->value ?? ''" :can-clear="true" />
                                        </div>
                                        @break
                                    @case('image')
                                        <div class="col-12 col-sm-6 col-md-4">
                                            @if(!empty($setting->value))
                                                <img src="{{ tenant_asset('logo/'.$setting->value) }}" alt="Logo" class="img-thumbnail mb-2" style="max-width: 200px; max-height: 200px;">
                                            @endif
                                            <x-forms.input-file :label="__('validation.attributes.'. $setting->key)" name="{{ $setting->key }}" :value="$setting->value ?? ''" accept="image/png, image/jpg, image/jpeg" />
                                        </div>
                                        @break
                                    @case('text')
                                        <div class="col-12 col-sm-6 col-md-4">
                                            <x-forms.input-textarea :label="__('validation.attributes.'. $setting->key)" name="{{ $setting->key }}" :value="$setting->value ?? ''" required />
                                        </div>
                                        @break
                                    @case('print-template')
                                        <div class="col-12 col-sm-6 col-md-4">
                                            <x-forms.input-select :label="__('validation.attributes.'. $setting->key)" name="{{ $setting->key }}" :options="['template-1' => 'template-1', 'template-2' => 'template-2', 'template-3' => 'template-3']" :selected="$setting->value ?? ''" />
                                        </div>
                                        @break
                                    @case('paper-size')
                                        <div class="col-12 col-sm-6 col-md-4">
                                            <x-forms.input-select :label="__('validation.attributes.'. $setting->key)" name="{{ $setting->key }}" :options="MpdfPaperSize::toArray()" :selected="$setting->value ?? ''" />
                                        </div>
                                        @break
                                @endswitch
                            @endforeach
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-12">
                                <div class="float-end">
                                    <x-buttons.submit-save />
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script type="module">
        $(document).ready(function () {
            $('#datepicker-company-tax-date').datepicker({
                ...datepickerOptions,
                startDate: null,
                endDate: null,
            })
        })
    </script>
@endpush