@extends ('site::public.layout')
@section('content')


<!-- ======= Hero Section ======= -->
<section id="hero">
    <div class="hero-container">
      <div id="heroCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">

        <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

        <div class="carousel-inner" role="listbox">

            @if($slider->count()>0)
                @foreach ($slider as $key=>$item)
                    @php 
                        $active = 'active';
                        if($key>0){
                            $active = '';
                        }

                        $btn = '';
                        if($item->url_inside!=''){
                            $btn = '<a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>';
                        }
                    @endphp
                    <div class="carousel-item {{ $active }}" style="background-image: url('{{ URL('storage/'.$item->image) }}');">
                        <div class="carousel-container">
                        <div class="carousel-content container">
                            <h2 class="animate__animated animate__fadeInDown">{!! $item->title !!}</h2>
                            <p class="animate__animated animate__fadeInUp">{!! $item->excerpt !!}</p>
                            {!! $btn !!}
                        </div>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="carousel-item active" style="background-image: url('assets/img/B360-Logo_Branding-IEILOGO.png');">
                    <div class="carousel-container">
                    <div class="carousel-content container">
                        <h2 class="animate__animated animate__fadeInDown">Welcome to <span>{{ setting('general.title') }}</span></h2>
                        <p class="animate__animated animate__fadeInUp">Ut velit est quam dolor ad a aliquid qui aliquid. Sequi ea ut et est quaerat sequi nihil ut aliquam. Occaecati alias dolorem mollitia ut. Similique ea voluptatem. Esse doloremque accusamus repellendus deleniti vel. Minus et tempore modi architecto.</p>
                        <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
                    </div>
                    </div>
                </div>
            @endif

        </div>

        <a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
          <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
        </a>
        <a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
          <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
        </a>

      </div>
    </div>
</section><!-- End Hero -->

<main id="main">


</main><!-- End #main -->



@stop