44 lines
2.1 KiB
PHP
44 lines
2.1 KiB
PHP
@props(['title' => '', 'subtitle' => ''])
|
|
|
|
@php
|
|
$translatedTitle = __($title);
|
|
$translatedSubtitle = __($subtitle);
|
|
@endphp
|
|
{{-- FIXME --}}
|
|
{{-- Image banner to centered --}}
|
|
<section id="header-banner" @class(['position-relative header-line-border '])>
|
|
<div class="position-absolute w-100 h-100 bottom-0 z-0" id="header-background"></div>
|
|
<div class="row w-100 pb-lg-5 position-relative z-2 container mx-auto pb-0">
|
|
<div class="col-12 col-xl-6 position-relative z-1">
|
|
@include('modules.breadcrumbs.breadcrumb-body')
|
|
<hgroup>
|
|
@if (isset($badge) && !empty($badge))
|
|
<div class="f-bourton-base mt-4 w-fit px-2 py-1 text-white" style="background-color:{{ $badge->color }}">
|
|
{{ $badge->label }}
|
|
</div>
|
|
@endif
|
|
<div class="d-flex justify-content-center align-items-center">
|
|
@if (isset($badge) && !empty($picto))
|
|
<img class="img-fluid my-3 me-2" id="header-banner-picto" src="{{ $picto }}" title="{{ $picto_title }}"
|
|
alt="{{ $picto_alt }}">
|
|
@endif
|
|
<h1 class="my-3">{{ $title }}</h1>
|
|
</div>
|
|
<p>{{ $subtitle }}
|
|
</p>
|
|
</hgroup>
|
|
</div>
|
|
<div class="d-none d-xl-block col-6 col-xxl-4">
|
|
<div class="header-image-wrapper breeding-header-translate-right">
|
|
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/breeding/haystack.jpg') }}"
|
|
title="{{ __('titre de l\'image') }}" alt="{{ __('alt de l\'image') }}">
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-8 position-relative z-1 mx-auto mt-4">
|
|
<div class="d-xl-none header-image-wrapper">
|
|
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/breeding/haystack.jpg') }}"
|
|
title="{{ __('titre de l\'image') }}" alt="{{ __('alt de l\'image') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|