@extends('admin.layout')

@section('title', 'Détails du modèle')

@section('content')

    @include('admin._retour', ['vers' => route('profils.index')])

    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div><!-- End Page Title -->

    <section class="section contact">
        <div class="card p-4">
            <div class="row gy-4">
                <div class="col-md-6">
                    <h2>{{ $modele->nom }} @foreach ($categories as $categorie)
                            @if ($categorie->id == $modele->categorie_id)
                                - {{ $categorie->nom }}
                            @endif
                        @endforeach
                    </h2>
                    <img class="img-fluid" src="{{ asset('storage/' . $modele->image) }}"
                        srcset="
                                                 {{ asset('storage/' . $modele->image_small) }} 300w,
                                                 {{ asset('storage/' . $modele->image_medium) }} 600w,
                                                 {{ asset('storage/' . $modele->image_large) }} 1200w
                                             "
                        sizes="(max-width: 300px) 300px, (max-width: 600px) 600px, (max-width: 1200px) 1200px"
                        alt="{{ $modele->nom }}" width="300px">


                    </p>
                    <p><strong>Prix:</strong> {{ number_format($modele->prix, 2, '.', ' ') }} €</p>
                    <p><strong>Marge:</strong> {{ number_format($modele->marge, 2, '.', ' ') }} €</p>
                    <p><strong>Accès:</strong>
                        @foreach ($modele->roles as $role)
                            {{ $role->nom }}<br>
                        @endforeach

                    </p>
                </div>
            </div>
        </div>
    </section>

@endsection