@extends('layouts.admin')

@section('title', 'Site Settings')

@section('content')
<div class="page-header mb-4">
    <h1 class="page-title">Settings</h1>
    <p class="page-subtitle">Manage platform configuration, integrations, and controls.</p>
</div>

<div class="card mb-4">
    <div class="card-header">
        <strong>General Settings & Controls</strong>
    </div>
    <div class="card-body">
        <form action="{{ route('admin.settings.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            
            <h5 class="mb-3">General Settings</h5>
            <div class="mb-3">
                <label class="form-label">Site Name</label>
                <input type="text" class="form-control" name="site_name" value="{{ $settings['site_name'] ?? 'Government Application Management System' }}" required>
            </div>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">Support Phone</label>
                    <input type="text" class="form-control" name="support_phone" value="{{ $settings['support_phone'] ?? '' }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Support Email</label>
                    <input type="email" class="form-control" name="support_email" value="{{ $settings['support_email'] ?? '' }}">
                </div>
            </div>
            <div class="mb-3">
                <label class="form-label">Community Options (for Citizen Forms)</label>
                <textarea class="form-control" name="community_options" rows="4" placeholder="Add one community per line, e.g.&#10;General&#10;OBC&#10;SC&#10;ST">{{ old('community_options', $settings['community_options'] ?? '') }}</textarea>
                <div class="form-text">These values will appear as a dropdown in Center → Add/Edit Citizen.</div>
            </div>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">Site Logo</label>
                    <input type="file" class="form-control" name="site_logo">
                    @if(isset($settings['site_logo']))
                        <img src="{{ request()->getBasePath() . Storage::url($settings['site_logo']) }}" height="50" class="mt-2 text-bg-dark">
                    @endif
                </div>
                <div class="col-md-6">
                    <label class="form-label">Favicon</label>
                    <input type="file" class="form-control" name="site_favicon">
                    @if(isset($settings['site_favicon']))
                        <img src="{{ request()->getBasePath() . Storage::url($settings['site_favicon']) }}" height="32" class="mt-2 text-bg-dark">
                    @endif
                </div>
            </div>

            <hr>
            <h5 class="mb-3">Pusher Credentials (Notifications)</h5>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">App ID</label>
                    <input type="text" class="form-control" name="pusher_app_id" value="{{ $settings['pusher_app_id'] ?? '' }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label">App Key</label>
                    <input type="text" class="form-control" name="pusher_app_key" value="{{ $settings['pusher_app_key'] ?? '' }}">
                </div>
                <div class="col-md-6 mt-3">
                    <label class="form-label">App Secret</label>
                    <input type="password" class="form-control" name="pusher_app_secret" value="{{ $settings['pusher_app_secret'] ?? '' }}">
                </div>
                <div class="col-md-6 mt-3">
                    <label class="form-label">App Cluster</label>
                    <input type="text" class="form-control" name="pusher_cluster" value="{{ $settings['pusher_cluster'] ?? '' }}">
                </div>
            </div>

            <hr>
            <h5 class="mb-3">Mail Credentials</h5>
            <div class="row mb-3">
                <div class="col-md-3"><label class="form-label">Mailer</label><input type="text" class="form-control" name="mail_mailer" value="{{ $settings['mail_mailer'] ?? '' }}"></div>
                <div class="col-md-3"><label class="form-label">Host</label><input type="text" class="form-control" name="mail_host" value="{{ $settings['mail_host'] ?? '' }}"></div>
                <div class="col-md-2"><label class="form-label">Port</label><input type="text" class="form-control" name="mail_port" value="{{ $settings['mail_port'] ?? '' }}"></div>
                <div class="col-md-4"><label class="form-label">Username</label><input type="text" class="form-control" name="mail_username" value="{{ $settings['mail_username'] ?? '' }}"></div>
                <div class="col-md-4"><label class="form-label">Password</label><input type="password" class="form-control" name="mail_password" value="{{ $settings['mail_password'] ?? '' }}"></div>
                <div class="col-md-2"><label class="form-label">Encryption</label><input type="text" class="form-control" name="mail_encryption" value="{{ $settings['mail_encryption'] ?? '' }}"></div>
                <div class="col-md-3"><label class="form-label">From Address</label><input type="email" class="form-control" name="mail_from_address" value="{{ $settings['mail_from_address'] ?? '' }}"></div>
                <div class="col-md-3"><label class="form-label">From Name</label><input type="text" class="form-control" name="mail_from_name" value="{{ $settings['mail_from_name'] ?? '' }}"></div>
            </div>

            <hr>
            <button type="submit" class="btn btn-primary">Save Settings</button>
        </form>
    </div>
</div>
@endsection