@php 
    

    /**
        Placeholder Data
    **/
    
    $component = new StdClass;
    $component->options = new StdClass;
    $component->options->indicators = false;
    $component->options->pager = true;
    
    $component_id = rand();

    $slides = [];
    for ($i = 1; $i <= 3; $i++) {
        $slide = new StdClass;
        $slide->heading = 'Smooth & Easy Process, thanks '.config('env.APP_NAME').' - '.$i;
        $slide->body = 'Aaionsedis vellaut apedignam, odi tem litiati nullia doluptas magnihitent odi net rat vel eatur?Latas aut quaspic idest, corumqu oditiis accatemod modis essimen debit, simet as estint ent unda nestium adita nimolent ium expe nessenem quis am aut hilic totaera epudit quo vernat.To magnat. Ulparum sinciis endis expla vellori blat venietur? - '.$i; 
        $slides[] = $slide;
    }

    /** 
        End Placeholder Data
    **/


@endphp

<section class="bg-texture testimonial-carousel testimonial-carousel--bg-texture py-md-5 py-3">
    <div class="container text-white py-md-5 py-3">
        <div class="row">
            <div class="col">
                <p class="testimonial-carousel__heading text-center">A few words from our customers</p>
            </div>
        </div>
        <div class="row">
            <div class="col">

                <div id="carousel-{{ $component_id }}" class="carousel slide" data-ride="carousel">

                    @if($component->options->pager) 

                        <ol class="carousel-indicators">
                            <li data-target="#carousel-{{ $component_id }}" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-{{ $component_id }}" data-slide-to="1"></li>
                            <li data-target="#carousel-{{ $component_id }}" data-slide-to="2"></li>
                        </ol>

                    @endif

                    <div class="carousel-inner">


                        @php 
                        
                        $modifier = 'active';

                        @endphp 

                        @foreach($slides as $slide)
                            

                            <div class="carousel-item {{ $modifier }} pb-5">

                                {{-- <div class="testimonial-carousel"> --}}

                                    @if($slide->heading)

                                        <p class="h4">{{ $slide->heading }}</p>

                                    @endif

                                    {{ $slide->body }}


                                {{-- </div> --}}

                            </div>

                            @php 
                                
                                $modifier = '';

                            @endphp 

                        @endforeach

                    </div>

                    @if($component->options->indicators)

                    <a class="carousel-control-prev" href="#carousel-{{ $component_id }}" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carousel-{{ $component_id }}" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>

                    @endif

                </div>
            </div>
        </div>
    </div>

</section>