@extends('admin.layouts.app')

@section('title', 'Store Settings')

@section('content')
    <div class="max-w-4xl mx-auto">
        <div class="mb-6">
            <h1 class="text-2xl font-bold text-white tracking-tight">Store Settings</h1>
            <p class="text-slate-400 mt-1">Configure which store location operates this website.</p>
        </div>

        @if(session('success'))
            <div
                class="mb-6 p-4 rounded-xl bg-emerald-500/10 border border-emerald-500/20 text-emerald-400 flex items-center gap-3">
                <i data-lucide="check-circle" class="w-5 h-5"></i>
                {{ session('success') }}
            </div>
        @endif

        <div class="glass-card rounded-2xl p-6 md:p-8">
            <form action="{{ route('admin.settings.store.update') }}" method="POST">
                @csrf

                <div class="mb-8 pb-4 border-b border-white/5">
                    <h3 class="text-lg font-semibold text-white mb-1">Current Store Configuration</h3>
                    <p class="text-sm text-slate-400">Select the store location that acts as the primary fulfillment center.</p>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-8">
                    <div>
                        <label for="current_store_id" class="block text-sm font-medium text-slate-300 mb-2">
                            Select Current Store
                        </label>
                        <select id="current_store_id" name="current_store_id"
                            class="bg-slate-900/50 border border-white/10 text-white text-sm rounded-xl focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 transition-all">
                            <option value="" class="bg-slate-900 text-slate-300">-- None --</option>
                            @foreach($stores as $store)
                                <option value="{{ $store->id }}" class="bg-slate-900 text-white" 
                                    {{ (isset($settings->current_store_id) && $settings->current_store_id == $store->id) ? 'selected' : '' }}>
                                    {{ $store->name }} ({{ $store->address_line1 }})
                                </option>
                            @endforeach
                        </select>
                        <p class="mt-2 text-xs text-slate-500">This store's details (like address, phone) might be displayed
                            on the frontend contact page.</p>
                    </div>
                </div>

                <div class="flex justify-end border-t border-white/5 pt-6">
                    <button type="submit"
                        class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-xl transition-all shadow-lg shadow-blue-500/20 flex items-center gap-2">
                        <i data-lucide="save" class="w-4 h-4"></i>
                        Save Changes
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection