@extends('layouts.admin')
@section('content')
@php
    $identityFields = [
        'public_business_name' => ['Public business name', 'The customer-facing store name used on the website and supported business listings.', 'text'],
        'legal_business_name' => ['Legal business name', 'The formal business name retained for official/admin workflows.', 'text'],
        'street_address' => ['Street address', 'Used on the Visit page, maps, structured business data, and supported listing sync.', 'text'],
        'city' => ['City', 'Public locality used with the business address.', 'text'],
        'state' => ['State', 'Public state/region used with the business address.', 'text'],
        'postal_code' => ['Postal code', 'Public ZIP/postal code used with the business address.', 'text'],
        'phone' => ['Phone', 'Public store phone number used by call buttons, the footer, and supported listings.', 'tel'],
        'public_email' => ['Public email', 'Public-facing business email available to website templates and supported listings.', 'email'],
        'contact_recipient_email' => ['Contact-form recipient', 'Private email address that receives website contact-form notifications.', 'email'],
        'website_url' => ['Website URL', 'Canonical production website address.', 'url'],
        'timezone' => ['Timezone', 'Controls store-hours calculations and scheduled content.', 'text'],
        'directions_url' => ['Directions URL', 'Preferred destination for the public Get Directions button.', 'url'],
        'google_maps_url' => ['Google Maps URL', 'Optional official Google Maps/place URL used as a fallback.', 'url'],
    ];
    $contentFields = [
        'business_description' => ['Business description', 'General store description used on public pages and as a metadata fallback.'],
        'parking_information' => ['Parking information', 'Displayed on the public Visit page when populated.'],
        'accessibility_information' => ['Accessibility information', 'Displayed on the public Visit page. Enter only verified accessibility facts.'],
        'eligibility_notice' => ['Eligibility notice', 'Displayed in the slim banner above the public website navigation.'],
        'product_disclaimer' => ['Product disclaimer', 'Product/catalog disclaimer text available to public templates.'],
        'cannabis_disclaimer' => ['Cannabis disclaimer', 'Cannabis-related disclaimer text available to public templates where needed.'],
    ];
    $brandAssets = [
        'logo' => ['logo_media_id','Logo','Primary HMS logo used by templates that support the configured brand logo.'],
        'hero' => ['hero_media_id','Homepage hero','Primary image available to the homepage hero area.'],
        'storefront' => ['storefront_media_id','Storefront / visit photo','Exterior or storefront image available to visit/location content.'],
    ];
@endphp

<div class="max-w-7xl">
    <p class="hms-kicker">Single source of truth</p>
    <h1 class="font-serif text-4xl">Business Settings</h1>
    <p class="mt-3 max-w-3xl text-black/60">Manage the business facts HMS uses across the website and supported business-presence providers. Each field explains what it controls.</p>

    <form class="mt-8 grid gap-6" method="POST" enctype="multipart/form-data" action="{{ route('admin.settings.update') }}">
        @csrf @method('PUT')

        <section class="rounded-2xl border border-black/10 bg-white p-6">
            <h2 class="font-serif text-2xl">Business identity & contact</h2>
            <p class="mt-2 max-w-3xl text-sm text-black/55">Canonical facts used by the public website and supported business-presence connections.</p>
            <div class="mt-6 grid gap-5 lg:grid-cols-2">
                @foreach($identityFields as $key => [$label,$description,$type])
                    <label class="grid content-start gap-1.5 text-sm font-semibold">
                        <span>{{ $label }}</span>
                        <span class="min-h-8 text-xs font-normal leading-relaxed text-black/45">{{ $description }}</span>
                        <input class="rounded-xl border border-black/15 px-4 py-3" type="{{ $type }}" name="{{ $key }}" value="{{ old($key,$values[$key] ?? ($key === 'timezone' ? 'America/New_York' : '')) }}">
                    </label>
                @endforeach
            </div>
        </section>

        <section class="rounded-2xl border border-black/10 bg-white p-6">
            <h2 class="font-serif text-2xl">Public information & notices</h2>
            <p class="mt-2 max-w-3xl text-sm text-black/55">Optional fields remain hidden on public surfaces when left blank.</p>
            <div class="mt-6 grid gap-5">
                @foreach($contentFields as $key => [$label,$description])
                    <label class="grid gap-1.5 text-sm font-semibold">
                        <span>{{ $label }}</span><span class="text-xs font-normal leading-relaxed text-black/45">{{ $description }}</span>
                        <textarea class="min-h-28 rounded-xl border border-black/15 px-4 py-3" name="{{ $key }}">{{ old($key,$values[$key] ?? '') }}</textarea>
                    </label>
                @endforeach
            </div>
        </section>

        <section class="rounded-2xl border border-black/10 bg-white p-6">
            <h2 class="font-serif text-2xl">Brand images</h2>
            <p class="mt-2 max-w-3xl text-sm text-black/55">For each location, choose an image already in HMS, upload a new one, or paste a direct HTTPS image link. A new upload/link overrides the existing-image selection and is added to Media Library automatically.</p>
            <p class="mt-1 text-xs text-black/45">Only add images HMS has permission to publish. Alt text is required for every new image.</p>

            <div class="mt-6 grid gap-5 lg:grid-cols-3">
                @foreach($brandAssets as $prefix => [$settingKey,$label,$description])
                    @php($currentMedia = $approvedMedia->first(fn($item) => (string)$item->id === (string)old($settingKey,$values[$settingKey] ?? '')))
                    <div class="rounded-2xl border border-black/10 bg-[var(--hms-cream)] p-5">
                        <div class="flex items-start justify-between gap-3">
                            <div><h3 class="font-serif text-xl">{{ $label }}</h3><p class="mt-1 text-xs leading-relaxed text-black/50">{{ $description }}</p></div>
                            @if($currentMedia)<img class="h-16 w-20 rounded-lg border border-black/10 object-cover" src="{{ $currentMedia->publicUrl() }}" alt="{{ $currentMedia->alt_text }}">@endif
                        </div>
                        <div class="mt-4 grid gap-3">
                            <label class="grid gap-1 text-xs font-semibold">Existing image
                                <select class="rounded-lg border border-black/15 bg-white p-3 text-sm" name="{{ $settingKey }}">
                                    <option value="">None selected</option>
                                    @foreach($approvedMedia as $mediaItem)
                                        <option value="{{ $mediaItem->id }}" @selected((string)old($settingKey,$values[$settingKey] ?? '') === (string)$mediaItem->id)>{{ $mediaItem->original_filename }} — {{ $mediaItem->alt_text }}</option>
                                    @endforeach
                                </select>
                            </label>
                            <label class="grid gap-1 text-xs font-semibold">Upload new
                                <input class="rounded-lg border border-black/15 bg-white p-3 text-sm" type="file" name="{{ $prefix }}_image_file" accept="image/jpeg,image/png,image/webp">
                            </label>
                            <div class="text-center text-[10px] font-bold uppercase tracking-widest text-black/30">or</div>
                            <label class="grid gap-1 text-xs font-semibold">Paste image link
                                <input class="rounded-lg border border-black/15 bg-white p-3 text-sm" type="url" name="{{ $prefix }}_image_url" value="{{ old($prefix.'_image_url') }}" placeholder="https://…">
                            </label>
                            <label class="grid gap-1 text-xs font-semibold">Alt text for new image
                                <input class="rounded-lg border border-black/15 bg-white p-3 text-sm" name="{{ $prefix }}_image_alt" value="{{ old($prefix.'_image_alt') }}" placeholder="Describe the image">
                            </label>
                        </div>
                    </div>
                @endforeach
            </div>
        </section>

        <section class="rounded-2xl border border-black/10 bg-white p-6">
            <h2 class="font-serif text-2xl">Public catalog & launch controls</h2>
            <p class="mt-2 text-sm text-black/55">These switches can immediately change what the public website exposes.</p>
            <div class="mt-5 grid gap-4">
                <label class="flex items-start gap-3 text-sm font-semibold"><input class="mt-1" type="checkbox" name="public_prices_enabled" value="1" @checked(old('public_prices_enabled',$values['public_prices_enabled'] ?? '0') === '1')><span>Display product prices publicly<small class="mt-1 block font-normal leading-relaxed text-black/50">Keep this off unless HMS intentionally decides to display prices.</small></span></label>
                <label class="flex items-start gap-3 text-sm font-semibold"><input class="mt-1" type="checkbox" name="public_specials_enabled" value="1" @checked(old('public_specials_enabled',$values['public_specials_enabled'] ?? '1') === '1')><span>Display published specials publicly<small class="mt-1 block font-normal leading-relaxed text-black/50">Turning this off hides specials globally without deleting them.</small></span></label>
                <label class="flex items-start gap-3 text-sm font-semibold"><input class="mt-1" type="checkbox" name="search_indexing_enabled" value="1" @checked(old('search_indexing_enabled',$values['search_indexing_enabled'] ?? '0') === '1')><span>Allow search-engine indexing<small class="mt-1 block font-normal leading-relaxed text-black/50">Keep off while the site is still being built or tested.</small></span></label>
            </div>
        </section>

        <section class="rounded-2xl border border-black/10 bg-white p-6">
            <h2 class="font-serif text-2xl">Leafly</h2>
            <p class="mt-2 max-w-3xl text-sm text-black/55">Leafly strain pages may be recorded as research references. HMS does not automatically scrape Leafly or copy Leafly images/long-form content. Retailer menu integration stays off unless authorized integration access is configured.</p>
            <div class="mt-5 grid gap-5 lg:grid-cols-2">
                <label class="grid gap-1.5 text-sm font-semibold">Leafly retailer/profile URL<span class="text-xs font-normal text-black/45">Official HMS Leafly retailer/profile address, if verified.</span><input class="rounded-xl border border-black/15 px-4 py-3" type="url" name="leafly_profile_url" value="{{ old('leafly_profile_url',$values['leafly_profile_url'] ?? '') }}"></label>
                <label class="grid gap-1.5 text-sm font-semibold">Leafly Store ID<span class="text-xs font-normal text-black/45">Provider identifier required only for an authorized retailer integration.</span><input class="rounded-xl border border-black/15 px-4 py-3" name="leafly_store_id" value="{{ old('leafly_store_id',$values['leafly_store_id'] ?? '') }}"></label>
                <label class="flex items-start gap-3 text-sm font-semibold lg:col-span-2"><input class="mt-1" type="checkbox" name="leafly_menu_enabled" value="1" @checked(old('leafly_menu_enabled',$values['leafly_menu_enabled'] ?? '0') === '1')><span>Enable Leafly-powered retailer menu<small class="mt-1 block font-normal text-black/50">Only enable after authorized integration details are configured.</small></span></label>
            </div>
        </section>

        <section class="rounded-2xl border border-black/10 bg-white p-6">
            <h2 class="font-serif text-2xl">Social profiles</h2>
            <p class="mt-2 text-sm text-black/55">Only verified official HMS accounts should be entered.</p>
            <div class="mt-5 grid gap-5 lg:grid-cols-2">
                @foreach(['facebook_url'=>'Facebook URL','instagram_url'=>'Instagram URL','youtube_url'=>'YouTube URL','x_url'=>'X / Twitter URL'] as $key=>$label)
                    <label class="grid gap-1.5 text-sm font-semibold">{{ $label }}<span class="text-xs font-normal text-black/45">Full HTTPS URL for the official HMS profile.</span><input class="rounded-xl border border-black/15 px-4 py-3" type="url" name="{{ $key }}" value="{{ old($key,$values[$key] ?? '') }}"></label>
                @endforeach
            </div>
        </section>

        <div class="flex flex-wrap items-center justify-between gap-4 rounded-2xl border border-black/10 bg-white p-5">
            <p class="max-w-2xl text-sm text-black/55">Saving records an audit event and queues eligible supported business-presence changes for reconciliation.</p>
            <button class="hms-button hms-button-primary">Save Business Settings</button>
        </div>
    </form>

    <section class="mt-8 rounded-2xl border border-black/10 bg-white p-6">
        <h2 class="font-serif text-2xl">Regular hours</h2>
        <p class="mt-2 text-sm text-black/55">Normal weekly hours used for the live open/closed status, Visit page, and eligible listing sync.</p>
        <form class="mt-5 grid gap-3" method="POST" action="{{ route('admin.settings.hours') }}">
            @csrf @method('PUT')
            @foreach(['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'] as $day=>$label)
                @php($row=$hours->get($day))
                <div class="grid items-center gap-3 rounded-xl bg-black/[.025] p-4 sm:grid-cols-[120px_100px_1fr_1fr]">
                    <strong>{{ $label }}</strong>
                    <label class="text-sm"><input type="checkbox" name="hours[{{ $day }}][is_closed]" value="1" @checked($row?->is_closed)> Closed</label>
                    <input class="rounded-lg border border-black/15 p-2" type="time" name="hours[{{ $day }}][opens_at]" value="{{ substr((string)$row?->opens_at,0,5) }}" aria-label="{{ $label }} opening time">
                    <input class="rounded-lg border border-black/15 p-2" type="time" name="hours[{{ $day }}][closes_at]" value="{{ substr((string)$row?->closes_at,0,5) }}" aria-label="{{ $label }} closing time">
                </div>
            @endforeach
            <button class="hms-button hms-button-primary mt-3 justify-self-start">Save regular hours</button>
        </form>
    </section>

    <div class="mt-8 grid gap-6 lg:grid-cols-2">
        <section class="rounded-2xl border border-black/10 bg-white p-6">
            <h2 class="font-serif text-2xl">Holiday / special hours</h2>
            <p class="mt-2 text-sm text-black/55">Date-specific override for holidays or one-day schedule changes.</p>
            <form class="mt-4 grid gap-3" method="POST" action="{{ route('admin.settings.holiday-hours') }}">
                @csrf
                <label class="grid gap-1 text-sm font-semibold">Date<input class="rounded-lg border p-3" type="date" name="date" required></label>
                <label class="grid gap-1 text-sm font-semibold">Public label<input class="rounded-lg border p-3" name="label" placeholder="Example: Thanksgiving"></label>
                <label class="text-sm"><input type="checkbox" name="is_closed" value="1"> Closed all day</label>
                <div class="grid grid-cols-2 gap-3"><input class="rounded-lg border p-3" type="time" name="opens_at" aria-label="Special opening time"><input class="rounded-lg border p-3" type="time" name="closes_at" aria-label="Special closing time"></div>
                <button class="hms-button border border-black/15">Save special hours</button>
            </form>
            <div class="mt-5 text-sm">
                @forelse($holidayHours as $holiday)
                    <div class="flex items-center justify-between gap-3 border-t py-3"><div>{{ $holiday->date->toFormattedDateString() }} · {{ $holiday->label ?: 'Special hours' }} · {{ $holiday->is_closed ? 'Closed' : substr($holiday->opens_at,0,5).'–'.substr($holiday->closes_at,0,5) }}</div><form method="POST" action="{{ route('admin.settings.holiday-hours.destroy',$holiday) }}" onsubmit="return confirm('Remove this holiday/special-hours override?')">@csrf @method('DELETE')<button class="text-xs font-semibold text-red-700">Remove</button></form></div>
                @empty<p class="text-black/45">No special-hours overrides.</p>@endforelse
            </div>
        </section>

        <section class="rounded-2xl border border-black/10 bg-white p-6">
            <h2 class="font-serif text-2xl">Temporary closure</h2>
            <p class="mt-2 text-sm text-black/55">Use for a temporary closure that should override normal open/closed status.</p>
            <form class="mt-4 grid gap-3" method="POST" action="{{ route('admin.settings.closures') }}">
                @csrf
                <label class="grid gap-1 text-sm font-semibold">Starts<input class="rounded-lg border p-3" type="datetime-local" name="starts_at" required></label>
                <label class="grid gap-1 text-sm font-semibold">Ends <span class="font-normal text-black/45">Optional for an open-ended closure.</span><input class="rounded-lg border p-3" type="datetime-local" name="ends_at"></label>
                <label class="grid gap-1 text-sm font-semibold">Public closure message<textarea class="rounded-lg border p-3" name="public_message" placeholder="Short factual message shown with store status"></textarea></label>
                <label class="text-sm"><input type="checkbox" name="is_active" value="1" checked> Active immediately</label>
                <button class="hms-button border border-black/15">Create closure</button>
            </form>
            <div class="mt-5 text-sm">
                @forelse($closures as $closure)
                    <div class="flex items-start justify-between gap-3 border-t py-3"><div>{{ $closure->starts_at->toDayDateTimeString() }} · {{ $closure->is_active ? 'Active' : 'Inactive' }}<div class="text-black/50">{{ $closure->public_message }}</div></div><form method="POST" action="{{ route('admin.settings.closures.destroy',$closure) }}" onsubmit="return confirm('Remove this temporary closure?')">@csrf @method('DELETE')<button class="text-xs font-semibold text-red-700">Remove</button></form></div>
                @empty<p class="text-black/45">No temporary closures.</p>@endforelse
            </div>
        </section>
    </div>
</div>
@endsection