@extends('admin.layouts.app')

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

@section('content')
<div class="glass-panel" style="padding: 30px; max-width: 600px; margin: 0 auto;">
    <div style="margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center;">
        <h2 style="font-size: 24px;">Bot Settings</h2>
    </div>

    @if(session('success'))
        <div class="alert" style="background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); color: #6ee7b7; padding: 12px; margin-bottom: 20px; border-radius: 8px;">
            {{ session('success') }}
        </div>
    @endif

    <form action="{{ route('admin.settings.store') }}" method="POST">
        @csrf
        
        <div class="form-group" style="margin-bottom: 20px;">
            <label style="display: block; margin-bottom: 8px; color: var(--text-secondary);">Pay Proof Link</label>
            <div class="input-with-icon" style="position: relative;">
                <i class="fas fa-link" style="position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--text-secondary);"></i>
                <input type="url" name="pay_proof_link" value="{{ $settings['pay_proof_link'] ?? '' }}" placeholder="https://t.me/..." style="width: 100%; padding: 14px 16px 14px 45px; background: rgba(15, 23, 42, 0.4); border: 1px solid var(--glass-border); border-radius: 12px; color: var(--text-primary); font-family: inherit; font-size: 15px;">
            </div>
        </div>

        <div class="form-group" style="margin-bottom: 20px;">
            <label style="display: block; margin-bottom: 8px; color: var(--text-secondary);">Support Link</label>
            <div class="input-with-icon" style="position: relative;">
                <i class="fas fa-headset" style="position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--text-secondary);"></i>
                <input type="url" name="support_link" value="{{ $settings['support_link'] ?? '' }}" placeholder="https://t.me/..." style="width: 100%; padding: 14px 16px 14px 45px; background: rgba(15, 23, 42, 0.4); border: 1px solid var(--glass-border); border-radius: 12px; color: var(--text-primary); font-family: inherit; font-size: 15px;">
            </div>
        </div>

        <div class="form-group" style="margin-bottom: 20px;">
            <label style="display: block; margin-bottom: 8px; color: var(--text-secondary);">How To Use Link (Optional)</label>
            <div class="input-with-icon" style="position: relative;">
                <i class="fas fa-question-circle" style="position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--text-secondary);"></i>
                <input type="url" name="how_to_use_link" value="{{ $settings['how_to_use_link'] ?? '' }}" placeholder="https://t.me/..." style="width: 100%; padding: 14px 16px 14px 45px; background: rgba(15, 23, 42, 0.4); border: 1px solid var(--glass-border); border-radius: 12px; color: var(--text-primary); font-family: inherit; font-size: 15px;">
            </div>
        </div>

        <button type="submit" class="btn btn-primary" style="width: 100%; padding: 14px; border-radius: 12px; font-weight: 600; margin-top: 10px;">
            <i class="fas fa-save"></i> Save Settings
        </button>
    </form>
</div>
@endsection