@php
    $slideData = old() ?: $heroSlide->toArray();
@endphp

<div class="card card-primary">
    <div class="card-body">
        <div class="form-group">
            <label for="title">Judul</label>
            <input type="text" id="title" name="title" class="form-control @error('title') is-invalid @enderror" value="{{ $slideData['title'] ?? '' }}" required>
            @error('title')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="subtitle">Sub Judul</label>
            <input type="text" id="subtitle" name="subtitle" class="form-control @error('subtitle') is-invalid @enderror" value="{{ $slideData['subtitle'] ?? '' }}">
            @error('subtitle')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="description">Deskripsi</label>
            <textarea id="description" name="description" rows="3" class="form-control @error('description') is-invalid @enderror">{{ $slideData['description'] ?? '' }}</textarea>
            @error('description')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="image">Gambar PNG</label>
            <input type="file" id="image" name="image" accept="image/png" class="form-control @error('image') is-invalid @enderror">
            @error('image')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
            <small class="text-muted">Format wajib PNG. Max 5MB.</small>
            @if (!empty($heroSlide->image_url))
                <div class="mt-2">
                    <img src="{{ $heroSlide->image_url }}" alt="{{ $heroSlide->title }}" style="max-width: 300px; border-radius: 8px;">
                </div>
            @endif
        </div>

        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="button_text">Teks Tombol</label>
                    <input type="text" id="button_text" name="button_text" class="form-control @error('button_text') is-invalid @enderror"
                        value="{{ $slideData['button_text'] ?? '' }}">
                    @error('button_text')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-md-8">
                <div class="form-group">
                    <label for="button_url">URL Tombol</label>
                    <input type="text" id="button_url" name="button_url" class="form-control @error('button_url') is-invalid @enderror"
                        value="{{ $slideData['button_url'] ?? '' }}">
                    @error('button_url')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="sort_order">Urutan</label>
                    <input type="number" id="sort_order" name="sort_order" class="form-control @error('sort_order') is-invalid @enderror"
                        value="{{ $slideData['sort_order'] ?? 0 }}" min="0">
                    @error('sort_order')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="starts_at">Mulai Tayang</label>
                    <input type="datetime-local" id="starts_at" name="starts_at" class="form-control @error('starts_at') is-invalid @enderror"
                        value="{{ isset($slideData['starts_at']) ? \Illuminate\Support\Carbon::parse($slideData['starts_at'])->format('Y-m-d\TH:i') : '' }}">
                    @error('starts_at')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="ends_at">Selesai Tayang</label>
                    <input type="datetime-local" id="ends_at" name="ends_at" class="form-control @error('ends_at') is-invalid @enderror"
                        value="{{ isset($slideData['ends_at']) ? \Illuminate\Support\Carbon::parse($slideData['ends_at'])->format('Y-m-d\TH:i') : '' }}">
                    @error('ends_at')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>

        <div class="form-check">
            <input type="hidden" name="is_active" value="0">
            <input type="checkbox" id="is_active" name="is_active" class="form-check-input" value="1" @checked((int) ($slideData['is_active'] ?? 1) === 1)>
            <label class="form-check-label" for="is_active">Aktifkan slide</label>
        </div>
    </div>
    <div class="card-footer d-flex justify-content-end">
        <a href="{{ route('admin.hero-slides.index') }}" class="btn btn-secondary mr-2">Kembali</a>
        <button type="submit" class="btn btn-primary">{{ $submitLabel }}</button>
    </div>
</div>