@php
$container ??=null ;
@endphp
<div class="col-md-{{$container->format}} mb-4">
    <div class="card shadow p-3">
        <div class="d-flex justify-content-between align-items-center my-3">

            <a href="{{ route('page.containers.swap.up', ['page' => $container->page, 'container' => $container]) }}" class="btn btn-primary">
                <i class="bi bi-arrow-left"></i>
            </a>

            <div class="d-flex justify-content-center">
                @if ($container->content instanceof \App\Models\Article\Image)
                <a href="{{ route('images.edit', ['image' => $container->content->id, 'container' => $container]) }}" class="btn btn-primary mx-1"><i class="bi bi-card-image"></i></a>
                @endif
                @if ($container->content instanceof \App\Models\Article\Text)
                <a href="{{ route('texts.edit', ['text' => $container->content->id, 'container' => $container]) }}" class="btn btn-primary mx-1"><i class="bi bi-card-text"></i></a>
                @endif
                <a href="{{route('containers.edit', [$page, $container])}}" class="btn btn-primary mx-1"><i class="bi bi-arrows-expand-vertical"></i></a>
                <form action="{{route('containers.destroy', [$page, $container])}}" method="post" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button class="btn btn-danger mx-1"><i class="bi bi-trash3"></i></button>
                </form>
            </div>

            <a href="{{ route('page.containers.swap.down', ['page' => $container->page, 'container' => $container]) }}" class="btn btn-primary">
                <i class="bi bi-arrow-right"></i>
            </a>
        </div>
        <hr class="my-1 my-sm-1">
        <div class="card-body">
            @if ($container->content instanceof \App\Models\Article\Image)
            <img src="{{ asset($container->content->path) }}" alt="Description de l'image">
            @endif
            @if ($container->content instanceof \App\Models\Article\Text)
            {!! $container->content->body !!}
            @endif
        </div>
    </div>
</div>