@extends('admin.layout')
@section('title', 'Sticky boxes')

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/promos.css') }}?v={{ filemtime(public_path('css/promos.css')) }}">
@endpush

@section('content')
    <h1>Sticky boxes</h1>
    <p class="adm-help">
        Small boxes pinned to the left or right edge of every public page. If several are switched on
        for the same side, the first one is shown. Visitors can close a box for their visit.
    </p>

    @foreach($promos as $promo)
        <div class="adm-card">
            @include('admin.partials.promo-form', ['promo' => $promo, 'action' => route('admin.promos.update', $promo), 'method' => 'PUT', 'submit' => 'Save'])
            <form method="post" action="{{ route('admin.promos.destroy', $promo) }}" style="margin-top: 8px">
                @csrf
                @method('DELETE')
                <button class="btn-danger" data-confirm="Delete this sticky box?">Delete</button>
            </form>
        </div>
    @endforeach

    <section class="adm-card new">
        <h2>Add a sticky box</h2>
        @include('admin.partials.promo-form', ['promo' => $new, 'action' => route('admin.promos.store'), 'method' => 'POST', 'submit' => 'Add sticky box'])
    </section>
@endsection