@extends('admin.layouts.app')

@section('content')
<div class="p-6 space-y-6">
    <div>
        <h1 class="text-3xl font-bold text-white">Maintenance Mode</h1>
        <p class="text-gray-400 mt-2">Temporarily hide the public website while admin remains accessible.</p>
    </div>

    @if(session('success'))
        <div class="bg-green-600/20 border border-green-600 text-green-300 p-4 rounded-xl">
            {{ session('success') }}
        </div>
    @endif

    <form action="{{ route('admin.maintenance.update') }}" method="POST" enctype="multipart/form-data" class="space-y-6">
        @csrf

        <div class="bg-[#111] border border-red-900 rounded-2xl p-6 space-y-5">
            <label class="inline-flex items-center gap-3">
                <input type="checkbox" name="is_enabled" value="1" {{ $setting->is_enabled ? 'checked' : '' }}>
                <span class="text-white font-medium">Enable Maintenance Mode</span>
            </label>

            <div>
                <label class="block text-sm text-gray-300 mb-2">Maintenance Title</label>
                <input type="text" name="title" value="{{ old('title', $setting->title) }}" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            </div>

            <div>
                <label class="block text-sm text-gray-300 mb-2">Maintenance Message</label>
                <textarea name="message" rows="4" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">{{ old('message', $setting->message) }}</textarea>
            </div>

            <div>
                <label class="block text-sm text-gray-300 mb-2">Allowed IP</label>
                <input type="text" name="allowed_ip" value="{{ old('allowed_ip', $setting->allowed_ip) }}" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3" placeholder="Example: 102.176.10.5">
            </div>

            <div>
                <label class="block text-sm text-gray-300 mb-2">Background Image</label>
                <input type="file" name="background_image" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            </div>

            @if($setting->background_image)
                <div>
                    <p class="text-sm text-gray-400 mb-2">Current Image</p>
                    <img src="{{ asset('storage/' . $setting->background_image) }}" class="w-full max-w-md rounded-2xl border border-red-900">
                </div>
            @endif
        </div>

        <button class="bg-red-600 hover:bg-red-700 px-6 py-3 rounded-xl font-semibold text-white">
            Save Maintenance Settings
        </button>
    </form>
</div>
@endsection