@extends('adminlte::page')

@section('title', 'Settings')

@section('content_header')
    <h1 class="font-condensed">Settings</h1>
@endsection

@section('content')
@if(session('status'))
    <div class="alert alert-success">{{ session('status') }}</div>
@endif
@if($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
<div class="row">
    <div class="col-lg-8">
    <form method="POST" action="{{ route('settings.update') }}" enctype="multipart/form-data">
            @csrf
            <div class="card card-compact">
                <div class="card-header p-0 border-bottom-0">
                    <ul class="nav nav-tabs" id="settings-tabs" role="tablist">
                        <li class="nav-item"><a class="nav-link active" id="tab-general" data-toggle="tab" href="#pane-general" role="tab">General</a></li>
                        <li class="nav-item"><a class="nav-link" id="tab-appearance" data-toggle="tab" href="#pane-appearance" role="tab">Appearance</a></li>
                        <li class="nav-item"><a class="nav-link" id="tab-behavior" data-toggle="tab" href="#pane-behavior" role="tab">Behavior</a></li>
                        <li class="nav-item"><a class="nav-link" id="tab-whatsapp" data-toggle="tab" href="#pane-whatsapp" role="tab">WhatsApp</a></li>
                        <li class="nav-item"><a class="nav-link" id="tab-templates" data-toggle="tab" href="#pane-templates" role="tab">Templates</a></li>
                        <li class="nav-item"><a class="nav-link" id="tab-ai" data-toggle="tab" href="#pane-ai" role="tab">AI</a></li>
                        <li class="nav-item"><a class="nav-link" id="tab-finance" data-toggle="tab" href="#pane-finance" role="tab">Finance</a></li>
                        <li class="nav-item"><a class="nav-link" id="tab-invoice" data-toggle="tab" href="#pane-invoice" role="tab">Invoice</a></li>
                    </ul>
                </div>
                <div class="card-body">
                    <div class="tab-content" id="settings-tabs-content">
                        <div class="tab-pane fade show active" id="pane-general" role="tabpanel" aria-labelledby="tab-general">
                            <table class="table table-sm align-middle">
                                <tbody>
                                    <tr>
                                        <th style="width:40%">Organization Name</th>
                                        <td><input type="text" class="form-control" name="organization_name" value="{{ old('organization_name', $settings['organization_name']) }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Organization Website</th>
                                        <td><input type="url" class="form-control" name="organization_site" placeholder="https://example.com" value="{{ old('organization_site', $settings['organization_site']) }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Timezone</th>
                                        <td>
                                            <select class="form-control" name="timezone">
                                                @foreach($timezones as $tz)
                                                    <option value="{{ $tz }}" {{ old('timezone', $settings['timezone']) === $tz ? 'selected' : '' }}>{{ $tz }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Date Format</th>
                                        <td><input type="text" class="form-control" name="date_format" value="{{ old('date_format', $settings['date_format']) }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Currency Code</th>
                                        <td><input type="text" class="form-control" name="currency_code" value="{{ old('currency_code', $settings['currency_code']) }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Google Maps API Key</th>
                                        <td>
                                            <input type="password" class="form-control" name="google_maps_api_key" value="{{ old('google_maps_api_key', $settings['google_maps_api_key'] ?? '') }}">
                                            <small class="form-text text-muted">Used on the public Offices page to render Google Maps. Create an API key with the Maps JavaScript API enabled. Keep this key secure.</small>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane fade" id="pane-appearance" role="tabpanel" aria-labelledby="tab-appearance">
                            <table class="table table-sm align-middle">
                                <tbody>
                                    <tr>
                                        <th style="width:40%">Fixed Footer (sticky)</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="fixed_footer" name="fixed_footer" value="1" {{ old('fixed_footer', $settings['fixed_footer']) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="fixed_footer">Enable</label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Compact Mode</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="compact_mode" name="compact_mode" value="1" {{ old('compact_mode', $settings['compact_mode']) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="compact_mode">Enable</label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Dark Mode</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="dark_mode" name="dark_mode" value="1" {{ old('dark_mode', $settings['dark_mode']) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="dark_mode">Enable</label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Table Density</th>
                                        <td>
                                            <select class="form-control" name="table_density">
                                                @foreach($densityOptions as $key => $label)
                                                    <option value="{{ $key }}" {{ old('table_density', $settings['table_density']) === $key ? 'selected' : '' }}>{{ $label }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Home Hero Background</th>
                                        <td>
                                            <div class="mb-2">
                                                @if(!empty($settings['home_hero_bg_path']))
                                                    @php
                                                        $hp = $settings['home_hero_bg_path'];
                                                        $isUrl = preg_match('~^https?://~i', $hp);
                                                        $src = $isUrl ? $hp : '/'.$hp;
                                                        $exists = $isUrl ? true : file_exists(public_path($hp));
                                                    @endphp
                                                    <div>
                                                        <img src="{{ $src }}" alt="Hero Background" style="max-height:100px" class="rounded border">
                                                    </div>
                                                    @unless($exists)
                                                        <small class="text-danger d-block">File not found at public/{{ $hp }}. Ensure storage symlink exists and upload succeeded.</small>
                                                    @endunless
                                                @endif
                                            </div>
                                            <input type="file" name="home_hero_bg" accept="image/png,image/jpeg,image/webp">
                                            <div class="custom-control custom-switch mt-2">
                                                <input type="checkbox" class="custom-control-input" id="home_hero_bg_remove" name="home_hero_bg_remove" value="1">
                                                <label class="custom-control-label" for="home_hero_bg_remove">Remove current image</label>
                                            </div>
                                            <small class="form-text text-muted">Recommended: 1920×800 or wider (landscape). Max 4MB. Types: png, jpg, jpeg, webp. Stored under public/storage/site/.</small>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane fade" id="pane-behavior" role="tabpanel" aria-labelledby="tab-behavior">
                            <table class="table table-sm align-middle">
                                <tbody>
                                    <tr>
                                        <th style="width:40%">Default Landing Page</th>
                                        <td>
                                            <select class="form-control" name="default_landing">
                                                @foreach($landingOptions as $route => $label)
                                                    <option value="{{ $route }}" {{ old('default_landing', $settings['default_landing']) === $route ? 'selected' : '' }}>{{ $label }}</option>
                                                @endforeach
                                            </select>
                                            <small class="form-text text-muted">After login, redirect to this page.</small>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane fade" id="pane-whatsapp" role="tabpanel" aria-labelledby="tab-whatsapp">
                            <table class="table table-sm align-middle">
                                <tbody>
                                    <tr>
                                        <th style="width:40%">Enable WhatsApp via Wablast</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="wablast_enabled" name="wablast_enabled" value="1" {{ old('wablast_enabled', $settings['wablast_enabled']) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="wablast_enabled">Enable</label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Base URL</th>
                                        <td>
                                            <input type="url" class="form-control" name="wablast_base_url" placeholder="https://your-wablast-host" value="{{ old('wablast_base_url', $settings['wablast_base_url']) }}">
                                            <small class="form-text text-muted">Example: https://wablast.example.com</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>API Key / Token</th>
                                        <td><input type="password" class="form-control" name="wablast_api_key" value="{{ old('wablast_api_key', $settings['wablast_api_key']) }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Secret Key (optional)</th>
                                        <td>
                                            <input type="password" class="form-control" name="wablast_secret_key" value="{{ old('wablast_secret_key', $settings['wablast_secret_key'] ?? '') }}">
                                            <small class="form-text text-muted">If your device uses token.secret authorization, fill the secret key here.</small>
                                        </td>
                                    </tr>
                                    <tr class="d-none">
                                        <th>Sender (optional)</th>
                                        <td><input type="text" class="form-control" name="wablast_sender" placeholder="e.g. 6281234567890" value="{{ old('wablast_sender', $settings['wablast_sender']) }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Timeout (s)</th>
                                        <td><input type="number" min="5" max="60" class="form-control" name="wablast_timeout" value="{{ old('wablast_timeout', $settings['wablast_timeout']) }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Internal WhatsApp Group ID (WAG)</th>
                                        <td>
                                            <input type="text" class="form-control" name="wablast_internal_group_id" placeholder="Paste group ID" value="{{ old('wablast_internal_group_id', $settings['wablast_internal_group_id'] ?? '') }}">
                                            <small class="form-text text-muted">Use your WhatsApp Group ID (JID), e.g. 1203XXXXXXXXXXX@g.us. We'll normalize it automatically. This app sends via send-message with isGroup=true.</small>
                                            <small class="form-text text-muted">ID grup dari Wablas (bukan link undangan). Digunakan untuk broadcast internal.</small>
                                            @if(!empty($normalizedGroupId))
                                                <small class="form-text text-success">Normalized Group ID: {{ $normalizedGroupId }} (sent as group with isGroup=true)</small>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Broadcast ke WAG saat ada Case/Task/Court Date baru</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="wag_broadcast_enabled" name="wag_broadcast_enabled" value="1" {{ old('wag_broadcast_enabled', $settings['wag_broadcast_enabled'] ?? false) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="wag_broadcast_enabled">Enable</label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Broadcast ke WAG untuk Konsultasi Baru</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="wag_consultation_broadcast_enabled" name="wag_consultation_broadcast_enabled" value="1" {{ old('wag_consultation_broadcast_enabled', $settings['wag_consultation_broadcast_enabled'] ?? true) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="wag_consultation_broadcast_enabled">Enable</label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Kirim reminder jadwal sidang ke WAG</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="wag_reminder_enabled" name="wag_reminder_enabled" value="1" {{ old('wag_reminder_enabled', $settings['wag_reminder_enabled'] ?? false) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="wag_reminder_enabled">Enable</label>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane fade" id="pane-templates" role="tabpanel" aria-labelledby="tab-templates">
                            <div class="form-group">
                                <label>Template: New Consultation (WAG)</label>
                                <textarea class="form-control" name="template_new_consultation" rows="3">{{ old('template_new_consultation', $settings['template_new_consultation']) }}</textarea>
                                <small class="form-text text-muted">Placeholders: {name}, {subject}, {practice}, {email}, {phone}, {message}, {url}</small>
                            </div>
                            <div class="form-group mt-2">
                                <label>Template: Consultation Reply to Client</label>
                                <textarea class="form-control" name="template_consultation_reply_client" rows="5">{{ old('template_consultation_reply_client', $settings['template_consultation_reply_client'] ?? '') }}</textarea>
                                <small class="form-text text-muted">Placeholders: {name}, {subject}, {advisory}, {firm}</small>
                            </div>
                            <div class="form-group">
                                <label>Template: New Case</label>
                                <textarea class="form-control" name="template_new_case" rows="3">{{ old('template_new_case', $settings['template_new_case']) }}</textarea>
                                <small class="form-text text-muted">Placeholders: {case_number}, {case_title}, {client_name}, {by}, {url}</small>
                            </div>
                            <div class="form-group mt-2">
                                <label>Template: New Task</label>
                                <textarea class="form-control" name="template_new_task" rows="3">{{ old('template_new_task', $settings['template_new_task']) }}</textarea>
                                <small class="form-text text-muted">Placeholders: {task_title}, {case_number}, {case_title}, {assignee}, {due}, {url}</small>
                            </div>
                            <div class="form-group mt-2">
                                <label>Template: New Court Date</label>
                                <textarea class="form-control" name="template_new_courtdate" rows="3">{{ old('template_new_courtdate', $settings['template_new_courtdate']) }}</textarea>
                                <small class="form-text text-muted">Placeholders: {hearing_type}, {court_name}, {when}, {case_number}, {case_title}, {url}</small>
                            </div>
                            <div class="form-group mt-2">
                                <label>Template: Court Date Updated</label>
                                <textarea class="form-control" name="template_courtdate_updated" rows="3">{{ old('template_courtdate_updated', $settings['template_courtdate_updated'] ?? "[Court Date Updated] {hearing_type} at {court_name}\nWhen: {when}\nChanges: {changes}\nCase: {case_number} — {case_title}\n{url}") }}</textarea>
                                <small class="form-text text-muted">Placeholders: {hearing_type}, {court_name}, {when}, {changes}, {case_number}, {case_title}, {url}</small>
                            </div>
                            <div class="form-group mt-2">
                                <label>Template: Court Reminder</label>
                                <textarea class="form-control" name="template_court_reminder" rows="3">{{ old('template_court_reminder', $settings['template_court_reminder']) }}</textarea>
                                <small class="form-text text-muted">Placeholders: {prefix} (Today/H-#), {hearing_type}, {court_name}, {when}, {case_number}, {case_title}, {url}</small>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pane-finance" role="tabpanel" aria-labelledby="tab-finance">
                            <table class="table table-sm align-middle">
                                <tbody>
                                    <tr>
                                        <th style="width:40%">Default PPN Rate (%)</th>
                                        <td><input type="number" step="0.01" min="0" max="100" class="form-control" name="finance_default_ppn_rate" value="{{ old('finance_default_ppn_rate', $settings['finance_default_ppn_rate'] ?? '11.00') }}"></td>
                                    </tr>
                                    
                                    <tr>
                                        <th>Default PPh 23 Rate (%)</th>
                                        <td><input type="number" step="0.01" min="0" max="100" class="form-control" name="finance_default_pph23_rate" value="{{ old('finance_default_pph23_rate', $settings['finance_default_pph23_rate'] ?? '2.00') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Default Tax Inclusive (Harga sudah termasuk PPN)</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="finance_default_tax_inclusive" name="finance_default_tax_inclusive" value="1" {{ old('finance_default_tax_inclusive', $settings['finance_default_tax_inclusive'] ?? false) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="finance_default_tax_inclusive">Enable</label>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <small class="text-muted">Ketentuan umum Indonesia: PPN 11% (saat ini), PPh 23 umumnya 2% untuk jasa tertentu. Pastikan sesuai kasus Anda.</small>
                        </div>
                        <div class="tab-pane fade" id="pane-ai" role="tabpanel" aria-labelledby="tab-ai">
                            <table class="table table-sm align-middle">
                                <tbody>
                                    <tr>
                                        <th style="width:40%">Enable AI (ChatGPT/OpenAI-compatible)</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="ai_enabled" name="ai_enabled" value="1" {{ old('ai_enabled', $settings['ai_enabled'] ?? false) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="ai_enabled">Enable</label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Base URL</th>
                                        <td><input type="url" class="form-control" name="ai_openai_base_url" placeholder="https://api.openai.com" value="{{ old('ai_openai_base_url', $settings['ai_openai_base_url'] ?? 'https://api.openai.com') }}">
                                            <small class="form-text text-muted">Use a compatible endpoint if you proxy the API.</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>API Key</th>
                                        <td><input type="password" class="form-control" name="ai_openai_api_key" value="{{ old('ai_openai_api_key', $settings['ai_openai_api_key'] ?? '') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Model</th>
                                        <td><input type="text" class="form-control" name="ai_model" value="{{ old('ai_model', $settings['ai_model'] ?? 'gpt-4o-mini') }}">
                                            <small class="form-text text-muted">Example: gpt-4o-mini, gpt-4o, gpt-4.1, o4-mini, etc.</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Temperature</th>
                                        <td><input type="number" min="0" max="1" step="0.05" class="form-control" name="ai_temperature" value="{{ old('ai_temperature', $settings['ai_temperature'] ?? '0.3') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Timeout (s)</th>
                                        <td><input type="number" min="5" max="60" class="form-control" name="ai_timeout" value="{{ old('ai_timeout', $settings['ai_timeout'] ?? '12') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>AI Auto-reply for New Consultation</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="ai_autoreply_enabled" name="ai_autoreply_enabled" value="1" {{ old('ai_autoreply_enabled', $settings['ai_autoreply_enabled'] ?? true) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="ai_autoreply_enabled">Enable</label>
                                            </div>
                                            <small class="form-text text-muted">If client provides WhatsApp number, send a polite AI-generated first response.</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Include AI Summary in WAG Broadcast</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="ai_summary_in_wag" name="ai_summary_in_wag" value="1" {{ old('ai_summary_in_wag', $settings['ai_summary_in_wag'] ?? true) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="ai_summary_in_wag">Enable</label>
                                            </div>
                                            <small class="form-text text-muted">Adds a short AI summary at the end of internal WAG message.</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>CC internal saat mengirim balasan konsultasi</th>
                                        <td>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="consultation_reply_cc_internal_enabled" name="consultation_reply_cc_internal_enabled" value="1" {{ old('consultation_reply_cc_internal_enabled', $settings['consultation_reply_cc_internal_enabled'] ?? false) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="consultation_reply_cc_internal_enabled">Enable</label>
                                            </div>
                                            <small class="form-text text-muted">Jika aktif, email internal firma akan di-CC saat advisory dikirim ke klien.</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>System Prompt: Client Auto-reply</th>
                                        <td><textarea class="form-control" name="ai_system_prompt_consultation" rows="3">{{ old('ai_system_prompt_consultation', $settings['ai_system_prompt_consultation'] ?? '') }}</textarea></td>
                                    </tr>
                                    <tr>
                                        <th>System Prompt: Internal Summary</th>
                                        <td><textarea class="form-control" name="ai_system_prompt_internal" rows="3">{{ old('ai_system_prompt_internal', $settings['ai_system_prompt_internal'] ?? '') }}</textarea></td>
                                    </tr>
                                    <tr>
                                        <th>System Prompt: Lawyer Draft Reply</th>
                                        <td><textarea class="form-control" name="ai_system_prompt_lawyer_reply" rows="3">{{ old('ai_system_prompt_lawyer_reply', $settings['ai_system_prompt_lawyer_reply'] ?? '') }}</textarea></td>
                                    </tr>
                                    <tr>
                                        <th>QA Check (enable)</th>
                                        <td>
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" name="ai_qa_enabled" value="1" {{ old('ai_qa_enabled', $settings['ai_qa_enabled'] ?? '1') ? 'checked' : '' }}>
                                                <label class="form-check-label">Enable AI QA check on outgoing client messages</label>
                                            </div>
                                            <div class="form-check mt-2">
                                                <input type="checkbox" class="form-check-input" name="ai_qa_block_on_high" value="1" {{ old('ai_qa_block_on_high', $settings['ai_qa_block_on_high'] ?? '0') ? 'checked' : '' }}>
                                                <label class="form-check-label">Block sending when risk level is High (require manual override)</label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>System Prompt: QA Check</th>
                                        <td><textarea class="form-control" name="ai_system_prompt_qa" rows="4">{{ old('ai_system_prompt_qa', $settings['ai_system_prompt_qa'] ?? '') }}</textarea></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane fade" id="pane-invoice" role="tabpanel" aria-labelledby="tab-invoice">
                            <table class="table table-sm align-middle">
                                <tbody>
                                    <tr>
                                        <th style="width:40%">Law Firm Name</th>
                                        <td><input type="text" class="form-control" name="firm_name" value="{{ old('firm_name', $settings['firm_name'] ?? '') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Address</th>
                                        <td><textarea class="form-control" name="firm_address" rows="2">{{ old('firm_address', $settings['firm_address'] ?? '') }}</textarea></td>
                                    </tr>
                                    <tr>
                                        <th>Phone</th>
                                        <td><input type="text" class="form-control" name="firm_phone" value="{{ old('firm_phone', $settings['firm_phone'] ?? '') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Email</th>
                                        <td><input type="email" class="form-control" name="firm_email" value="{{ old('firm_email', $settings['firm_email'] ?? '') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Website</th>
                                        <td><input type="url" class="form-control" name="firm_website" placeholder="https://example.com" value="{{ old('firm_website', $settings['firm_website'] ?? '') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Bank Name</th>
                                        <td><input type="text" class="form-control" name="firm_bank_name" value="{{ old('firm_bank_name', $settings['firm_bank_name'] ?? '') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Bank Account Name</th>
                                        <td><input type="text" class="form-control" name="firm_bank_account_name" value="{{ old('firm_bank_account_name', $settings['firm_bank_account_name'] ?? '') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Bank Account Number</th>
                                        <td><input type="text" class="form-control" name="firm_bank_account_number" value="{{ old('firm_bank_account_number', $settings['firm_bank_account_number'] ?? '') }}"></td>
                                    </tr>
                                    <tr>
                                        <th>Firm Logo</th>
                                        <td>
                                            <div class="mb-2">
                                                @if(!empty($settings['firm_logo_path']))
                                                    @php
                                                        $lp = $settings['firm_logo_path'];
                                                        $isUrl = preg_match('~^https?://~i', $lp);
                                                        $src = $isUrl ? $lp : '/'.$lp;
                                                        $exists = $isUrl ? true : file_exists(public_path($lp));
                                                    @endphp
                                                    <div>
                                                        <img src="{{ $src }}" alt="Logo" style="max-height:60px">
                                                    </div>
                                                    @unless($exists)
                                                        <small class="text-danger d-block">File not found at public/{{ $lp }}. Pastikan symlink storage sudah aktif dan file berhasil diupload.</small>
                                                    @endunless
                                                @endif
                                            </div>
                                            <input type="file" name="firm_logo" accept="image/png,image/jpeg,image/webp">
                                            <div class="custom-control custom-switch mt-2">
                                                <input type="checkbox" class="custom-control-input" id="firm_logo_remove" name="firm_logo_remove" value="1">
                                                <label class="custom-control-label" for="firm_logo_remove">Remove current logo</label>
                                            </div>
                                            <small class="form-text text-muted">Max 2MB. Types: png, jpg, jpeg, webp. Stored under public/storage/firm/. Pastikan sudah menjalankan storage:link.</small>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="card-footer d-flex justify-content-between align-items-center">
                    <a href="#" class="btn btn-outline-secondary" onclick="event.preventDefault(); document.getElementById('form-test-wag').submit();">Send Test WAG Message</a>
                    <button type="submit" class="btn btn-primary">Save Settings</button>
                </div>
            </div>
        </form>
        <form method="POST" action="{{ route('settings.test-wag') }}" id="form-test-wag" class="d-none">@csrf</form>
    </div>
    <div class="col-lg-4">
        <div class="card card-compact">
            <div class="card-header"><h3 class="card-title">Diagnostics</h3></div>
            <div class="card-body">
                <p class="mb-2 text-muted">Use these tools to verify your Wablas configuration.</p>
                @if(!empty($normalizedGroupId))
                    <div class="alert alert-light py-2">Normalized WAG ID: <strong>{{ $normalizedGroupId }}</strong></div>
                @endif
                <div class="d-flex gap-2 mb-3">
                    <form method="POST" action="{{ route('settings.ping-wablas') }}" class="mr-2 d-inline">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-outline-primary">Ping Wablas</button>
                    </form>
                    <a href="#" class="btn btn-sm btn-outline-secondary" onclick="event.preventDefault(); document.getElementById('form-test-wag').submit();">Send Test WAG</a>
                    <form method="POST" action="{{ route('settings.test-consultation-template') }}" class="d-inline ml-2">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-outline-success">Test Consultation Template</button>
                    </form>
                    <form method="POST" action="{{ route('settings.test-ai') }}" class="d-inline ml-2">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-outline-dark">Test AI</button>
                    </form>
                </div>
                <form method="POST" action="{{ route('settings.test-phones') }}">
                    @csrf
                    <div class="form-group">
                        <label>Check Phones (comma/space separated)</label>
                        <textarea class="form-control" name="phones" rows="2" placeholder="62812..., +6285..., 62899..."></textarea>
                    </div>
                    <button type="submit" class="btn btn-sm btn-outline-success">Check Phones</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection