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

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

@section('content')
    <h1>Homepage boxes</h1>
    <p class="adm-help">Content boxes shown on the homepage after the month chart, lowest order number first.</p>

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

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