@php($banner = $banner ?? null)
@php($positions = ['home_top', 'home_middle', 'home_bottom', 'sidebar', 'course_page', 'checkout'])
<div class="row g-3">
    <div class="col-md-8">
        <label class="form-label">{{ __('Title') }} <span class="text-danger">*</span></label>
        <input type="text" name="title" value="{{ old('title', $banner->title ?? '') }}" class="form-control @error('title') is-invalid @enderror" required>
        @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="form-label">{{ __('Position') }}</label>
        <input type="text" name="position" list="banner-positions" value="{{ old('position', $banner->position ?? '') }}" class="form-control @error('position') is-invalid @enderror" placeholder="{{ __('e.g. home_top') }}">
        <datalist id="banner-positions">
            @foreach($positions as $pos)
                <option value="{{ $pos }}"></option>
            @endforeach
        </datalist>
        @error('position')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-12">
        <label class="form-label">{{ __('Image') }}</label>
        @if($banner && $banner->image)
            <div class="mb-2">
                <img src="{{ media_url($banner->image) }}" alt="{{ $banner->title }}" class="rounded border" style="max-height:120px;">
            </div>
        @endif
        <input type="file" name="image" accept="image/*" class="form-control @error('image') is-invalid @enderror">
        <div class="form-text">{{ __('JPEG, PNG, WEBP or GIF, up to 4 MB.') }}@if($banner && $banner->image) {{ __('Leave empty to keep current image.') }}@endif</div>
        @error('image')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
    </div>
    <div class="col-12">
        <label class="form-label">{{ __('Link') }}</label>
        <input type="url" name="link" value="{{ old('link', $banner->link ?? '') }}" class="form-control @error('link') is-invalid @enderror" placeholder="https://...">
        @error('link')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label class="form-label">{{ __('Starts At') }}</label>
        <input type="datetime-local" name="starts_at" value="{{ old('starts_at', isset($banner->starts_at) ? $banner->starts_at->format('Y-m-d\TH:i') : '') }}" class="form-control @error('starts_at') is-invalid @enderror">
        @error('starts_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label class="form-label">{{ __('Ends At') }}</label>
        <input type="datetime-local" name="ends_at" value="{{ old('ends_at', isset($banner->ends_at) ? $banner->ends_at->format('Y-m-d\TH:i') : '') }}" class="form-control @error('ends_at') is-invalid @enderror">
        @error('ends_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-12">
        <div class="form-check form-switch">
            <input type="hidden" name="status" value="0">
            <input type="checkbox" name="status" value="1" class="form-check-input" id="status" @checked(old('status', $banner->status ?? true))>
            <label class="form-check-label" for="status">{{ __('Active') }}</label>
        </div>
    </div>
</div>