@extends('layouts.super_admin')

@section('title', 'Settings')

@section('content')
<div class="row g-4">
    <!-- General Settings -->
    <div class="col-lg-8">
        <div class="card mb-4">
            <div class="card-header">
                <i class="bi bi-gear me-2 text-primary"></i>
                Pengaturan Umum
            </div>
            <div class="card-body">
                <form id="generalSettingsForm" method="POST" action="{{ route('super-admin.settings.update-general') }}">
                    @csrf
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Nama Platform</label>
                            <input type="text" name="platform_name" class="form-control" value="{{ $settings['platform_name'] }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Email Support</label>
                            <input type="email" name="support_email" class="form-control" value="{{ $settings['support_email'] }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">No Telepon</label>
                            <input type="tel" name="phone" class="form-control" value="{{ $settings['phone'] }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Mode Maintenance</label>
                            <div class="form-check form-switch mt-2">
                                <input type="checkbox" name="maintenance_mode" class="form-check-input" id="maintenanceMode" {{ isset($settings['maintenance_mode']) && $settings['maintenance_mode'] == '1' ? 'checked' : '' }}>
                                <label class="form-check-label" for="maintenanceMode">
                                    Aktifkan mode maintenance
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="mt-4">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-save me-1"></i>
                            Simpan Perubahan
                        </button>
                    </div>
                </form>
            </div>
        </div>

        <!-- Token Settings -->
        <div class="card mb-4">
            <div class="card-header">
                <i class="bi bi-coin me-2 text-warning"></i>
                Pengaturan Token
            </div>
            <div class="card-body">
                <form id="tokenSettingsForm" method="POST" action="{{ route('super-admin.settings.update-token') }}">
                    @csrf
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Harga per Token</label>
                            <div class="input-group">
                                <span class="input-group-text">Rp</span>
                                <input type="number" name="token_price" class="form-control" value="{{ $settings['token_price'] ?? 100 }}" min="1" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Paket Token Minimum</label>
                            <div class="input-group">
                                <input type="number" name="min_token_package" class="form-control" value="{{ $settings['min_token_package'] ?? 100 }}" min="1" required>
                                <span class="input-group-text">token</span>
                            </div>
                        </div>
                    </div>
                    <div class="mt-4">
                        <button type="submit" class="btn btn-warning text-white">
                            <i class="bi bi-save me-1"></i>
                            Simpan Perubahan
                        </button>
                    </div>
                </form>
            </div>
        </div>

        <!-- Commission Settings -->
        <div class="card mb-4">
            <div class="card-header">
                <i class="bi bi-percent me-2 text-success"></i>
                Pengaturan Komisi
            </div>
            <div class="card-body">
                <form id="commissionSettingsForm" method="POST" action="{{ route('super-admin.settings.update-commission') }}">
                    @csrf
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Minimum Komisi Penarikan</label>
                            <div class="input-group">
                                <span class="input-group-text">Rp</span>
                                <input type="number" name="min_withdrawal" class="form-control" value="{{ $settings['min_withdrawal'] ?? 100000 }}" min="0" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Biaya Admin Penarikan (Rp)</label>
                            <div class="input-group">
                                <span class="input-group-text">Rp</span>
                                <input type="number" name="withdrawal_fee" class="form-control" value="{{ $settings['withdrawal_fee'] ?? 2 }}" min="0" required>
                            </div>
                        </div>
                    </div>
                    <div class="mt-4">
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-save me-1"></i>
                            Simpan Perubahan
                        </button>
                    </div>
                </form>
            </div>
        </div>

        <!-- Platform Bank Account -->
        <div class="card">
            <div class="card-header">
                <i class="bi bi-bank me-2 text-info"></i>
                Rekening Bank Platform
            </div>
            <div class="card-body">
                <!-- Add Bank Account Form -->
                <form id="addBankForm" method="POST" action="{{ route('super-admin.settings.bank.add') }}" class="mb-4">
                    @csrf
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label">Nama Bank</label>
                            <select name="bank" class="form-select" required>
                                <option value="">Pilih Bank</option>
                                <option value="BCA">BCA</option>
                                <option value="BRI">BRI</option>
                                <option value="BNI">BNI</option>
                                <option value="Mandiri">Mandiri</option>
                                <option value="Jago">Jago</option>
                                <option value="Seabank">Seabank</option>
                                <option value="Neobank">Neobank</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Nama Pemilik</label>
                            <input type="text" name="nama" class="form-control" placeholder="Nama pemilik rekening" required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Nomor Rekening</label>
                            <input type="text" name="nomer" class="form-control" placeholder="Nomor rekening" required>
                        </div>
                    </div>
                    <div class="mt-3">
                        <button type="submit" class="btn btn-success text-white">
                            <i class="bi bi-plus-lg me-1"></i>
                            Tambah Rekening
                        </button>
                    </div>
                </form>

                <!-- Bank Accounts List -->
                @if($bankAccounts->count() > 0)
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Nama Bank</th>
                            <th>Nama Pemilik</th>
                            <th>Nomor Rekening</th>
                            <th class="text-end">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($bankAccounts as $index => $bankAccount)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td><strong>{{ $bankAccount->bank }}</strong></td>
                            <td>{{ $bankAccount->nama }}</td>
                            <td>{{ $bankAccount->nomer }}</td>
                            <td class="text-end">
                                <form method="POST" action="{{ route('super-admin.settings.bank.delete', $bankAccount->id) }}" onsubmit="return confirm('Apakah Anda yakin ingin menghapus rekening ini?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                <div class="text-center py-4">
                    <i class="bi bi-bank fs-1 text-muted"></i>
                    <p class="text-muted mt-2">Belum ada rekening bank yang ditambahkan</p>
                </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Sidebar Settings -->
    <div class="col-lg-4">
        <!-- Footer Settings -->
        <div class="card mb-4">
            <div class="card-header">
                <i class="bi bi-layout-footer me-2 text-primary"></i>
                Footer Settings
            </div>
            <div class="card-body">
                <form id="footerSettingsForm" method="POST" action="{{ route('super-admin.settings.update-footer') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Alamat</label>
                        <textarea name="address" class="form-control" rows="3" placeholder="Masukkan alamat...">{{ $settings['address'] ?? 'Jl. Sudirman No. 123, Jakarta Selatan, DKI Jakarta 12190' }}</textarea>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Email Footer</label>
                        <input type="email" name="footer_email" class="form-control" value="{{ $settings['footer_email'] ?? 'info@cbtonline.com' }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Telepon Footer</label>
                        <input type="tel" name="footer_phone" class="form-control" value="{{ $settings['footer_phone'] ?? '+62 812 3456 7890' }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Copyright Text</label>
                        <input type="text" name="copyright_text" class="form-control" value="{{ $settings['copyright_text'] ?? '&copy; 2024 CBT Online. All rights reserved.' }}">
                    </div>
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="bi bi-save me-1"></i>
                        Simpan Footer
                    </button>
                </form>
            </div>
        </div>

        <!-- Social Media Settings -->
        <div class="card mb-4">
            <div class="card-header">
                <i class="bi bi-share me-2 text-info"></i>
                Social Media
            </div>
            <div class="card-body">
                <form id="socialSettingsForm" method="POST" action="{{ route('super-admin.settings.update-social') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">
                            <i class="bi bi-facebook me-2"></i>
                            Facebook
                        </label>
                        <input type="url" name="facebook" class="form-control" placeholder="https://facebook.com/..." value="{{ $settings['facebook'] ?? 'https://facebook.com/cbtonline' }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">
                            <i class="bi bi-instagram me-2"></i>
                            Instagram
                        </label>
                        <input type="url" name="instagram" class="form-control" placeholder="https://instagram.com/..." value="{{ $settings['instagram'] ?? 'https://instagram.com/cbtonline' }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">
                            <i class="bi bi-twitter-x me-2"></i>
                            Twitter/X
                        </label>
                        <input type="url" name="twitter" class="form-control" placeholder="https://twitter.com/..." value="{{ $settings['twitter'] ?? 'https://twitter.com/cbtonline' }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">
                            <i class="bi bi-linkedin me-2"></i>
                            LinkedIn
                        </label>
                        <input type="url" name="linkedin" class="form-control" placeholder="https://linkedin.com/..." value="{{ $settings['linkedin'] ?? 'https://linkedin.com/company/cbtonline' }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">
                            <i class="bi bi-youtube me-2"></i>
                            YouTube
                        </label>
                        <input type="url" name="youtube" class="form-control" placeholder="https://youtube.com/..." value="{{ $settings['youtube'] ?? 'https://youtube.com/@cbtonline' }}">
                    </div>
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="bi bi-save me-1"></i>
                        Simpan Social Media
                    </button>
                </form>
            </div>
        </div>

        <!-- Backup Settings -->
        <div class="card">
            <div class="card-header">
                <i class="bi bi-cloud-arrow-down me-2 text-success"></i>
                Backup Database
            </div>
            <div class="card-body">
                <div class="info-box mb-3">
                    <h6>Backup Terakhir</h6>
                    <p class="mb-0">{{ $settings['last_backup'] ?? now()->format('d F Y, H:i') . ' WIB' }}</p>
                </div>
                <div class="d-grid gap-2">
                    <a href="{{ route('super-admin.settings.backup.download') }}" class="btn btn-outline-primary text-decoration-none" id="downloadBackupBtn">
                        <i class="bi bi-download me-1"></i>
                        Download Backup
                    </a>
                    <form id="backupForm" method="POST" action="{{ route('super-admin.settings.backup') }}">
                        @csrf
                        <button type="submit" class="btn btn-success w-100">
                            <i class="bi bi-arrow-repeat me-1"></i>
                            Buat Backup Baru
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- SweetAlert for success/error messages -->
@if(session('success'))
<script>
    Swal.fire({
        title: 'Berhasil!',
        text: '{{ session('success') }}',
        icon: 'success',
        confirmButtonColor: '#10B981',
        timer: 3000,
        timerProgressBar: true
    });
</script>
@endif

@if(session('info'))
<script>
    Swal.fire({
        title: 'Info!',
        text: '{{ session('info') }}',
        icon: 'info',
        confirmButtonColor: '#3B82F6',
        timer: 3000,
        timerProgressBar: true
    });
</script>
@endif

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // General Settings Form
        document.getElementById('generalSettingsForm').addEventListener('submit', function(e) {
            e.preventDefault();
            AppAlert.update(
                'Simpan Pengaturan Umum?',
                'Apakah Anda yakin ingin menyimpan perubahan pengaturan umum?',
                () => this.submit()
            );
        });

        // Token Settings Form
        document.getElementById('tokenSettingsForm').addEventListener('submit', function(e) {
            e.preventDefault();
            AppAlert.update(
                'Simpan Pengaturan Token?',
                'Apakah Anda yakin ingin menyimpan perubahan pengaturan token?',
                () => this.submit()
            );
        });

        // Commission Settings Form
        document.getElementById('commissionSettingsForm').addEventListener('submit', function(e) {
            e.preventDefault();
            AppAlert.update(
                'Simpan Pengaturan Komisi?',
                'Apakah Anda yakin ingin menyimpan perubahan pengaturan komisi?',
                () => this.submit()
            );
        });

        // Add Bank Form
        document.getElementById('addBankForm').addEventListener('submit', function(e) {
            e.preventDefault();
            AppAlert.create(
                'Tambah Rekening Bank?',
                'Apakah Anda yakin ingin menambahkan rekening bank ini?',
                () => this.submit()
            );
        });

        // Footer Settings Form
        document.getElementById('footerSettingsForm').addEventListener('submit', function(e) {
            e.preventDefault();
            AppAlert.update(
                'Simpan Footer Settings?',
                'Apakah Anda yakin ingin menyimpan perubahan footer?',
                () => this.submit()
            );
        });

        // Social Media Settings Form
        document.getElementById('socialSettingsForm').addEventListener('submit', function(e) {
            e.preventDefault();
            AppAlert.update(
                'Simpan Social Media?',
                'Apakah Anda yakin ingin menyimpan perubahan social media?',
                () => this.submit()
            );
        });

        // Backup Form
        document.getElementById('backupForm').addEventListener('submit', function(e) {
            e.preventDefault();
            AppAlert.create(
                'Buat Backup Baru?',
                'Apakah Anda yakin ingin membuat backup database baru?',
                () => this.submit()
            );
        });

        // Download Backup Button
        document.getElementById('downloadBackupBtn').addEventListener('click', function(e) {
            e.preventDefault();
            AppAlert.info('Apakah Anda yakin ingin mengunduh file backup database?', function() {
                window.location.href = e.target.closest('a').href;
            });
        });
    });
</script>
@endsection