@extends('layouts.admin')

@section('header', 'Edit Banner')

@section('content')
<div class="bg-white rounded-xl shadow-md p-6 max-w-2xl mx-auto">
    <div class="flex justify-between items-center mb-6">
        <h3 class="text-lg font-bold text-gray-800">Edit Banner</h3>
        <a href="{{ route('admin.settings.index') }}" class="text-gray-500 hover:text-gray-700">
            <i class="fas fa-arrow-left mr-1"></i> Kembali
        </a>
    </div>

    <form action="{{ route('admin.banners.update', $banner->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        
        <div class="mb-4">
            <label class="block text-sm font-medium text-gray-700 mb-1">Gambar Saat Ini</label>
            <img src="{{ $banner->image }}" alt="Current Banner" class="w-full h-48 object-cover rounded mb-2 border">
        </div>

        <div class="mb-4">
            <label class="block text-sm font-medium text-gray-700 mb-1">Ganti Gambar (Upload)</label>
            <input type="file" name="image_file" accept="image/*"
                class="block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-yellow-50 file:text-yellow-700 hover:file:bg-yellow-100">
        </div>

        <div class="mb-4 text-center text-xs text-gray-400">- ATAU -</div>

        <div class="mb-4">
            <label class="block text-sm font-medium text-gray-700 mb-1">Ganti URL Gambar</label>
            <input type="url" name="image_url" value="{{ filter_var($banner->image, FILTER_VALIDATE_URL) ? $banner->image : '' }}"
                class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500">
            <p class="text-xs text-gray-500 mt-1">Biarkan kosong jika tidak ingin mengubah URL (jika menggunakan upload).</p>
        </div>

        <div class="mb-4">
            <label class="block text-sm font-medium text-gray-700 mb-1">Link (Opsional)</label>
            <input type="url" name="link" value="{{ $banner->link }}"
                class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500">
        </div>

        <div class="mb-6">
            <label class="block text-sm font-medium text-gray-700 mb-1">Urutan</label>
            <input type="number" name="order" value="{{ $banner->order }}"
                class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500">
        </div>

        <button type="submit" class="bg-yellow-600 text-white px-6 py-2 rounded-lg hover:bg-yellow-700 transition w-full">
            Simpan Perubahan
        </button>
    </form>
</div>
@endsection