@extends('admin.layouts.app')

@section('title', 'Settings')
@section('page-title', 'System Settings')

@section('content')
<div class="bg-white rounded-lg shadow p-6">
    <form method="POST" action="{{ route('admin.settings.update') }}">
        @csrf
        @method('PUT')

        <div class="space-y-8">
            <!-- Store Information -->
            <div>
                <h3 class="text-lg font-semibold mb-4 border-b pb-2">Store Information</h3>
                <div class="grid grid-cols-2 gap-4">
                    <div>
                        <label for="store_name" class="block text-sm font-medium text-gray-700">Store Name</label>
                        <input type="text" name="store_name" id="store_name" 
                               value="{{ old('store_name', \App\Models\Setting::get('store_name')) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                    </div>
                    <div>
                        <label for="store_email" class="block text-sm font-medium text-gray-700">Store Email</label>
                        <input type="email" name="store_email" id="store_email" 
                               value="{{ old('store_email', \App\Models\Setting::get('store_email')) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                    </div>
                    <div>
                        <label for="store_phone" class="block text-sm font-medium text-gray-700">Store Phone</label>
                        <input type="text" name="store_phone" id="store_phone" 
                               value="{{ old('store_phone', \App\Models\Setting::get('store_phone')) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                    </div>
                    <div>
                        <label for="store_address" class="block text-sm font-medium text-gray-700">Store Address</label>
                        <input type="text" name="store_address" id="store_address" 
                               value="{{ old('store_address', \App\Models\Setting::get('store_address')) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                    </div>
                </div>
            </div>

            <!-- Currency & Tax -->
            <div>
                <h3 class="text-lg font-semibold mb-4 border-b pb-2">Currency & Tax</h3>
                <div class="grid grid-cols-3 gap-4">
                    <div>
                        <label for="currency" class="block text-sm font-medium text-gray-700">Currency</label>
                        <input type="text" name="currency" id="currency" 
                               value="{{ old('currency', \App\Models\Setting::get('currency', 'USD')) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                    </div>
                    <div>
                        <label for="currency_symbol" class="block text-sm font-medium text-gray-700">Currency Symbol</label>
                        <input type="text" name="currency_symbol" id="currency_symbol" 
                               value="{{ old('currency_symbol', \App\Models\Setting::get('currency_symbol', '$')) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                    </div>
                    <div>
                        <label for="default_tax_rate" class="block text-sm font-medium text-gray-700">Default Tax Rate (%)</label>
                        <input type="number" step="0.01" name="default_tax_rate" id="default_tax_rate" 
                               value="{{ old('default_tax_rate', \App\Models\Setting::get('default_tax_rate', 0)) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                    </div>
                </div>
            </div>

            <!-- Delivery -->
            <div>
                <h3 class="text-lg font-semibold mb-4 border-b pb-2">Delivery Settings</h3>
                <div class="grid grid-cols-2 gap-4">
                    <div>
                        <label for="delivery_charge" class="block text-sm font-medium text-gray-700">Delivery Charge (from customer)</label>
                        <input type="number" step="0.01" name="delivery_charge" id="delivery_charge" 
                               value="{{ old('delivery_charge', \App\Models\Setting::get('delivery_charge', 5.00)) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                        <p class="mt-1 text-sm text-gray-500">Amount charged to the customer for delivery</p>
                    </div>
                    <div>
                        <label for="delivery_boy_fee_per_order" class="block text-sm font-medium text-gray-700">Delivery Boy Fee Per Order</label>
                        <input type="number" step="0.01" name="delivery_boy_fee_per_order" id="delivery_boy_fee_per_order" 
                               value="{{ old('delivery_boy_fee_per_order', \App\Models\Setting::get('delivery_boy_fee_per_order', 50)) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                        <p class="mt-1 text-sm text-gray-500">Amount delivery boy gets per order (can override when assigning)</p>
                    </div>
                    <div>
                        <label for="free_delivery_threshold" class="block text-sm font-medium text-gray-700">Free Delivery Threshold</label>
                        <input type="number" step="0.01" name="free_delivery_threshold" id="free_delivery_threshold" 
                               value="{{ old('free_delivery_threshold', \App\Models\Setting::get('free_delivery_threshold', 50.00)) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                    </div>
                </div>
            </div>

            <!-- Order Settings -->
            <div>
                <h3 class="text-lg font-semibold mb-4 border-b pb-2">Order Settings</h3>
                <div class="grid grid-cols-2 gap-4">
                    <div>
                        <label for="order_cancellation_hours" class="block text-sm font-medium text-gray-700">Order Cancellation Hours</label>
                        <input type="number" name="order_cancellation_hours" id="order_cancellation_hours" 
                               value="{{ old('order_cancellation_hours', \App\Models\Setting::get('order_cancellation_hours', 24)) }}"
                               class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                        <p class="mt-1 text-sm text-gray-500">Hours after order placement when cancellation is allowed</p>
                    </div>
                    <div class="flex items-center pt-6">
                        <input type="checkbox" name="auto_confirm_orders" id="auto_confirm_orders" value="1" 
                               {{ old('auto_confirm_orders', \App\Models\Setting::get('auto_confirm_orders')) == 'true' ? 'checked' : '' }}
                               class="h-4 w-4 text-blue-600">
                        <label for="auto_confirm_orders" class="ml-2 block text-sm text-gray-900">Auto Confirm Orders</label>
                    </div>
                </div>
            </div>

            <!-- App Theme (Mobile app) -->
            <div>
                <h3 class="text-lg font-semibold mb-4 border-b pb-2">App Theme (Mobile)</h3>
                <p class="text-sm text-gray-500 mb-3">Theme applied in the mobile app (Home, Login, etc.). Users see it after refreshing the app.</p>
                <div class="max-w-xs">
                    <label for="app_theme" class="block text-sm font-medium text-gray-700">Theme</label>
                    <select name="app_theme" id="app_theme" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
                        <option value="blinkit" {{ old('app_theme', \App\Models\Setting::get('app_theme', 'blinkit')) == 'blinkit' ? 'selected' : '' }}>Blinkit (Yellow/Green)</option>
                        <option value="dark" {{ old('app_theme', \App\Models\Setting::get('app_theme', 'blinkit')) == 'dark' ? 'selected' : '' }}>Dark</option>
                        <option value="light" {{ old('app_theme', \App\Models\Setting::get('app_theme', 'blinkit')) == 'light' ? 'selected' : '' }}>Light (Blue)</option>
                    </select>
                </div>
            </div>

            @if(session('success'))
            <div class="p-4 bg-green-100 text-green-800 rounded-md text-sm">
                {{ session('success') }}
            </div>
            @endif

            <div class="flex justify-end">
                <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                    Save Settings
                </button>
            </div>
        </div>
    </form>
</div>
@endsection