@extends('admin.layout')

@section('title', 'Settings')

@section('admin-content')
<div class="mb-8">
    <h1 class="text-3xl font-bold text-gray-900">Settings</h1>
    <p class="text-gray-500 mt-1">Manage platform settings</p>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
    <div class="bg-white rounded-2xl shadow-card p-8">
        <h2 class="text-xl font-bold text-gray-900 mb-6">App Details</h2>
        <form method="POST" action="{{ route('admin.settings.update') }}" class="space-y-6">
            @csrf
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">App Name</label>
                <input type="text" name="app_name" value="{{ $settings['app_name'] ?? 'PreOrder' }}" 
                       class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all"
                       placeholder="My App Name">
            </div>
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">Logo URL</label>
                <input type="text" name="app_logo" value="{{ $settings['app_logo'] ?? '' }}" 
                       class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all"
                       placeholder="https://example.com/logo.png">
                <p class="text-xs text-gray-500 mt-1">Enter URL to your logo image</p>
            </div>
            <button type="submit" class="w-full py-3 bg-gradient-to-r from-primary-500 to-primary-600 text-white font-bold rounded-xl hover:from-primary-600 hover:to-primary-700 shadow-lg hover:shadow-xl transition-all">
                Save Settings
            </button>
        </form>
    </div>

    <div class="bg-white rounded-2xl shadow-card p-8">
        <h2 class="text-xl font-bold text-gray-900 mb-6">Payment Details</h2>
        <form method="POST" action="{{ route('admin.settings.update') }}" class="space-y-6">
            @csrf
        <form method="POST" action="{{ route('admin.settings.update') }}" class="space-y-6">
            @csrf
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">Bank Name</label>
                <input type="text" name="bank_name" value="{{ $settings['bank_name'] ?? '' }}" 
                       class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all"
                       placeholder="First Bank of Nigeria">
            </div>
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">Account Number</label>
                <input type="text" name="account_number" value="{{ $settings['account_number'] ?? '' }}" 
                       class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all"
                       placeholder="1234567890">
            </div>
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">Account Name</label>
                <input type="text" name="account_name" value="{{ $settings['account_name'] ?? '' }}" 
                       class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all"
                       placeholder="PreOrder System Ltd">
            </div>
            <button type="submit" class="w-full py-3 bg-gradient-to-r from-primary-500 to-primary-600 text-white font-bold rounded-xl hover:from-primary-600 hover:to-primary-700 shadow-lg hover:shadow-xl transition-all">
                Save Settings
            </button>
        </form>
    </div>

    <div class="bg-white rounded-2xl shadow-card p-8">
        <h2 class="text-xl font-bold text-gray-900 mb-6">Broadcast Message</h2>
        <form method="POST" action="{{ route('admin.broadcast') }}" class="space-y-6">
            @csrf
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">Title</label>
                <input type="text" name="title" required 
                       class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all"
                       placeholder="Announcement Title">
            </div>
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">Message</label>
                <textarea name="message" rows="4" required 
                          class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all"
                          placeholder="Enter your broadcast message..."></textarea>
            </div>
            <button type="submit" class="w-full py-3 bg-gradient-to-r from-purple-500 to-purple-600 text-white font-bold rounded-xl hover:from-purple-600 hover:to-purple-700 shadow-lg hover:shadow-xl transition-all">
                <i class="fas fa-paper-plane mr-2"></i>Send to All Users
            </button>
        </form>
    </div>
</div>
@endsection