@php
    $title = get_field('title');
    $text = get_field('text');
    $primary_btn = get_field('primary_button');
    $secondary_btn = get_field('secondary_button');
    $image = get_field('image');
@endphp

@if ($title)
    <section class="hero-banner">
        <h1 class="visually-hidden">{{ get_bloginfo() }}</h1>
        <div class="row">
            <div class="col-xs-12 col-md-6">
                <div class="hero-banner__content">
                    <div class="hero-banner__content__title">{!! $title !!}</div>
                    @if ($text)
                        <div class="hero-banner__content__text">{!! $text !!}</div>
                    @endif
                    @if ($primary_btn || $secondary_btn)
                        <div class="hero-banner__content__buttons">
                            @if ($primary_btn)
                                <div class="hero-banner__content__buttons__button">
                                    @include('elements.button', ['data' => $primary_btn, 'type' => 'blue'])
                                </div>
                            @endif
                            @if ($secondary_btn)
                                <div class="hero-banner__content__buttons__button">
                                    @include('elements.button', ['data' => $secondary_btn, 'type' => 'white'])
                                </div>
                            @endif
                        </div>
                    @endif
                </div>
            </div>
            <div class="col-xs-12 col-md-6">
                @if ($image)
                    <div class="hero-banner__image">
                        @include('elements.image', ['image_id' => $image])
                    </div>
                @endif
            </div>
        </div>
    </section>
@endif