@extends('layouts.admin')
@section('title', $banner->exists ? 'Edit banner' : 'New banner')

@section('content')
@php
    $v = fn ($k) => old($k, $banner->{$k});
    $dt = fn ($k) => old($k, $banner->{$k} ? $banner->{$k}->copy()->setTimezone(config('jaykisan.display_timezone'))->format('Y-m-d\TH:i') : '');
@endphp
<div class="row"><div class="col-xl-8">
<form method="POST" enctype="multipart/form-data" action="{{ $banner->exists ? route('admin.banners.update', $banner) : route('admin.banners.store') }}" class="card">
    @csrf @if ($banner->exists) @method('PUT') @endif
    <div class="card-body row g-3">
        <div class="col-md-6"><label class="form-label">Placement *</label><select name="placement" class="form-select">@foreach ($placements as $k => $n)<option value="{{ $k }}" @selected($v('placement') === $k)>{{ $n }}</option>@endforeach</select></div>
        <div class="col-md-6"><label class="form-label">Order</label><input type="number" name="sort_order" value="{{ $v('sort_order') }}" class="form-control"></div>
        <div class="col-12"><label class="form-label">Title *</label><input name="title" value="{{ $v('title') }}" class="form-control" maxlength="150" required></div>
        <div class="col-12"><label class="form-label">Subtitle</label><input name="subtitle" value="{{ $v('subtitle') }}" class="form-control" maxlength="255"></div>
        <div class="col-md-6"><label class="form-label">Button label</label><input name="cta_label" value="{{ $v('cta_label') }}" class="form-control" maxlength="60" placeholder="Book now"></div>
        <div class="col-md-6"><label class="form-label">Opens screen</label><input name="cta_route_key" value="{{ $v('cta_route_key') }}" class="form-control" maxlength="100" placeholder="transport.home"></div>
        <div class="col-md-6"><label class="form-label">Language</label><select name="language_id" class="form-select"><option value="">All languages</option>@foreach ($languages as $id => $n)<option value="{{ $id }}" @selected($v('language_id') == $id)>{{ $n }}</option>@endforeach</select></div>
        <div class="col-md-6"><label class="form-label">Shown to</label><select name="target_role_id" class="form-select"><option value="">Everyone</option>@foreach ($roles as $id => $n)<option value="{{ $id }}" @selected($v('target_role_id') == $id)>{{ $n }}</option>@endforeach</select></div>
        <div class="col-md-6"><label class="form-label">Starts (IST)</label><input type="datetime-local" name="starts_at" value="{{ $dt('starts_at') }}" class="form-control"></div>
        <div class="col-md-6"><label class="form-label">Ends (IST)</label><input type="datetime-local" name="ends_at" value="{{ $dt('ends_at') }}" class="form-control"></div>
        <div class="col-md-8"><label class="form-label">Image</label><input type="file" name="image" accept="image/jpeg,image/png" class="form-control"><div class="form-text">Wide image, about 3:1. Compressed for 3G before going live (NFR-03).</div></div>
        <div class="col-md-4 d-flex align-items-end"><div class="form-check form-switch"><input class="form-check-input" type="checkbox" name="is_active" value="1" id="active" @checked(old('is_active', $banner->is_active))><label class="form-check-label" for="active">Active</label></div></div>
        @if ($banner->mediaFile)<div class="col-12"><img src="{{ \App\Services\MediaService::url($banner->mediaFile) }}" class="img-fluid rounded" style="max-height:180px" alt=""></div>@endif
    </div>
    <div class="card-footer bg-white"><button class="btn btn-primary">Save</button> <a href="{{ route('admin.banners.index') }}" class="btn btn-light">Cancel</a></div>
</form>
</div></div>
@endsection