@extends('layouts.app')
@section('title', 'Settings - ' . ucfirst(str_replace('_',' ',$group)))
@section('page-title', 'Settings / CMS')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span>/</span>Settings</div>
        <h1>Platform Settings & CMS</h1>
        <p>Edit all platform content, pricing text, and system settings without touching code.</p>
    </div>
</div>

<div style="display:grid;grid-template-columns:220px 1fr;gap:24px;">
    <!-- Settings Sidebar -->
    <div>
        <div class="card">
            <div class="card-body" style="padding:12px;">
                <nav style="display:flex;flex-direction:column;gap:2px;">
                    @php
                        $settingGroups = ['general', 'email', 'sms', 'payment', 'receipt', 'landing_page', 'appearance'];
                        $icons = ['general'=>'fas fa-globe','email'=>'fas fa-envelope','sms'=>'fas fa-sms','payment'=>'fas fa-credit-card','receipt'=>'fas fa-receipt','landing_page'=>'fas fa-home','appearance'=>'fas fa-paint-brush'];
                    @endphp
                    @foreach($settingGroups as $g)
                    <a href="{{ route('admin.settings.group', $g) }}"
                       style="padding:9px 12px;border-radius:6px;font-size:13.5px;font-weight:500;color:#374151;text-decoration:none;transition:all .15s;display:flex;align-items:center;gap:8px;
                       {{ $group === $g ? 'background:#e8f0fe;color:#1a56db;' : '' }}">
                        <i class="{{ $icons[$g] }}" style="width:16px;text-align:center;font-size:13px;"></i>
                        {{ ucfirst(str_replace('_',' ',$g)) }}
                    </a>
                    @endforeach
                </nav>
            </div>
        </div>
    </div>

    <!-- Settings Content -->
    <div class="card">
        <div class="card-header">
            <span class="card-title">{{ ucfirst(str_replace('_',' ',$group)) }} Settings</span>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.settings.update') }}" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="group" value="{{ $group }}">
                
                @if($group == 'general')
                    <div class="form-group">
                        <label class="form-label">Site Name</label>
                        <input type="text" name="site_name" class="form-control" value="{{ $settings['site_name']->value ?? 'Hotel Management Board' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Site Tagline</label>
                        <input type="text" name="site_tagline" class="form-control" value="{{ $settings['site_tagline']->value ?? 'Modern Hotel Management, Simplified' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Site Email</label>
                        <input type="email" name="site_email" class="form-control" value="{{ $settings['site_email']->value ?? '' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Site Phone</label>
                        <input type="text" name="site_phone" class="form-control" value="{{ $settings['site_phone']->value ?? '' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Site Address</label>
                        <textarea name="site_address" class="form-control" rows="2">{{ $settings['site_address']->value ?? '' }}</textarea>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Support Email</label>
                        <input type="email" name="support_email" class="form-control" value="{{ $settings['support_email']->value ?? '' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Trial Days</label>
                        <input type="number" name="trial_days" class="form-control" value="{{ $settings['trial_days']->value ?? 14 }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">WhatsApp Number</label>
                        <input type="text" name="whatsapp_number" class="form-control" value="{{ $settings['whatsapp_number']->value ?? '2348000000000' }}">
                        <small class="form-text">Format: 2348000000000 (without +)</small>
                    </div>
                
                @elseif($group == 'email')
                    <div class="form-group">
                        <label class="form-label">Mail Driver</label>
                        <select name="mail_mailer" class="form-control">
                            <option value="smtp" {{ ($settings['mail_mailer']->value ?? 'smtp') == 'smtp' ? 'selected' : '' }}>SMTP</option>
                            <option value="log" {{ ($settings['mail_mailer']->value ?? '') == 'log' ? 'selected' : '' }}>Log (Testing)</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">SMTP Host</label>
                        <input type="text" name="mail_host" class="form-control" value="{{ $settings['mail_host']->value ?? 'smtp.gmail.com' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">SMTP Port</label>
                        <input type="text" name="mail_port" class="form-control" value="{{ $settings['mail_port']->value ?? '587' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">SMTP Username</label>
                        <input type="text" name="mail_username" class="form-control" value="{{ $settings['mail_username']->value ?? '' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">SMTP Password</label>
                        <input type="password" name="mail_password" class="form-control" value="{{ $settings['mail_password']->value ?? '' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Encryption</label>
                        <select name="mail_encryption" class="form-control">
                            <option value="tls" {{ ($settings['mail_encryption']->value ?? 'tls') == 'tls' ? 'selected' : '' }}>TLS</option>
                            <option value="ssl" {{ ($settings['mail_encryption']->value ?? '') == 'ssl' ? 'selected' : '' }}>SSL</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">From Address</label>
                        <input type="email" name="mail_from_address" class="form-control" value="{{ $settings['mail_from_address']->value ?? 'noreply@hotelmanagementboard.com' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">From Name</label>
                        <input type="text" name="mail_from_name" class="form-control" value="{{ $settings['mail_from_name']->value ?? 'Hotel Management Board' }}">
                    </div>
                
                @elseif($group == 'sms')
                    <div class="form-group">
                        <label class="form-label">SMS Driver</label>
                        <select name="sms_driver" class="form-control">
                            <option value="termii" {{ ($settings['sms_driver']->value ?? 'termii') == 'termii' ? 'selected' : '' }}>Termii</option>
                            <option value="log" {{ ($settings['sms_driver']->value ?? '') == 'log' ? 'selected' : '' }}>Log (Testing)</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Termii API Key</label>
                        <input type="text" name="sms_api_key" class="form-control" value="{{ $settings['sms_api_key']->value ?? '' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Sender ID</label>
                        <input type="text" name="sms_sender_id" class="form-control" value="{{ $settings['sms_sender_id']->value ?? 'HotelMgmt' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Send Booking Confirmation</label>
                        <select name="sms_booking_confirmation" class="form-control">
                            <option value="1" {{ ($settings['sms_booking_confirmation']->value ?? '1') == '1' ? 'selected' : '' }}>Yes</option>
                            <option value="0" {{ ($settings['sms_booking_confirmation']->value ?? '1') == '0' ? 'selected' : '' }}>No</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Send Payment Receipt</label>
                        <select name="sms_payment_receipt" class="form-control">
                            <option value="1" {{ ($settings['sms_payment_receipt']->value ?? '1') == '1' ? 'selected' : '' }}>Yes</option>
                            <option value="0" {{ ($settings['sms_payment_receipt']->value ?? '1') == '0' ? 'selected' : '' }}>No</option>
                        </select>
                    </div>
                
                @elseif($group == 'payment')
                    <div class="form-group">
                        <label class="form-label">Paystack Public Key</label>
                        <input type="text" name="paystack_public_key" class="form-control" value="{{ $settings['paystack_public_key']->value ?? '' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Paystack Secret Key</label>
                        <input type="password" name="paystack_secret_key" class="form-control" value="{{ $settings['paystack_secret_key']->value ?? '' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Currency</label>
                        <select name="paystack_currency" class="form-control">
                            <option value="NGN" {{ ($settings['paystack_currency']->value ?? 'NGN') == 'NGN' ? 'selected' : '' }}>NGN - Nigerian Naira</option>
                            <option value="GHS" {{ ($settings['paystack_currency']->value ?? '') == 'GHS' ? 'selected' : '' }}>GHS - Ghana Cedi</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Callback URL</label>
                        <input type="text" name="paystack_callback_url" class="form-control" value="{{ $settings['paystack_callback_url']->value ?? '' }}">
                        <small class="form-text">Leave empty to use default callback</small>
                    </div>
                
                @elseif($group == 'receipt')
                    <div class="form-group">
                        <label class="form-label">Watermark Text</label>
                        <input type="text" name="receipt_watermark" class="form-control" value="{{ $settings['receipt_watermark']->value ?? 'RECEIPT' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Footer Thank You Message</label>
                        <textarea name="receipt_footer" class="form-control" rows="2">{{ $settings['receipt_footer']->value ?? 'Thank you for choosing our hotel.' }}</textarea>
                    </div>
                
                @elseif($group == 'landing_page')
                    <div class="form-group">
                        <label class="form-label">Hero Title</label>
                        <input type="text" name="hero_title" class="form-control" value="{{ $settings['hero_title']->value ?? 'Run Your Hotel Smarter' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Hero Subtitle</label>
                        <textarea name="hero_subtitle" class="form-control" rows="2">{{ $settings['hero_subtitle']->value ?? 'Everything your hotel needs in one place — bookings, guests, staff, reports and more.' }}</textarea>
                    </div>
                    <div class="form-group">
                        <label class="form-label">CTA Button Text</label>
                        <input type="text" name="cta_text" class="form-control" value="{{ $settings['cta_text']->value ?? 'Start Free Trial' }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">CTA Button Link</label>
                        <input type="text" name="cta_link" class="form-control" value="{{ $settings['cta_link']->value ?? '/register' }}">
                    </div>
                
                @elseif($group == 'appearance')
                    <div class="form-group">
                        <label class="form-label">Platform Logo</label>
                        <input type="file" name="platform_logo" class="form-control" accept="image/*">
                        @if(isset($settings['platform_logo']->value) && $settings['platform_logo']->value)
                            <div class="mt-2">
                                <img src="{{ asset('storage/' . $settings['platform_logo']->value) }}" style="max-height:60px;">
                                <small class="text-muted d-block">Current logo</small>
                            </div>
                        @endif
                    </div>
                    <div class="form-group">
                        <label class="form-label">Platform Favicon</label>
                        <input type="file" name="platform_favicon" class="form-control" accept="image/*">
                        @if(isset($settings['platform_favicon']->value) && $settings['platform_favicon']->value)
                            <div class="mt-2">
                                <small class="text-muted">Current favicon uploaded</small>
                            </div>
                        @endif
                    </div>
                    <div class="form-group">
                        <label class="form-label">Primary Color</label>
                        <input type="color" name="primary_color" class="form-control" style="width:80px;height:40px;" value="{{ $settings['primary_color']->value ?? '#1a56db' }}">
                    </div>
                @endif
                
                <div style="display:flex;justify-content:flex-end;gap:8px;margin-top:20px;">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Save Settings</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection