@extends('layouts.admin')
@section('title','Settings')
@section('page-title','Business Settings')
@section('content')
<div class="page-header"><h1>Business Settings</h1></div>
<div class="card" style="max-width:680px;">
    <div class="card-body">
        <form method="POST" action="{{ route('admin.settings.update') }}">
            @csrf @method('PUT')
            @if($errors->any())<div class="alert alert-error">{{ $errors->first() }}</div>@endif
            @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif

            <h3 style="font-size:1.05rem;color:#8B3252;margin-bottom:1rem;border-bottom:1px solid #E8D5C4;padding-bottom:.5rem;">Business Information</h3>
            <div class="grid-2" style="gap:1.25rem;">
                <div class="form-group"><label>Business Name</label><input type="text" name="business_name" value="{{ old('business_name',$settings->business_name) }}"></div>
                <div class="form-group"><label>Email</label><input type="email" name="business_email" value="{{ old('business_email',$settings->business_email) }}"></div>
                <div class="form-group"><label>Phone</label><input type="tel" name="business_phone" value="{{ old('business_phone',$settings->business_phone) }}"></div>
                <div class="form-group"><label>WhatsApp Number</label><input type="tel" name="whatsapp_number" value="{{ old('whatsapp_number',$settings->whatsapp_number) }}" placeholder="+233200000001"></div>
                <div class="form-group"><label>Currency Code</label><input type="text" name="currency" value="{{ old('currency',$settings->currency) }}" placeholder="GHS"></div>
                <div class="form-group"><label>Currency Symbol</label><input type="text" name="currency_symbol" value="{{ old('currency_symbol',$settings->currency_symbol) }}" placeholder="₵"></div>
            </div>
            <div class="form-group"><label>Business Address</label><input type="text" name="business_address" value="{{ old('business_address',$settings->business_address) }}"></div>
            <div class="form-group"><label>Business Hours</label><input type="text" name="business_hours" value="{{ old('business_hours',$settings->business_hours) }}" placeholder="Mon-Sat: 8am-7pm, Sun: 10am-5pm"></div>

            <h3 style="font-size:1.05rem;color:#8B3252;margin:1.5rem 0 1rem;border-bottom:1px solid #E8D5C4;padding-bottom:.5rem;">Social Media</h3>
            <div class="grid-2" style="gap:1.25rem;">
                <div class="form-group"><label>Facebook URL</label><input type="url" name="facebook_url" value="{{ old('facebook_url',$settings->facebook_url) }}" placeholder="https://facebook.com/..."></div>
                <div class="form-group"><label>Instagram URL</label><input type="url" name="instagram_url" value="{{ old('instagram_url',$settings->instagram_url) }}" placeholder="https://instagram.com/..."></div>
            </div>

            <h3 style="font-size:1.05rem;color:#8B3252;margin:1.5rem 0 1rem;border-bottom:1px solid #E8D5C4;padding-bottom:.5rem;">Booking Settings</h3>
            <div class="grid-2" style="gap:1.25rem;">
                <div class="form-group"><label>Booking Lead Hours</label><input type="number" name="booking_lead_hours" min="0" value="{{ old('booking_lead_hours',$settings->booking_lead_hours) }}"></div>
                <div class="form-group"><label>Default Deposit %</label><input type="number" name="default_deposit_percent" min="0" max="100" value="{{ old('default_deposit_percent',$settings->default_deposit_percent) }}"></div>
            </div>
            <div style="display:flex;gap:1.5rem;margin-bottom:1.5rem;">
                <label style="display:flex;gap:.5rem;align-items:center;font-size:.9rem;cursor:pointer;"><input type="checkbox" name="email_enabled" value="1" {{ $settings->email_enabled ? 'checked':'' }}> Email Notifications</label>
                <label style="display:flex;gap:.5rem;align-items:center;font-size:.9rem;cursor:pointer;"><input type="checkbox" name="sms_enabled" value="1" {{ $settings->sms_enabled ? 'checked':'' }}> SMS Notifications</label>
            </div>
            <div class="form-group"><label>Logo URL</label><input type="url" name="logo_url" value="{{ old('logo_url',$settings->logo_url) }}" placeholder="https://..."></div>

            <h3 style="font-size:1.05rem;color:#8B3252;margin:1.5rem 0 1rem;border-bottom:1px solid #E8D5C4;padding-bottom:.5rem;">💳 Paystack Payment Gateway</h3>
            <div style="background:#f0f7ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:.9rem 1rem;margin-bottom:1rem;font-size:.85rem;color:#1e40af;">
                Get your API keys from <a href="https://dashboard.paystack.com/#/settings/developer" target="_blank" style="color:#1d4ed8;font-weight:600;">dashboard.paystack.com</a> → Settings → Developer. Use <strong>Live keys</strong> in production.
            </div>
            <div style="background:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;font-size:.83rem;color:#92400e;">
                ⚠️ Paystack keys are stored in your <code>.env</code> file (not in this settings form). Edit <code>rukays-salon/.env</code> directly on your server to set:<br>
                <code style="display:block;margin-top:.4rem;">PAYSTACK_PUBLIC_KEY=pk_live_xxxx</code>
                <code style="display:block;">PAYSTACK_SECRET_KEY=sk_live_xxxx</code>
            </div>
            <div style="background:#f0fdf4;border:1px solid #6ee7b7;border-radius:.5rem;padding:.75rem 1rem;font-size:.85rem;color:#065f46;">
                ✅ <strong>Without keys:</strong> the system runs in <em>demo mode</em> — bookings go straight to confirmed (useful for testing). Add keys when ready to accept real payments.
            </div>

            <button type="submit" class="btn btn-primary" style="padding:.7rem 2rem;margin-top:1.5rem;">Save Settings</button>
        </form>
    </div>
</div>
@endsection