@extends('layouts.front')
@section('title', __('Le bien-être animal contrôlé et étiqueté'))
@section('description', __('En savoir plus sur le label BEA (Bien-Être Animal)'))

@section('breadcrumb', request()->route()->getName())

@section('content-class', 'p-0')

@php
$previousUrl = session()->get('poultrySearch.model') ? route('poultry.show') : route('poultry.search');
@endphp

@section('content')
<div class="container-fluid labelBEAShow">
    <div class="row g-5 header small bg-loue-blue text-light">
        <div class="col m-2 p-3">
            <a class="link-shade h5 text-light fw-bold text-uppercase text-decoration-none" href="{{ $previousUrl }}">
                <span class="back-char blueLoue" aria-label="{{ __('Lien en arrière') }}"></span>&nbsp;{{ __('Retour')}}
            </a>
        </div>
    </div>
    @include('front.modules.flashMessage')
    <div class="row justify-content-center mt-4">
        <div class="col-12 text-center">
            <h1 class="fw-bold">{{ __('Le bien-être animal contrôlé et étiqueté') }}</h1>
        </div>
    </div>
    <div class="row justify-content-center mt-5">
        <div class="col-12 text-center">
            <img class="img-fluid smallBea" src="{{ asset('assets/images/bea/Visuel-BEA-II---A-SUPERIEUR.png') }}" alt="{{ __('BEA II A Superieur') }}">
            <img class="img-fluid smallBea" src="{{ asset('assets/images/bea/Visuel-BEA-II---B-BIEN.png') }}" alt="{{ __('BEA II B Bien') }}">
            <img class="img-fluid smallBea" src="{{ asset('assets/images/bea/Visuel-BEA-II---C-ASSEZBIEN.png') }}" alt="{{ __('BEA II C Assez bien') }}">
            <img class="img-fluid smallBea" src="{{ asset('assets/images/bea/Visuel-BEA-II---D-STANDARD.png') }}" alt="{{ __('BEA II D Standard') }}">
            <img class="img-fluid smallBea" src="{{ asset('assets/images/bea/Visuel-BEA-II---E-MINIMAL.png') }}" alt="{{ __('BEA II E Minimal') }}">
        </div>
    </div>
    <div class="row subpart justify-content-center mt-4">
        <div class="col-12">
            <div class="container pb-4">
                <div class="row">
                    <div class="col text-arial text-center">
                        <p>{{ __('Loué est la première marque nationale à contrôler et étiqueter le niveau de bien-être animal sur ses poulets.') }}</p>
                        <div class="mt-3 legendBea">
                            <div class="left"><i class="l1">1</i><i class="l2">2</i></div>
                            <div><img class="img-fluid" src="{{ asset('assets/images/bea/VISUELS - BEA II_A.png') }}" alt="{{ __('Image manquante') }}"></div>
                            <div class="right"><i class="l3">3</i><i class="l4">4</i><i class="l5">5</i></div>
                        </div>
                        <div class="text-start mt-5">
                            <ol class="h5 fw-bold">
                                <li>{{ __('Étiquette Bien-être animal') }}<br>
                                    <span class="text-normal h6">{{ __('(imprimée sur le ticket poids/prix du produit ou accessible via QR code).') }}</span>
                                </li>
                                <li>{{ __('5 niveaux d’évaluation') }}<br>
                                    <span class="h6">{{ __('(de supérieur à minimal).') }}</span>
                                </li>
                                <li>{{ __('Note attribuée') }}<br>
                                    <span class="h6">{{ __('(obtenue suite à l’audit des différents opérateurs).') }}</span>
                                </li>
                                <li>{{ __('Mode d’élevage') }}<br>
                                    <span class="h6">{{ __('(parcours arboré, accès extérieur, bâitment en progrès ou en bâtiment).') }}</span>
                                </li>
                                <li>{{ __('Site internet') }}<br>
                                    <span class="h6">{{ __('(pour avoir des informations sur la note et la démarche).') }}</span>
                                </li>
                            </ol>
                        </div>
                        <p class="mt-3">{{ __('Une évaluation individuelle (réalisée par un organisme certificateur tiers) est attribuée à chaque éleveur. Cette note se base sur un cahier des charges de 230 critères défini par 4 ONG référentes dans le bien-être animal.') }}</p>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col text-center">
                            <img class="img-fluid mx-2 smallLogo" src="{{ asset('assets/images/bea/Visuel_CIWF.png') }}" alt="{{ __('Logo CIWF') }}">
                            <img class="img-fluid mx-2 smallLogo" src="{{ asset('assets/images/bea/Visuel_FDA.png') }}" alt="{{ __('Logo FDA') }}">
                            <img class="img-fluid mx-2 smallLogo" src="{{ asset('assets/images/bea/Visuel_OABA2.png') }}" alt="{{ __('Logo OABA2') }}">
                            <img class="img-fluid mx-2 smallLogo" src="{{ asset('assets/images/bea/Visuel_Welfarm.png') }}" alt="{{ __('Logo Welfarm') }}">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection