@php
use App\Models\Article\Container;
$container = new Container() ;
@endphp

<!-- Responsive offcanvas body START -->
<div class="offcanvas-lg offcanvas-start h-100" tabindex="-1" id="offcanvasSidebar">
    <!-- Offcanvas header -->
    <div class="offcanvas-header bg-light">
        <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Menu</h5>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasSidebar" aria-label="Close"></button>
    </div>
    <!-- Offcanvas body -->
    <div class="offcanvas-body p-0">
        <div class="card p-3 w-100 shadow-lg">
            <!-- Card header -->
            <div class="card-header text-center border-bottom">
                <!-- Avatar -->
                <div class="avatar avatar-xl position-relative mb-2">
                    <img class="avatar-img rounded-circle border border-2 border-white" src="{{asset('img/logos/logo_justine_piluso_orange.svg')}}" alt="">
                </div>
                <h6 class="mb-0">{{ Auth::user()->name }}</h6>

                <a href="#" class="text-reset text-primary-hover small">{{ Auth::user()->email }}</a>
            </div>

            <!-- Card body START -->
            <div class="card-body p-1">
                <!-- Sidebar menu item START -->
                <ul class="nav nav-pills-primary-border-start flex-column">
                    <li class="nav-item">
                        <a class="nav-link" href="{{route('dashboard')}}"><i class="bi bi-house-door-fill me-2"></i>Accueil</a>
                    </li>
                </ul>

                <ul class="nav nav-pills-primary-border-start border-top flex-column">
                    <h6 class="mx-3 my-2 ">Nouveau bloc</h6>
                    <li class="nav-item">
                        <form action="{{ route($container->exists ? 'containers.update' : 'containers.store', ['page' => $page, 'container' => $container]) }}" method="post">
                            @csrf
                            <input @method($container->exists ? 'put':"post")

                            <input type="hidden" id="format" name="format" value="12">
                            <input type="hidden" id="format" name="type" value="text">
                            <button type="submit" class="nav-link text-start" style="width: 100%;">
                                <i class="bi bi-blockquote-right me-2"></i> Texte
                            </button>
                        </form>
                    </li>
                    <li class="nav-item">
                        <form action="{{ route($container->exists ? 'containers.update' : 'containers.store', ['page' => $page, 'container' => $container]) }}" method="post">
                            @csrf
                            <input @method($container->exists ? 'put':"post")

                            <input type="hidden" id="format" name="format" value="12">
                            <input type="hidden" id="format" name="type" value="image">
                            <div>
                                <button type="submit" class="nav-link text-start" style="width: 100%;">
                                    <i class="bi bi-camera-fill me-2"></i> Bloc d'image
                                </button>
                            </div>
                        </form>
                    </li>
                </ul>

                <ul class="nav nav-pills-primary-border-start border-top flex-column">

                    <h6 class="mx-3 my-2">Bloc personnalisé</h6>
                    <li class="nav-item">
                        <form action="{{ route($container->exists ? 'containers.update' : 'containers.store', ['page' => $page, 'container' => $container]) }}" method="post">
                            @csrf
                            @method($container->exists ? 'put':"post")
                            <div class="row">
                                <div class="col-6">
                                    @include ('shared.input',['name'=> 'format','label'=>'largeur','value'=>6])

                                </div>
                                <div class="col-6">
                                    @include('shared.select', [
                                    'services' => [
                                    ['id' => 'text', 'name' => 'Texte'],
                                    ['id' => 'image', 'name' => 'Image']
                                    ],
                                    'displayField' => 'name',
                                    'valueField' => 'id',
                                    'name' => 'type',
                                    'label' => 'type',
                                    'value' => $container->format
                                    ])
                                </div>
                            </div>


                            <div>
                                <button type="submit" class="nav-link text-start mt-2" style="width: 100%;">
                                    <i class="bi bi-plus-circle me-2"></i>Créer
                                </button>
                            </div>
                        </form>
                    </li>
                </ul>



                <ul class="nav nav-pills-primary-border-start border-top flex-column">

                    <li class="nav-item">
                        <a class="nav-link text-danger" href="#"><i class="bi bi-box-arrow-right me-2"></i>Déconnexion</a>
                    </li>
                </ul>
                <!-- Sidebar menu item END -->
            </div>
            <!-- Card body END -->

        </div>
    </div>
</div>