@extends('layouts.admin')
@section('title', __('Settings'))
@section('page-title', __('Settings'))

@section('content')
<form method="POST" action="{{ route('admin.settings.update') }}" enctype="multipart/form-data">
    @csrf @method('PUT')

    <div class="row g-4">
        <div class="col-lg-6">
            <div class="be-panel mb-4">
                <h6 class="fw-bold mb-3">{{__('Branding')}}</h6>
                <div class="mb-3">
                    <label class="form-label">{{__('Site name')}}</label>
                    <input type="text" name="site_name" class="form-control" value="{{ old('site_name', $settings->site_name) }}" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{__('Site description')}}</label>
                    <textarea name="site_description" class="form-control" rows="2" maxlength="500" placeholder="{{__('A short summary of your business, used as the SEO meta description shown in search results')}}">{{ old('site_description', $settings->site_description) }}</textarea>
                    <div class=" form-text">{{__('Shown in search engine results under your site title. Aim for under 160 characters')}}
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{__('Site keywords')}}</label>
                    <input type="text" name="site_keywords" class="form-control" maxlength="500" placeholder="{{__('e.g. haircut booking, spa appointments, salon scheduling')}}" value="{{ old('site_keywords', $settings->site_keywords) }}">
                    <div class="form-text">{{__('Comma-separated. Most modern search engines ignore this, but some tools and directories still use it')}}</div>
                </div>
                <div class="row g-3 mb-3">
                    <div class="col-6">
                        <label class="form-label">{{__('Primary color')}}r</label>
                        <input type="color" name="primary_color" class="form-control form-control-color w-100" value="{{ old('primary_color', $settings->primary_color) }}">
                    </div>
                    <div class="col-6">
                        <label class="form-label">{{__('Accent color')}}</label>
                        <input type="color" name="accent_color" class="form-control form-control-color w-100" value="{{ old('accent_color', $settings->accent_color) }}">
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{__('Logo')}}</label>
                    <input type="file" name="logo" class="form-control" accept="image/*">
                    @if ($settings->logoUrl())<img src="{{ $settings->logoUrl() }}" height="40" class="mt-2">@endif
                </div>
                <div class="mb-0">
                    <label class="form-label">{{__('Favicon')}}</label>
                    <input type="file" name="favicon" class="form-control" accept="image/*">
                </div>
            </div>

            <div class="be-panel">
                <h6 class="fw-bold mb-3">{{__('Contact & Social')}}</h6>
                <div class="mb-3">
                    <label class="form-label">{{__('Contact email')}}</label>
                    <input type="email" name="contact_email" class="form-control" value="{{ old('contact_email', $settings->contact_email) }}">
                </div>
                <div class="mb-3">
                    <label class="form-label">{{__('Contact phone')}}</label>
                    <input type="text" name="contact_phone" class="form-control" value="{{ old('contact_phone', $settings->contact_phone) }}">
                </div>
                <div class="mb-3">
                    <label class="form-label">{{__('Address')}}</label>
                    <input type="text" name="address" class="form-control" value="{{ old('address', $settings->address) }}">
                </div>
                <div class="row g-3">
                    <div class="col-md-4"><input type="url" name="facebook_url" class="form-control" placeholder="{{__('Facebook URL')}}" value="{{ old('facebook_url', $settings->facebook_url) }}"></div>
                    <div class="col-md-4"><input type="url" name="instagram_url" class="form-control" placeholder="{{__('Instagram URL')}}" value="{{ old('instagram_url', $settings->instagram_url) }}"></div>
                    <div class="col-md-4"><input type="url" name="twitter_url" class="form-control" placeholder="{{__('Twitter/X URL')}}" value="{{ old('twitter_url', $settings->twitter_url) }}"></div>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="be-panel mb-4">
                <h6 class="fw-bold mb-3">{{__('Booking Rules')}}</h6>
                @php
                $currencies = \App\Support\Currencies::all();
                $selectedCurrency = old('currency', $settings->currency_code);
                @endphp
                <div class="mb-3">
                    <label class="form-label">{{__('Currency')}}</label>
                    <select name="currency" class="form-select" required>
                        @unless (isset($currencies[$selectedCurrency]))
                        <option value="{{ $selectedCurrency }}" selected>{{ $selectedCurrency }} ({{ trim($settings->currency_symbol) }}) - {{__('current')}}</option>
                        @endunless
                        @foreach ($currencies as $code => $info)
                        <option value="{{ $code }}" {{ $selectedCurrency === $code ? 'selected' : '' }}>{{ \App\Support\Currencies::label($code) }}</option>
                        @endforeach
                    </select>
                    <div class="form-text">{{__('Sets the currency code and symbol used across the site and sent to payment gateways. Make sure the payment methods you enable support it')}}</div>
                    @error('currency')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label">{{__('Timezone')}}</label>
                    <select name="timezone" class="form-select" required>
                        @foreach (\App\Models\Setting::timezoneGroups() as $group => $identifiers)
                        <optgroup label="{{ $group }}">
                            @foreach ($identifiers as $identifier)
                            <option value="{{ $identifier }}" {{ old('timezone', $settings->timezone) === $identifier ? 'selected' : '' }}>
                                {{ \App\Support\Timezones::optionLabel($identifier) }}
                            </option>
                            @endforeach
                        </optgroup>
                        @endforeach
                    </select>
                    <div class="form-text">{{__('All bookings, availability, and displayed times use this timezone regardless of where your server is hosted. Zones are grouped by country (A-Z) and show their UTC offset as of today; offsets shift with daylight saving time, and a country with several zones lists them from west to east')}}</div>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{__('Language')}}</label>
                    <select name="language" class="form-select" required>
                        @foreach (languages() as $key => $value)
                        <option value="{{$key.'-'.$value}}" {{$key.'-'.$value == $settings->language ? 'selected' : ''}}>{{$key.'-'.$value}}</option>
                        @endforeach
                    </select>
                    @error('language')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                </div>
                <div class="row g-3 mb-3">
                    <div class="col-6">
                        <label class="form-label small">{{__('Slot interval (min)')}}</label>
                        <input type="number" name="slot_interval_minutes" class="form-control" value="{{ old('slot_interval_minutes', $settings->slot_interval_minutes) }}">
                    </div>
                </div>
                <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" name="show_staff_selection" id="show_staff_selection" value="1" {{ old('show_staff_selection', $settings->show_staff_selection) ? 'checked' : '' }}>
                    <label class="form-check-label fw-bold" for="show_staff_selection">{{__('Let customers pick a specialist')}}</label>
                </div>
                <div class="form-text">{{__('When off, customers just pick a date and time - the system automatically assigns whichever specialist assigned to that service is actually free')}}
                </div>
            </div>

            <div class="be-panel">
                <h6 class="fw-bold mb-1">{{__('Custom Code')}}</h6>
                <p class="text-muted small">{{__('Injected on every customer-facing page - useful for small style tweaks or third-party scripts like analytics/tracking pixels. Leave blank if you do not need this. This code runs exactly as written, so only paste code you trust')}}</p>
                <div class="mb-3">
                    <label class="form-label">{{__('Custom CSS')}}</label>
                    <textarea name="custom_css" class="form-control font-monospace" rows="6" maxlength="20000" placeholder="{{__('.be-hero { /* your override here */ }')}}" spellcheck="false">{{ old('custom_css', $settings->custom_css) }}</textarea>
                    <div class=" form-text">{{__('Wrapped in a')}} <code>&lt;style&gt;</code> {{__('tag automatically - do not include the tags yourself')}}
                    </div>
                </div>
                <div class="mb-0">
                    <label class="form-label">{{__('Custom JavaScript')}}</label>
                    <textarea name="custom_js" class="form-control font-monospace" rows="6" maxlength="20000" placeholder="{{__('// e.g. analytics snippets')}}" spellcheck="false">{{ old('custom_js', $settings->custom_js) }}</textarea>
                    <div class=" form-text">{{__('Wrapped in a')}} <code>&lt;script&gt;</code> {{__('tag automatically and loaded just before')}} <code>&lt;/body&gt;</code> - {{__('do not include the tags yourself')}}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <button type="submit" class="btn be-btn-primary mt-4">{{__('Save Settings')}}</button>
</form>
@endsection