@extends('layouts.admin')
@section('title', 'Settings')
@section('content')
<h1 class="text-2xl font-bold mb-6">Settings</h1>

<div class="grid md:grid-cols-2 gap-6">
    <form method="POST" action="{{ route('admin.settings.general') }}" enctype="multipart/form-data" class="bg-white rounded-xl shadow-sm p-6 space-y-3">
        @csrf
        <h2 class="font-semibold">General</h2>
        <div><label class="text-sm font-medium">Website Name</label><input name="website_name" value="{{ $settings['website_name'] ?? '' }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        <div><label class="text-sm font-medium">Logo</label><input type="file" name="logo" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        <div><label class="text-sm font-medium">Favicon</label><input type="file" name="favicon" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        <div><label class="text-sm font-medium">Marquee / Notice Bar Text</label><input name="marquee_text" value="{{ $settings['marquee_text'] ?? '' }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        <button class="bg-brand text-white px-5 py-2 rounded-lg text-sm font-semibold">Save</button>
    </form>

    <form method="POST" action="{{ route('admin.settings.theme') }}" class="bg-white rounded-xl shadow-sm p-6 space-y-3">
        @csrf
        <h2 class="font-semibold">Theme Colour</h2>
        <input type="color" name="theme_color" value="{{ $settings['theme_color'] ?? '#e6740b' }}" class="w-full h-12 border rounded-lg">
        <p class="text-xs text-gray-500">Applied to buttons, links and accents site-wide with one click.</p>
        <button class="bg-brand text-white px-5 py-2 rounded-lg text-sm font-semibold">Save</button>
    </form>

    <form method="POST" action="{{ route('admin.settings.ai') }}" class="bg-white rounded-xl shadow-sm p-6 space-y-3">
        @csrf
        <h2 class="font-semibold">AI (Chatbot + Landing Pages)</h2>
        <div><label class="text-sm font-medium">Provider</label>
            <select name="ai_provider" class="w-full border rounded-lg px-3 py-2 mt-1">
                <option value="gemini" {{ ($settings['ai_provider'] ?? 'gemini') === 'gemini' ? 'selected' : '' }}>Gemini</option>
                <option value="openai" {{ ($settings['ai_provider'] ?? '') === 'openai' ? 'selected' : '' }}>ChatGPT (OpenAI)</option>
            </select>
        </div>
        <div><label class="text-sm font-medium">Gemini API Key</label><input name="gemini_api_key" value="{{ $settings['gemini_api_key'] ?? '' }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        <div><label class="text-sm font-medium">OpenAI API Key</label><input name="openai_api_key" value="{{ $settings['openai_api_key'] ?? '' }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        <div><label class="text-sm font-medium">Train the AI (free text — falls back to product data if blank)</label><textarea name="ai_training_notes" rows="3" class="w-full border rounded-lg px-3 py-2 mt-1">{{ $settings['ai_training_notes'] ?? '' }}</textarea></div>
        <button class="bg-brand text-white px-5 py-2 rounded-lg text-sm font-semibold">Save</button>
    </form>

    <form method="POST" action="{{ route('admin.settings.courier') }}" class="bg-white rounded-xl shadow-sm p-6 space-y-3">
        @csrf
        <h2 class="font-semibold">Courier (Pathao + Steadfast)</h2>
        <div><label class="text-sm font-medium">Pathao Environment</label>
            <select name="pathao_env" class="w-full border rounded-lg px-3 py-2 mt-1">
                <option value="live" {{ ($settings['pathao_env'] ?? 'live') === 'live' ? 'selected' : '' }}>Live</option>
                <option value="staging" {{ ($settings['pathao_env'] ?? '') === 'staging' ? 'selected' : '' }}>Staging</option>
            </select>
        </div>
        <input name="pathao_client_id" placeholder="Pathao Client ID" value="{{ $settings['pathao_client_id'] ?? '' }}" class="w-full border rounded-lg px-3 py-2">
        <input name="pathao_client_secret" placeholder="Pathao Client Secret" value="{{ $settings['pathao_client_secret'] ?? '' }}" class="w-full border rounded-lg px-3 py-2">
        <input name="pathao_username" placeholder="Pathao Username" value="{{ $settings['pathao_username'] ?? '' }}" class="w-full border rounded-lg px-3 py-2">
        <input name="pathao_password" placeholder="Pathao Password" type="password" class="w-full border rounded-lg px-3 py-2">
        <input name="pathao_store_id" placeholder="Pathao Store ID" value="{{ $settings['pathao_store_id'] ?? '' }}" class="w-full border rounded-lg px-3 py-2">
        <input name="steadfast_api_key" placeholder="Steadfast API Key" value="{{ $settings['steadfast_api_key'] ?? '' }}" class="w-full border rounded-lg px-3 py-2">
        <input name="steadfast_secret_key" placeholder="Steadfast Secret Key" value="{{ $settings['steadfast_secret_key'] ?? '' }}" class="w-full border rounded-lg px-3 py-2">
        <button class="bg-brand text-white px-5 py-2 rounded-lg text-sm font-semibold">Save</button>
    </form>

    <form method="POST" action="{{ route('admin.settings.fraud') }}" class="bg-white rounded-xl shadow-sm p-6 space-y-3">
        @csrf
        <h2 class="font-semibold">Fraud Order Protection</h2>
        <div><label class="text-sm font-medium">Max orders per IP within window</label><input type="number" name="fraud_max_orders" value="{{ $settings['fraud_max_orders'] ?? 3 }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        <div><label class="text-sm font-medium">Window (hours)</label><input type="number" name="fraud_window_hours" value="{{ $settings['fraud_window_hours'] ?? 24 }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        <div><label class="text-sm font-medium">Block duration (hours)</label><input type="number" name="fraud_block_hours" value="{{ $settings['fraud_block_hours'] ?? 24 }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        <div><label class="text-sm font-medium">Message shown to blocked IPs</label><textarea name="fraud_block_message" rows="2" class="w-full border rounded-lg px-3 py-2 mt-1">{{ $settings['fraud_block_message'] ?? 'You have reached the maximum number of orders allowed. Please try again later.' }}</textarea></div>
        <button class="bg-brand text-white px-5 py-2 rounded-lg text-sm font-semibold">Save</button>
    </form>

    <form method="POST" action="{{ route('admin.settings.checkout-tick') }}" class="bg-white rounded-xl shadow-sm p-6 space-y-3">
        @csrf
        <h2 class="font-semibold">Checkout Tick Field</h2>
        <div><label class="text-sm font-medium">Text</label><input name="checkout_tick_text" value="{{ $settings['checkout_tick_text'] ?? '' }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        <div class="grid grid-cols-2 gap-3">
            <div><label class="text-sm font-medium">Text Colour</label><input type="color" name="checkout_tick_color" value="{{ $settings['checkout_tick_color'] ?? '#111111' }}" class="w-full h-10 border rounded-lg mt-1"></div>
            <div><label class="text-sm font-medium">Text Size (px)</label><input type="number" name="checkout_tick_size" value="{{ $settings['checkout_tick_size'] ?? 13 }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
        </div>
        <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="checkout_tick_required" value="1" {{ ($settings['checkout_tick_required'] ?? '0') === '1' ? 'checked' : '' }}> Must be ticked to order</label>
        <button class="bg-brand text-white px-5 py-2 rounded-lg text-sm font-semibold">Save</button>
    </form>
</div>
@endsection