@extends('layouts.admin')

@section('title', $banner->exists ? 'Edit Banner' : 'Add Banner')
@section('heading', $banner->exists ? 'Edit Banner' : 'Add Banner')

@section('content')
    <form class="panel form-grid" method="post" enctype="multipart/form-data" action="{{ $banner->exists ? route('admin.banners.update', $banner) : route('admin.banners.store') }}">
        @csrf
        @if($banner->exists) @method('put') @endif
        <label>Title<input name="title" value="{{ old('title', $banner->title) }}" required></label>
        <label>Position<select name="position"><option value="top" @selected(old('position', $banner->position) === 'top')>Top</option><option value="home_middle" @selected(old('position', $banner->position) === 'home_middle')>Home Middle</option><option value="sidebar" @selected(old('position', $banner->position) === 'sidebar')>Sidebar</option><option value="footer" @selected(old('position', $banner->position) === 'footer')>Footer</option></select></label>
        <label>Link<input name="link" value="{{ old('link', $banner->link) }}" placeholder="https://example.com"></label>
        <label>Sort Order<input type="number" name="sort_order" value="{{ old('sort_order', $banner->sort_order ?? 0) }}"></label>
        <label>Start<input type="datetime-local" name="starts_at" value="{{ old('starts_at', optional($banner->starts_at)->format('Y-m-d\TH:i')) }}"></label>
        <label>End<input type="datetime-local" name="ends_at" value="{{ old('ends_at', optional($banner->ends_at)->format('Y-m-d\TH:i')) }}"></label>
        <label>Banner Image<input type="file" name="image" accept="image/*" @required(!$banner->exists)></label>
        @if($banner->image_path)<img class="preview wide-preview" src="{{ asset('storage/'.$banner->image_path) }}" alt="">@endif
        <label class="check"><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $banner->is_active ?? true))> Active</label>
        <div class="form-actions full"><button type="submit">Save Banner</button><a href="{{ route('admin.banners.index') }}">Cancel</a></div>
    </form>
@endsection