@extends('layouts.app')

@section('title', 'সিস্টেম সেটিংস - আমবাগান যুব কল্যাণ সমিতি')

@section('styles')
<style>
    .settings-tab {
        border-left: 3px solid transparent;
        transition: all 0.3s;
    }
    
    .settings-tab.active {
        border-left-color: var(--primary-color);
        background-color: rgba(26, 95, 122, 0.05);
    }
    
    .settings-tab:hover:not(.active) {
        background-color: #f8f9fa;
        border-left-color: #dee2e6;
    }
    
    .setting-card {
        border: 1px solid #dee2e6;
        border-radius: 8px;
        margin-bottom: 20px;
        transition: all 0.3s;
    }
    
    .setting-card:hover {
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    }
    
    .setting-card-header {
        background-color: #f8f9fa;
        border-bottom: 1px solid #dee2e6;
        padding: 15px 20px;
        border-radius: 8px 8px 0 0;
    }
    
    .setting-card-body {
        padding: 20px;
    }
    
    .logo-preview {
        border: 1px solid #dee2e6;
        border-radius: 8px;
        padding: 15px;
        text-align: center;
        background-color: #f8f9fa;
    }
    
    .system-info-item {
        border-bottom: 1px solid #dee2e6;
        padding: 10px 0;
    }
    
    .system-info-item:last-child {
        border-bottom: none;
    }
    
    .backup-file-item {
        border: 1px solid #dee2e6;
        border-radius: 5px;
        padding: 15px;
        margin-bottom: 10px;
        background-color: #f8f9fa;
    }
    
    .log-level-error { color: #dc3545; font-weight: bold; }
    .log-level-warning { color: #ffc107; font-weight: bold; }
    .log-level-info { color: #17a2b8; font-weight: bold; }
    .log-level-debug { color: #6c757d; font-weight: bold; }
</style>
@endsection

@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb bg-light">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">ড্যাশবোর্ড</a></li>
        <li class="breadcrumb-item active">সিস্টেম সেটিংস</li>
    </ol>
</nav>
@endsection

@section('content')
<div class="container-fluid">
    <div class="row">
        <!-- Left Sidebar - Settings Menu -->
        <div class="col-md-3">
            <div class="card sticky-top" style="top: 20px;">
                <div class="card-header bg-primary text-white">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-cogs me-2"></i>
                        সেটিংস মেনু
                    </h5>
                </div>
                <div class="list-group list-group-flush">
                    <a href="#general" class="list-group-item list-group-item-action settings-tab {{ session('tab', 'general') == 'general' ? 'active' : '' }}" data-bs-toggle="tab">
                        <i class="fas fa-globe me-2"></i> সাধারণ সেটিংস
                    </a>
                    <a href="#financial" class="list-group-item list-group-item-action settings-tab {{ session('tab') == 'financial' ? 'active' : '' }}" data-bs-toggle="tab">
                        <i class="fas fa-money-bill-wave me-2"></i> আর্থিক সেটিংস
                    </a>
                    <a href="#email" class="list-group-item list-group-item-action settings-tab {{ session('tab') == 'email' ? 'active' : '' }}" data-bs-toggle="tab">
                        <i class="fas fa-envelope me-2"></i> ইমেইল সেটিংস
                    </a>
                    <a href="#sms" class="list-group-item list-group-item-action settings-tab {{ session('tab') == 'sms' ? 'active' : '' }}" data-bs-toggle="tab">
                        <i class="fas fa-sms me-2"></i> SMS সেটিংস
                    </a>
                    <a href="#logo" class="list-group-item list-group-item-action settings-tab {{ session('tab') == 'logo' ? 'active' : '' }}" data-bs-toggle="tab">
                        <i class="fas fa-image me-2"></i> লোগো ব্যবস্থাপনা
                    </a>
                    <a href="#backup" class="list-group-item list-group-item-action settings-tab {{ session('tab') == 'backup' ? 'active' : '' }}" data-bs-toggle="tab">
                        <i class="fas fa-database me-2"></i> ব্যাকআপ ব্যবস্থাপনা
                    </a>
                    <a href="#logs" class="list-group-item list-group-item-action settings-tab {{ session('tab') == 'logs' ? 'active' : '' }}" data-bs-toggle="tab">
                        <i class="fas fa-clipboard-list me-2"></i> সিস্টেম লগস
                    </a>
                    <a href="#system" class="list-group-item list-group-item-action settings-tab {{ session('tab') == 'system' ? 'active' : '' }}" data-bs-toggle="tab">
                        <i class="fas fa-server me-2"></i> সিস্টেম তথ্য
                    </a>
                </div>
            </div>
        </div>
        
        <!-- Right Content Area -->
        <div class="col-md-9">
            @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <i class="fas fa-check-circle me-2"></i>
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @endif
            
            @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <i class="fas fa-exclamation-circle me-2"></i>
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @endif
            
            @if($errors->any())
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <i class="fas fa-exclamation-triangle me-2"></i>
                <ul class="mb-0">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @endif
            
            <div class="tab-content">
                <!-- General Settings Tab -->
                <div class="tab-pane fade {{ session('tab', 'general') == 'general' ? 'show active' : '' }}" id="general">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-globe me-2"></i>
                                সাধারণ সেটিংস
                            </h5>
                        </div>
                        <form action="{{ route('settings.general.update') }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="site_name" class="form-label">সাইটের নাম <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="site_name" name="site_name" 
                                               value="{{ old('site_name', $generalSettings['site_name'] ?? 'আমবাগান যুব কল্যাণ সমিতি') }}" required>
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="site_title" class="form-label">সাইট টাইটেল</label>
                                        <input type="text" class="form-control" id="site_title" name="site_title" 
                                               value="{{ old('site_title', $generalSettings['site_title'] ?? 'আমবাগান যুব কল্যাণ সমিতি') }}">
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="site_email" class="form-label">ইমেইল <span class="text-danger">*</span></label>
                                        <input type="email" class="form-control" id="site_email" name="site_email" 
                                               value="{{ old('site_email', $generalSettings['site_email'] ?? 'info@example.com') }}" required>
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="site_phone" class="form-label">ফোন নম্বর <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="site_phone" name="site_phone" 
                                               value="{{ old('site_phone', $generalSettings['site_phone'] ?? '017XXXXXXXX') }}" required>
                                    </div>
                                </div>
                                
                                <div class="mb-3">
                                    <label for="site_address" class="form-label">ঠিকানা <span class="text-danger">*</span></label>
                                    <textarea class="form-control" id="site_address" name="site_address" rows="2" required>{{ old('site_address', $generalSettings['site_address'] ?? 'আমবাগান, চট্টগ্রাম') }}</textarea>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="timezone" class="form-label">টাইমজোন</label>
                                        <select class="form-select" id="timezone" name="timezone">
                                            <option value="Asia/Dhaka" {{ (old('timezone', $generalSettings['timezone'] ?? 'Asia/Dhaka') == 'Asia/Dhaka') ? 'selected' : '' }}>Asia/Dhaka</option>
                                            <option value="UTC" {{ (old('timezone', $generalSettings['timezone'] ?? '') == 'UTC') ? 'selected' : '' }}>UTC</option>
                                            <!-- Add more timezones as needed -->
                                        </select>
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="date_format" class="form-label">তারিখ ফরম্যাট</label>
                                        <select class="form-select" id="date_format" name="date_format">
                                            <option value="d/m/Y" {{ (old('date_format', $generalSettings['date_format'] ?? 'd/m/Y') == 'd/m/Y') ? 'selected' : '' }}>DD/MM/YYYY</option>
                                            <option value="Y-m-d" {{ (old('date_format', $generalSettings['date_format'] ?? '') == 'Y-m-d') ? 'selected' : '' }}>YYYY-MM-DD</option>
                                            <option value="m/d/Y" {{ (old('date_format', $generalSettings['date_format'] ?? '') == 'm/d/Y') ? 'selected' : '' }}>MM/DD/YYYY</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer bg-light">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>সেভ করুন
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                
                <!-- Financial Settings Tab -->
                <div class="tab-pane fade {{ session('tab') == 'financial' ? 'show active' : '' }}" id="financial">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-money-bill-wave me-2"></i>
                                আর্থিক সেটিংস
                            </h5>
                        </div>
                        <form action="{{ route('settings.financial.update') }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="monthly_saving_amount" class="form-label">মাসিক সঞ্চয় পরিমাণ <span class="text-danger">*</span></label>
                                        <input type="number" step="0.01" class="form-control" id="monthly_saving_amount" name="monthly_saving_amount" 
                                               value="{{ old('monthly_saving_amount', $financialSettings['monthly_saving_amount'] ?? 620) }}" required>
                                        <small class="text-muted">প্রতি মাসের সঞ্চয়ের পরিমাণ (টাকায়)</small>
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="form_fee" class="form-label">ফর্ম ফি <span class="text-danger">*</span></label>
                                        <input type="number" step="0.01" class="form-control" id="form_fee" name="form_fee" 
                                               value="{{ old('form_fee', $financialSettings['form_fee'] ?? 100) }}" required>
                                        <small class="text-muted">নতুন সদস্য নিবন্ধন ফি</small>
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="currency" class="form-label">কারেন্সি <span class="text-danger">*</span></label>
                                        <select class="form-select" id="currency" name="currency" required>
                                            <option value="BDT" {{ (old('currency', $financialSettings['currency'] ?? 'BDT') == 'BDT') ? 'selected' : '' }}>বাংলাদেশী টাকা (BDT)</option>
                                            <option value="USD" {{ (old('currency', $financialSettings['currency'] ?? '') == 'USD') ? 'selected' : '' }}>মার্কিন ডলার (USD)</option>
                                        </select>
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="currency_symbol" class="form-label">কারেন্সি সিম্বল <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="currency_symbol" name="currency_symbol" 
                                               value="{{ old('currency_symbol', $financialSettings['currency_symbol'] ?? '৳') }}" required>
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="late_fee_percentage" class="form-label">বিলম্ব ফি শতাংশ</label>
                                        <input type="number" step="0.01" class="form-control" id="late_fee_percentage" name="late_fee_percentage" 
                                               value="{{ old('late_fee_percentage', $financialSettings['late_fee_percentage'] ?? 5) }}">
                                        <small class="text-muted">বিলম্বিত সঞ্চয়ের জন্য অতিরিক্ত ফি (%)</small>
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="min_loan_amount" class="form-label">সর্বনিম্ন ঋণ পরিমাণ</label>
                                        <input type="number" class="form-control" id="min_loan_amount" name="min_loan_amount" 
                                               value="{{ old('min_loan_amount', $financialSettings['min_loan_amount'] ?? 5000) }}">
                                    </div>
                                </div>
                                
                                <div class="mb-3">
                                    <label for="max_loan_amount" class="form-label">সর্বোচ্চ ঋণ পরিমাণ</label>
                                    <input type="number" class="form-control" id="max_loan_amount" name="max_loan_amount" 
                                           value="{{ old('max_loan_amount', $financialSettings['max_loan_amount'] ?? 100000) }}">
                                </div>
                            </div>
                            <div class="card-footer bg-light">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>সেভ করুন
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                
                <!-- Email Settings Tab -->
                <div class="tab-pane fade {{ session('tab') == 'email' ? 'show active' : '' }}" id="email">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-envelope me-2"></i>
                                ইমেইল সেটিংস
                            </h5>
                        </div>
                        <form action="{{ route('settings.email.update') }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="card-body">
                                <div class="alert alert-info">
                                    <i class="fas fa-info-circle me-2"></i>
                                    ইমেইল সেটিংস পরিবর্তন করার আগে সঠিক তথ্য নিশ্চিত করুন।
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="mail_mailer" class="form-label">মেইলার <span class="text-danger">*</span></label>
                                        <select class="form-select" id="mail_mailer" name="mail_mailer" required>
                                            <option value="smtp" {{ old('mail_mailer', $emailSettings['mail_mailer'] ?? 'smtp') == 'smtp' ? 'selected' : '' }}>SMTP</option>
                                            <option value="sendmail" {{ old('mail_mailer', $emailSettings['mail_mailer'] ?? '') == 'sendmail' ? 'selected' : '' }}>Sendmail</option>
                                            <option value="log" {{ old('mail_mailer', $emailSettings['mail_mailer'] ?? '') == 'log' ? 'selected' : '' }}>Log (For Testing)</option>
                                        </select>
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="mail_host" class="form-label">SMTP হোস্ট</label>
                                        <input type="text" class="form-control" id="mail_host" name="mail_host" 
                                               value="{{ old('mail_host', $emailSettings['mail_host'] ?? 'smtp.gmail.com') }}">
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="mail_port" class="form-label">পোর্ট</label>
                                        <input type="number" class="form-control" id="mail_port" name="mail_port" 
                                               value="{{ old('mail_port', $emailSettings['mail_port'] ?? 587) }}">
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="mail_encryption" class="form-label">এনক্রিপশন</label>
                                        <select class="form-select" id="mail_encryption" name="mail_encryption">
                                            <option value="">বাছাই করুন</option>
                                            <option value="tls" {{ old('mail_encryption', $emailSettings['mail_encryption'] ?? 'tls') == 'tls' ? 'selected' : '' }}>TLS</option>
                                            <option value="ssl" {{ old('mail_encryption', $emailSettings['mail_encryption'] ?? '') == 'ssl' ? 'selected' : '' }}>SSL</option>
                                        </select>
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="mail_username" class="form-label">ইউজারনেম</label>
                                        <input type="text" class="form-control" id="mail_username" name="mail_username" 
                                               value="{{ old('mail_username', $emailSettings['mail_username'] ?? '') }}">
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="mail_password" class="form-label">পাসওয়ার্ড</label>
                                        <input type="password" class="form-control" id="mail_password" name="mail_password" 
                                               value="{{ old('mail_password', $emailSettings['mail_password'] ?? '') }}">
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="mail_from_address" class="form-label">প্রেরকের ইমেইল <span class="text-danger">*</span></label>
                                        <input type="email" class="form-control" id="mail_from_address" name="mail_from_address" 
                                               value="{{ old('mail_from_address', $emailSettings['mail_from_address'] ?? $generalSettings['site_email'] ?? '') }}" required>
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="mail_from_name" class="form-label">প্রেরকের নাম <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="mail_from_name" name="mail_from_name" 
                                               value="{{ old('mail_from_name', $emailSettings['mail_from_name'] ?? $generalSettings['site_name'] ?? '') }}" required>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer bg-light">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>সেভ করুন
                                </button>
                                <button type="button" class="btn btn-secondary" onclick="testEmailSettings()">
                                    <i class="fas fa-paper-plane me-2"></i>টেস্ট ইমেইল পাঠান
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                
                <!-- SMS Settings Tab -->
                <div class="tab-pane fade {{ session('tab') == 'sms' ? 'show active' : '' }}" id="sms">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-sms me-2"></i>
                                SMS সেটিংস
                            </h5>
                        </div>
                        <form action="{{ route('settings.sms.update') }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="card-body">
                                <div class="alert alert-warning">
                                    <i class="fas fa-exclamation-triangle me-2"></i>
                                    SMS সেটিংস শুধুমাত্র উন্নত ব্যবহারকারীদের জন্য। সঠিক তথ্য নিশ্চিত করুন।
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="sms_provider" class="form-label">SMS প্রোভাইডার</label>
                                        <select class="form-select" id="sms_provider" name="sms_provider">
                                            <option value="none" {{ old('sms_provider', $smsSettings['sms_provider'] ?? 'none') == 'none' ? 'selected' : '' }}>None (SMS বন্ধ)</option>
                                            <option value="ssl" {{ old('sms_provider', $smsSettings['sms_provider'] ?? '') == 'ssl' ? 'selected' : '' }}>SSL Wireless</option>
                                            <option value="robi" {{ old('sms_provider', $smsSettings['sms_provider'] ?? '') == 'robi' ? 'selected' : '' }}>Robi SMS Gateway</option>
                                            <option value="custom" {{ old('sms_provider', $smsSettings['sms_provider'] ?? '') == 'custom' ? 'selected' : '' }}>Custom API</option>
                                        </select>
                                    </div>
                                    
                                    <div class="col-md-6 mb-3">
                                        <label for="sms_sender_id" class="form-label">প্রেরকের নাম/নম্বর</label>
                                        <input type="text" class="form-control" id="sms_sender_id" name="sms_sender_id" 
                                               value="{{ old('sms_sender_id', $smsSettings['sms_sender_id'] ?? '') }}">
                                        <small class="text-muted">SMS পাঠানোর সময় দেখা যাবে</small>
                                    </div>
                                </div>
                                
                                <div id="sms-api-settings" class="mt-4">
                                    <h6 class="border-bottom pb-2">API সেটিংস</h6>
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="sms_api_key" class="form-label">API Key</label>
                                            <input type="password" class="form-control" id="sms_api_key" name="sms_api_key" 
                                                   value="{{ old('sms_api_key', $smsSettings['sms_api_key'] ?? '') }}">
                                        </div>
                                        
                                        <div class="col-md-6 mb-3">
                                            <label for="sms_api_secret" class="form-label">API Secret</label>
                                            <input type="password" class="form-control" id="sms_api_secret" name="sms_api_secret" 
                                                   value="{{ old('sms_api_secret', $smsSettings['sms_api_secret'] ?? '') }}">
                                        </div>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="sms_api_url" class="form-label">API URL</label>
                                        <input type="url" class="form-control" id="sms_api_url" name="sms_api_url" 
                                               value="{{ old('sms_api_url', $smsSettings['sms_api_url'] ?? '') }}">
                                    </div>
                                </div>
                                
                                <div class="mt-4">
                                    <h6 class="border-bottom pb-2">SMS টেমপ্লেট</h6>
                                    <div class="mb-3">
                                        <label for="sms_saving_reminder" class="form-label">সঞ্চয় রিমাইন্ডার SMS</label>
                                        <textarea class="form-control" id="sms_saving_reminder" name="sms_saving_reminder" rows="3" placeholder="ডিয়ার {member_name}, আপনার {month_year} মাসের সঞ্চয় {amount} টাকা বকেয়া আছে। দয়া করে পরিশোধ করুন।">{{ old('sms_saving_reminder', $smsSettings['sms_saving_reminder'] ?? '') }}</textarea>
                                        <small class="text-muted">ব্যবহারযোগ্য ভেরিয়েবলস: {member_name}, {member_id}, {amount}, {month_year}, {due_date}</small>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer bg-light">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>সেভ করুন
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                
                <!-- Logo Management Tab -->
                <div class="tab-pane fade {{ session('tab') == 'logo' ? 'show active' : '' }}" id="logo">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-image me-2"></i>
                                লোগো ব্যবস্থাপনা
                            </h5>
                        </div>
                        <form action="{{ route('settings.logo.update') }}" method="POST" enctype="multipart/form-data" id="logoForm">
                            @csrf
                            @method('PUT')
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4 mb-4">
                                        <div class="logo-preview">
                                            <h6 class="mb-3">প্রধান লোগো</h6>
                                            @if($logoStatus['main_logo'])
                                                @php
                                                    $mainLogo = '';
                                                    if(file_exists(public_path('images/logo/logo.png'))) {
                                                        $mainLogo = asset('images/logo/logo.png');
                                                    } elseif(file_exists(public_path('images/logo/logo.svg'))) {
                                                        $mainLogo = asset('images/logo/logo.svg');
                                                    } elseif(file_exists(public_path('images/logo/logo.jpg'))) {
                                                        $mainLogo = asset('images/logo/logo.jpg');
                                                    } elseif(file_exists(public_path('images/logo/logo.jpeg'))) {
                                                        $mainLogo = asset('images/logo/logo.jpeg');
                                                    }
                                                @endphp
                                                @if($mainLogo)
                                                    <img src="{{ $mainLogo }}" alt="প্রধান লোগো" class="img-fluid mb-3" style="max-height: 100px;">
                                                    <p class="text-success">
                                                        <i class="fas fa-check-circle me-2"></i>লোগো সেট করা আছে
                                                    </p>
                                                @endif
                                            @else
                                                <div class="alert alert-warning mb-3">
                                                    <i class="fas fa-exclamation-triangle me-2"></i>
                                                    লোগো সেট করা হয়নি
                                                </div>
                                            @endif
                                            <div class="mb-3">
                                                <label for="logo" class="form-label">নতুন লোগো আপলোড করুন</label>
                                                <input type="file" class="form-control" id="logo" name="logo" accept=".png,.jpg,.jpeg,.gif,.svg">
                                                <small class="text-muted">সুপারিশকৃত: 200x200px, PNG/JPEG, সর্বোচ্চ 2MB</small>
                                                <div class="form-text text-danger" id="logoError"></div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-4 mb-4">
                                        <div class="logo-preview">
                                            <h6 class="mb-3">সাদা লোগো</h6>
                                            @if($logoStatus['white_logo'])
                                                @php
                                                    $whiteLogo = '';
                                                    if(file_exists(public_path('images/logo/logo-white.png'))) {
                                                        $whiteLogo = asset('images/logo/logo-white.png');
                                                    } elseif(file_exists(public_path('images/logo/logo-white.svg'))) {
                                                        $whiteLogo = asset('images/logo/logo-white.svg');
                                                    } elseif(file_exists(public_path('images/logo/logo-white.jpg'))) {
                                                        $whiteLogo = asset('images/logo/logo-white.jpg');
                                                    } elseif(file_exists(public_path('images/logo/logo-white.jpeg'))) {
                                                        $whiteLogo = asset('images/logo/logo-white.jpeg');
                                                    }
                                                @endphp
                                                @if($whiteLogo)
                                                    <img src="{{ $whiteLogo }}" alt="সাদা লোগো" class="img-fluid mb-3" style="max-height: 100px; background: #333; padding: 10px;">
                                                    <p class="text-success">
                                                        <i class="fas fa-check-circle me-2"></i>লোগো সেট করা আছে
                                                    </p>
                                                @endif
                                            @else
                                                <div class="alert alert-warning mb-3">
                                                    <i class="fas fa-exclamation-triangle me-2"></i>
                                                    লোগো সেট করা হয়নি
                                                </div>
                                            @endif
                                            <div class="mb-3">
                                                <label for="white_logo" class="form-label">নতুন সাদা লোগো</label>
                                                <input type="file" class="form-control" id="white_logo" name="white_logo" accept=".png,.jpg,.jpeg,.gif,.svg">
                                                <small class="text-muted">গাঢ় ব্যাকগ্রাউন্ডের জন্য, সর্বোচ্চ 2MB</small>
                                                <div class="form-text text-danger" id="whiteLogoError"></div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-4 mb-4">
                                        <div class="logo-preview">
                                            <h6 class="mb-3">ফ্যাভিকন</h6>
                                            @if($logoStatus['favicon'])
                                                @php
                                                    $favicon = '';
                                                    if(file_exists(public_path('images/logo/favicon.ico'))) {
                                                        $favicon = asset('images/logo/favicon.ico');
                                                    } elseif(file_exists(public_path('images/logo/favicon.png'))) {
                                                        $favicon = asset('images/logo/favicon.png');
                                                    } elseif(file_exists(public_path('images/logo/favicon.jpg'))) {
                                                        $favicon = asset('images/logo/favicon.jpg');
                                                    } elseif(file_exists(public_path('images/logo/favicon.jpeg'))) {
                                                        $favicon = asset('images/logo/favicon.jpeg');
                                                    }
                                                @endphp
                                                @if($favicon)
                                                    <img src="{{ $favicon }}" alt="ফ্যাভিকন" class="img-fluid mb-3" style="max-height: 100px;">
                                                    <p class="text-success">
                                                        <i class="fas fa-check-circle me-2"></i>ফ্যাভিকন সেট করা আছে
                                                    </p>
                                                @endif
                                            @else
                                                <div class="alert alert-warning mb-3">
                                                    <i class="fas fa-exclamation-triangle me-2"></i>
                                                    ফ্যাভিকন সেট করা হয়নি
                                                </div>
                                            @endif
                                            <div class="mb-3">
                                                <label for="favicon" class="form-label">নতুন ফ্যাভিকন</label>
                                                <input type="file" class="form-control" id="favicon" name="favicon" accept=".png,.jpg,.jpeg">
                                                <small class="text-muted">সুপারিশকৃত: 32x32px থেকে 512x512px, PNG/JPEG, সর্বোচ্চ 1MB</small>
                                                <div class="form-text text-danger" id="faviconError"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="alert alert-info">
                                    <i class="fas fa-info-circle me-2"></i>
                                    <strong>গুরুত্বপূর্ণ তথ্য:</strong>
                                    <ul class="mb-0 mt-2">
                                        <li>লোগো ফাইল সর্বোচ্চ 2MB (2048KB) সাইজের হতে পারে</li>
                                        <li>ফ্যাভিকন ফাইল সর্বোচ্চ 1MB (1024KB) সাইজের হতে পারে</li>
                                        <li>ফ্যাভিকনের আদর্শ সাইজ: 32x32, 64x64, বা 128x128 পিক্সেল</li>
                                        <li>PNG ফরম্যাট সবচেয়ে ভালো কোয়ালিটি দেয়</li>
                                        <li>লোগো সেভ করার পর ব্রাউজার ক্যাশে ক্লিয়ার করতে পারেন (Ctrl+F5)</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-footer bg-light">
                                <button type="submit" class="btn btn-primary" id="saveLogoBtn">
                                    <i class="fas fa-save me-2"></i>লোগো সেভ করুন
                                </button>
                                @if($logoStatus['main_logo'] || $logoStatus['white_logo'] || $logoStatus['favicon'])
                                <button type="button" class="btn btn-danger" onclick="confirmDeleteLogo()">
                                    <i class="fas fa-trash me-2"></i>লোগো ডিলিট করুন
                                </button>
                                @endif
                            </div>
                        </form>
                    </div>
                </div>
                
                <!-- Backup Management Tab -->
                <div class="tab-pane fade {{ session('tab') == 'backup' ? 'show active' : '' }}" id="backup">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-database me-2"></i>
                                ব্যাকআপ ব্যবস্থাপনা
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="alert alert-warning">
                                <i class="fas fa-exclamation-triangle me-2"></i>
                                নিয়মিত ব্যাকআপ নেওয়া গুরুত্বপূর্ণ। ব্যাকআপ ফাইলগুলি নিরাপদ স্থানে সংরক্ষণ করুন।
                            </div>
                            
                            <div class="row mb-4">
                                <div class="col-md-6">
                                    <div class="card">
                                        <div class="card-body text-center">
                                            <h5 class="card-title">ডাটাবেস ব্যাকআপ</h5>
                                            <p class="card-text">শুধুমাত্র ডাটাবেসের ব্যাকআপ তৈরি করবে।</p>
                                            <form action="{{ route('settings.backup.create') }}" method="POST" class="d-inline">
                                                @csrf
                                                <input type="hidden" name="type" value="database">
                                                <button type="submit" class="btn btn-primary">
                                                    <i class="fas fa-database me-2"></i>ডাটাবেস ব্যাকআপ তৈরি
                                                </button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="card">
                                        <div class="card-body text-center">
                                            <h5 class="card-title">ফাইলস ব্যাকআপ</h5>
                                            <p class="card-text">সব ফাইলের ব্যাকআপ তৈরি করবে।</p>
                                            <form action="{{ route('settings.backup.create') }}" method="POST" class="d-inline">
                                                @csrf
                                                <input type="hidden" name="type" value="files">
                                                <button type="submit" class="btn btn-warning">
                                                    <i class="fas fa-folder me-2"></i>ফাইলস ব্যাকআপ তৈরি
                                                </button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            @if(isset($backupFiles) && count($backupFiles) > 0)
                            <h5 class="mb-3">ব্যাকআপ তালিকা</h5>
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>ফাইল নাম</th>
                                            <th>আকার</th>
                                            <th>সর্বশেষ পরিবর্তন</th>
                                            <th>একশন</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($backupFiles as $file)
                                        <tr>
                                            <td>{{ $file['name'] }}</td>
                                            <td>{{ $file['size'] }}</td>
                                            <td>{{ $file['modified'] }}</td>
                                            <td>
                                                <div class="btn-group btn-group-sm">
                                                    <a href="{{ route('settings.backup.download', $file['name']) }}" class="btn btn-success">
                                                        <i class="fas fa-download"></i>
                                                    </a>
                                                    <button type="button" class="btn btn-danger delete-backup" data-filename="{{ $file['name'] }}">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                </div>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            @else
                            <div class="alert alert-info text-center">
                                <i class="fas fa-info-circle me-2"></i>
                                কোনো ব্যাকআপ ফাইল পাওয়া যায়নি।
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
                
                <!-- System Logs Tab -->
                <div class="tab-pane fade {{ session('tab') == 'logs' ? 'show active' : '' }}" id="logs">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-clipboard-list me-2"></i>
                                সিস্টেম লগস
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                সিস্টেম লগগুলি সমস্যা নির্ণয় এবং নিরাপত্তা নিরীক্ষণের জন্য গুরুত্বপূর্ণ।
                            </div>
                            
                            <div class="text-center">
                                <button class="btn btn-primary me-3" onclick="alert('এই ফিচারটি শীঘ্রই আসছে')">
                                    <i class="fas fa-file-alt me-2"></i>সিস্টেম লগস দেখুন
                                </button>
                                <button class="btn btn-warning" onclick="alert('এই ফিচারটি শীঘ্রই আসছে')">
                                    <i class="fas fa-history me-2"></i>অডিট লগস দেখুন
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- System Information Tab -->
                <div class="tab-pane fade {{ session('tab') == 'system' ? 'show active' : '' }}" id="system">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-server me-2"></i>
                                সিস্টেম তথ্য
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="setting-card">
                                        <div class="setting-card-header">
                                            <h6 class="mb-0"><i class="fas fa-info-circle me-2"></i>সিস্টেম তথ্য</h6>
                                        </div>
                                        <div class="setting-card-body">
                                            <div class="system-info-item">
                                                <strong>লারাভেল ভার্সন:</strong> {{ $systemInfo['laravel_version'] ?? app()->version() }}
                                            </div>
                                            <div class="system-info-item">
                                                <strong>PHP ভার্সন:</strong> {{ $systemInfo['php_version'] ?? PHP_VERSION }}
                                            </div>
                                            <div class="system-info-item">
                                                <strong>সার্ভার সফটওয়্যার:</strong> {{ $systemInfo['server_software'] ?? ($_SERVER['SERVER_SOFTWARE'] ?? 'Unknown') }}
                                            </div>
                                            <div class="system-info-item">
                                                <strong>ডাটাবেস ড্রাইভার:</strong> {{ $systemInfo['database_driver'] ?? config('database.default') }}
                                            </div>
                                            <div class="system-info-item">
                                                <strong>টাইমজোন:</strong> {{ $systemInfo['timezone'] ?? config('app.timezone') }}
                                            </div>
                                            <div class="system-info-item">
                                                <strong>ডিবাগ মোড:</strong> {{ $systemInfo['debug_mode'] ?? (config('app.debug') ? 'সক্রিয়' : 'বন্ধ') }}
                                            </div>
                                            <div class="system-info-item">
                                                <strong>মেইনটেনেন্স মোড:</strong> {{ $systemInfo['maintenance_mode'] ?? (app()->isDownForMaintenance() ? 'সক্রিয়' : 'বন্ধ') }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="setting-card">
                                        <div class="setting-card-header">
                                            <h6 class="mb-0"><i class="fas fa-tools me-2"></i>সিস্টেম টুলস</h6>
                                        </div>
                                        <div class="setting-card-body">
                                            <div class="mb-3">
                                                @if(($systemInfo['maintenance_mode'] ?? 'বন্ধ') == 'সক্রিয়')
                                                <form action="{{ route('system.maintenance.up') }}" method="POST" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn-success w-100 mb-2">
                                                        <i class="fas fa-power-off me-2"></i>মেইনটেনেন্স মোড বন্ধ করুন
                                                    </button>
                                                </form>
                                                @else
                                                <form action="{{ route('system.maintenance.down') }}" method="POST" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn-warning w-100 mb-2" onclick="return confirm('আপনি কি মেইনটেনেন্স মোড চালু করতে চান? সাইট সাময়িকভাবে বন্ধ থাকবে।')">
                                                        <i class="fas fa-power-off me-2"></i>মেইনটেনেন্স মোড চালু করুন
                                                    </button>
                                                </form>
                                                @endif
                                            </div>
                                            
                                            <div class="mb-3">
                                                <form action="{{ route('system.cache.clear') }}" method="POST" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn-info w-100 mb-2" onclick="return confirm('আপনি কি সব ক্যাশে ক্লিয়ার করতে চান?')">
                                                        <i class="fas fa-sync-alt me-2"></i>ক্যাশে ক্লিয়ার করুন
                                                    </button>
                                                </form>
                                            </div>
                                            
                                            <div class="mb-3">
                                                <button type="button" class="btn btn-secondary w-100" onclick="optimizeSystem()">
                                                    <i class="fas fa-cog me-2"></i>সিস্টেম অপটিমাইজ করুন
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Delete Backup Modal -->
<div class="modal fade" id="deleteBackupModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title">
                    <i class="fas fa-trash-alt me-2"></i>
                    ব্যাকআপ ফাইল ডিলিট
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="deleteBackupForm" method="POST">
                @csrf
                @method('DELETE')
                <div class="modal-body">
                    <div class="alert alert-danger">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        আপনি কি নিশ্চিত যে আপনি এই ব্যাকআপ ফাইলটি ডিলিট করতে চান?
                        <br>
                        <strong id="backupFileName"></strong>
                    </div>
                    <p class="mb-0">এই অপারেশনটি পূর্বাবস্থায় ফিরিয়ে আনা যাবে না।</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">বাতিল</button>
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash-alt me-2"></i>ডিলিট করুন
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Delete Logo Modal -->
<div class="modal fade" id="deleteLogoModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title">
                    <i class="fas fa-trash-alt me-2"></i>
                    লোগো ডিলিট
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ route('settings.logo.delete') }}" method="POST">
                @csrf
                @method('DELETE')
                <div class="modal-body">
                    <div class="alert alert-danger">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        আপনি কি নিশ্চিত যে আপনি লোগো ডিলিট করতে চান?
                    </div>
                    <p class="mb-0">ডিফল্ট লোগো প্রদর্শিত হবে। এই অপারেশনটি পূর্বাবস্থায় ফিরিয়ে আনা যাবে না।</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">বাতিল</button>
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash-alt me-2"></i>ডিলিট করুন
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Tab activation on page load
    const activeTab = '{{ session('tab', 'general') }}';
    if (activeTab) {
        const tabElement = document.querySelector(`a[href="#${activeTab}"]`);
        if (tabElement) {
            new bootstrap.Tab(tabElement).show();
        }
    }
    
    // Settings tab click
    document.querySelectorAll('.settings-tab').forEach(tab => {
        tab.addEventListener('click', function() {
            document.querySelectorAll('.settings-tab').forEach(t => {
                t.classList.remove('active');
            });
            this.classList.add('active');
        });
    });
    
    // Delete backup button
    document.querySelectorAll('.delete-backup').forEach(button => {
        button.addEventListener('click', function() {
            const filename = this.dataset.filename;
            const form = document.getElementById('deleteBackupForm');
            const fileNameSpan = document.getElementById('backupFileName');
            
            fileNameSpan.textContent = filename;
            form.action = `/settings/backup/delete/${filename}`;
            
            const modal = new bootstrap.Modal(document.getElementById('deleteBackupModal'));
            modal.show();
        });
    });
    
    // SMS provider change
    const smsProviderSelect = document.getElementById('sms_provider');
    const smsApiSettings = document.getElementById('sms-api-settings');
    
    if (smsProviderSelect && smsApiSettings) {
        function toggleSmsSettings() {
            if (smsProviderSelect.value === 'none') {
                smsApiSettings.style.display = 'none';
            } else {
                smsApiSettings.style.display = 'block';
            }
        }
        
        toggleSmsSettings();
        smsProviderSelect.addEventListener('change', toggleSmsSettings);
    }
    
    // Email test function
    window.testEmailSettings = function() {
        fetch('{{ route("settings.email.test") }}', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                alert('টেস্ট ইমেইল সফলভাবে পাঠানো হয়েছে!');
            } else {
                alert('ইমেইল পাঠাতে সমস্যা হয়েছে: ' + data.message);
            }
        })
        .catch(error => {
            alert('নেটওয়ার্ক ত্রুটি: ' + error);
        });
    };
    
    // System optimization
    window.optimizeSystem = function() {
        if (confirm('আপনি কি সিস্টেম অপটিমাইজ করতে চান? এটি কিছু সময় নিতে পারে।')) {
            fetch('{{ route("system.optimize") }}', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('সিস্টেম সফলভাবে অপটিমাইজ করা হয়েছে!');
                } else {
                    alert('অপটিমাইজ করতে সমস্যা হয়েছে: ' + data.message);
                }
            })
            .catch(error => {
                alert('নেটওয়ার্ক ত্রুটি: ' + error);
            });
        }
    };
    
    // Confirm logo deletion
    window.confirmDeleteLogo = function() {
        const modal = new bootstrap.Modal(document.getElementById('deleteLogoModal'));
        modal.show();
    };
    
    // Date format validation
    const dateFormatSelect = document.getElementById('date_format');
    if (dateFormatSelect) {
        dateFormatSelect.addEventListener('change', function() {
            // You can add validation or preview logic here
        });
    }
    
    // লোগো ফর্ম ভ্যালিডেশন
    const logoForm = document.getElementById('logoForm');
    if (logoForm) {
        logoForm.addEventListener('submit', function(e) {
            const logo = document.getElementById('logo');
            const whiteLogo = document.getElementById('white_logo');
            const favicon = document.getElementById('favicon');
            let isValid = true;
            
            // ক্লিয়ার এরর মেসেজ
            document.getElementById('logoError').textContent = '';
            document.getElementById('whiteLogoError').textContent = '';
            document.getElementById('faviconError').textContent = '';
            
            // লোগো ভ্যালিডেশন - সরলীকৃত
            if (logo.files.length > 0) {
                const file = logo.files[0];
                const maxSize = 2 * 1024 * 1024; // 2MB
                
                if (file.size > maxSize) {
                    document.getElementById('logoError').textContent = 'লোগো ফাইল 2MB এর বেশি হতে পারবে না।';
                    isValid = false;
                }
            }
            
            // সাদা লোগো ভ্যালিডেশন - সরলীকৃত
            if (whiteLogo.files.length > 0) {
                const file = whiteLogo.files[0];
                const maxSize = 2 * 1024 * 1024;
                
                if (file.size > maxSize) {
                    document.getElementById('whiteLogoError').textContent = 'সাদা লোগো ফাইল 2MB এর বেশি হতে পারবে না।';
                    isValid = false;
                }
            }
            
            // ফ্যাভিকন ভ্যালিডেশন - সরলীকৃত
            if (favicon.files.length > 0) {
                const file = favicon.files[0];
                const maxSize = 1 * 1024 * 1024; // 1MB
                
                if (file.size > maxSize) {
                    document.getElementById('faviconError').textContent = 'ফ্যাভিকন ফাইল 1MB এর বেশি হতে পারবে না।';
                    isValid = false;
                }
            }
            
            // কোনো ফাইল সিলেক্ট করা হয়েছে কিনা চেক
            if (logo.files.length === 0 && whiteLogo.files.length === 0 && favicon.files.length === 0) {
                if (confirm('কোনো ফাইল সিলেক্ট করা হয়নি। তবুও সাবমিট করবেন?')) {
                    return true;
                } else {
                    e.preventDefault();
                    return false;
                }
            }
            
            if (!isValid) {
                e.preventDefault();
                alert('দুঃখিত, কিছু ভুল আছে। দয়া করে ফাইলগুলো চেক করুন।');
            }
        });
    }
    
    // ফাইল সিলেক্ট হলে প্রিভিউ দেখান
    document.getElementById('logo')?.addEventListener('change', function(e) {
        previewImage(this, 'logoPreview');
    });
    
    document.getElementById('white_logo')?.addEventListener('change', function(e) {
        previewImage(this, 'whiteLogoPreview');
    });
    
    document.getElementById('favicon')?.addEventListener('change', function(e) {
        previewImage(this, 'faviconPreview');
    });
    
    function previewImage(input, previewId) {
        if (input.files && input.files[0]) {
            const reader = new FileReader();
            reader.onload = function(e) {
                // রিয়েল টাইম প্রিভিউ দেখানোর জন্য
                const imgElement = input.closest('.logo-preview').querySelector('img');
                if (imgElement) {
                    imgElement.src = e.target.result;
                }
                console.log('Image selected:', input.files[0].name);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
    
    // Confirm logo deletion (alternate method)
    window.confirmDeleteLogoAlt = function() {
        if (confirm('আপনি কি নিশ্চিত যে আপনি সব লোগো ফাইল ডিলিট করতে চান?\n\nএই অপারেশন পূর্বাবস্থায় ফিরিয়ে আনা যাবে না।')) {
            const form = document.createElement('form');
            form.method = 'POST';
            form.action = '{{ route("settings.logo.delete") }}';
            
            const csrfToken = document.createElement('input');
            csrfToken.type = 'hidden';
            csrfToken.name = '_token';
            csrfToken.value = '{{ csrf_token() }}';
            form.appendChild(csrfToken);
            
            const methodInput = document.createElement('input');
            methodInput.type = 'hidden';
            methodInput.name = '_method';
            methodInput.value = 'DELETE';
            form.appendChild(methodInput);
            
            document.body.appendChild(form);
            form.submit();
        }
    };
});
</script>
@endsection