@extends('layout')

@section('title', 'Visuel de couleur')

@section('content')

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

        <section class="section">
            <div class="card p-4">
                <h2>{{ $couleur->nom }}</h2>
                <p>{{ $couleur->code_couleur }}</p>
                <p>{{ $couleur->finition }}</p>
                <span
                    style="display: flex; align-items: center; justify-content: center; width: 480px; height: 240px; background-color: {{ $couleur->code_couleur }}; color: #FFF; font-weight: bold; text-align: center;">
                    {{ $couleur->nom }}
                </span>
            </div>
        </section>

    @endsection