@extends('layouts.app-admin')
@section('content')
    <div class="page-header d-print-none">
        <div class="container-xl">
            <div class="row g-2 align-items-center">
                <div class="col">
                    <h2 class="page-title">
                        Edit Banner
                    </h2>
                    <div class="text-muted mt-1">Perbarui detail banner</div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-body">
        <div class="container-xl">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Form Edit Banner</h3>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.banners.update', $banner->id) }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <div class="mb-3">
                            <label class="form-label" for="title">Judul Banner <span class="text-danger">*</span></label>
                            <input type="text" name="title" id="title"
                                class="form-control @error('title') is-invalid @enderror"
                                value="{{ old('title', $banner->title) }}" required autofocus>
                            @error('title')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label" for="description">Deskripsi</label>
                            <textarea name="description" id="description" rows="3"
                                class="form-control @error('description') is-invalid @enderror">{{ old('description', $banner->description) }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label" for="badge">Badge (Opsional)</label>
                            <input type="text" name="badge" id="badge"
                                class="form-control @error('badge') is-invalid @enderror"
                                value="{{ old('badge', $banner->badge) }}" placeholder="Contoh: NEW, PROMO, HOT">
                            @error('badge')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label" for="picture">Gambar Banner (Max 10MB, JPG, PNG, GIF)</label>
                            @if ($banner->picture)
                                <div class="mb-2">
                                    <img src="{{ asset('storage/' . $banner->picture) }}" alt="Current Banner Picture"
                                        class="avatar avatar-xxl rounded">
                                </div>
                                <div class="form-check mb-2">
                                    <input class="form-check-input" type="checkbox" value="1" id="clear_picture"
                                        name="clear_picture">
                                    <label class="form-check-label" for="clear_picture">
                                        Hapus Gambar Saat Ini
                                    </label>
                                </div>
                            @endif
                            <input type="file" name="picture" id="picture"
                                class="form-control @error('picture') is-invalid @enderror" accept="image/*">
                            @error('picture')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label" for="status">Status <span class="text-danger">*</span></label>
                            <select name="status" id="status" class="form-select @error('status') is-invalid @enderror"
                                required>
                                <option value="active" {{ old('status', $banner->status) == 'active' ? 'selected' : '' }}>
                                    Aktif</option>
                                <option value="inactive"
                                    {{ old('status', $banner->status) == 'inactive' ? 'selected' : '' }}>Tidak Aktif
                                </option>
                            </select>
                            @error('status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label" for="published_at">Tanggal Publikasi (Opsional)</label>
                            <input type="datetime-local" name="published_at" id="published_at"
                                class="form-control @error('published_at') is-invalid @enderror"
                                value="{{ old('published_at', $banner->published_at ? $banner->published_at->format('Y-m-d\TH:i') : '') }}">
                            @error('published_at')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label" for="expired_at">Tanggal Kadaluarsa (Opsional)</label>
                            <input type="datetime-local" name="expired_at" id="expired_at"
                                class="form-control @error('expired_at') is-invalid @enderror"
                                value="{{ old('expired_at', $banner->expired_at ? $banner->expired_at->format('Y-m-d\TH:i') : '') }}">
                            @error('expired_at')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-footer">
                            <button type="submit" class="btn btn-primary">Perbarui Banner</button>
                            <a href="{{ route('admin.banners.index') }}" class="btn btn-secondary">Batal</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection