<header class="header section">
    <div class="container">
        <div class="mainhead-slider">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    @if(count($sliders))
                        @foreach($sliders as $slider)
                            <div class="swiper-slide">
                                <div class="content-card">
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <div class="text-box">
                                                <h1 class="title text-white fw-bold text-capitalize mb-4">
                                                    <?php
                                                    /** @var TYPE_NAME $slider */
                                                    $sliderTitle = explode(' ', $slider->title, 2);
                                                    $sliderTitle1 = $sliderTitle[0] ?? null;
                                                    $sliderTitle2 = $sliderTitle[1] ?? null;
                                                    ?>
                                                    <span class="color-secondary">{{$sliderTitle1}}  </span> {{$sliderTitle2}}
                                                </h1>
                                                <p class="p col-md-10">{{$slider->description}}</p>
                                            </div>
                                            <div class="social_links mt-5">
                                                @if($settings['facebook'] ?? null)
                                                    <a target="_blank" href="{{$settings['facebook']}}"><i class="fa-brands fa-facebook-f"></i></a>
                                                @endif
                                                @if($settings['twitter'] ?? null)
                                                    <a target="_blank" href="{{$settings['twitter']}}"><i class="fa-brands fa-twitter"></i></a>
                                                @endif
                                                @if($settings['instagram'] ?? null)
                                                    <a target="_blank" href="{{$settings['instagram']}}"><i class="fa-brands fa-instagram"></i></a>
                                                @endif
                                                @if($settings['snapchat'] ?? null)
                                                    <a target="_blank" href="{{$settings['snapchat']}}"><i class="fa-brands fa-snapchat"></i></a>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="img-box">
                                                <img src="{{asset('assets/web/images/header-1.png')}}" alt="" class="sec-img"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>

    </div>
    <img src="{{asset('assets/web/images/pattern-1.png')}}" alt="" class="pattern"/>
</header>
