@extends('front.layouts.main')
@section('main-container')
@section('style')
<style>
</style>
@endsection

<div class="inner-banner">
<img src="{{ asset('/upload/banner/')}}/{{ $data['banner']['image'] }}" class="img-fluid">
        <div class="banner-text">
            <div class="container">
                <div class="row">
                <h6>{!! $data['banner']['title'] !!}</h6>
                <h1>{!! strip_tags($data['banner']['content'], '<br>') !!}</h1>
                </div>
            </div>
        </div>
    </div>
    <section class="inneroverview">
        <div class="container">
            <div class="row">
                <ul class="breadcrumb">
                    <li><a href="{{ route('home')}}">Home <span> > </span></a></li>
                    <li class="active">Partner Program</li>
                </ul>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                @if(isset($data['overview_left']['title']))
                    <h6>Overview</h6>
                    <h2 class="mb-4">{{ $data['overview_left']['title'] }}</h2>
                    {!! $data['overview_left']['content'] !!}
                @endif
                </div>
                <div class="offset-md-1 col-md-6">
                   <div class="row">
                   @if(isset($data['overview_right'][0]['title']))
                        @foreach($data['overview_right'] as $pp)
                        <div class="four col-md-6">
                            <div class="counter_box colored">
                                 <img src="{{ asset('/upload/')}}/{{ $pp['image'] }}" class="img-fluid"> 
                                 <hr>
                                 <h5 class="mb-5">{{ $pp['title'] }}</h5>
                            </div>                           
                        </div>
                        @endforeach
                    @endif  
                   </div>                   
            </div>
        </div>
    </div>
    </section>
   
    <section class="become-partner benefits m-padg bg-gray">
        <div class="container">

            <div class="row">
                <div class="col-md-6 col-sm-12">
                    <h6>Our</h6>
                    <h2>Benefits</h2>
                    <div class="accordion accordion-flush pb-3" id="accordionFlushExample">
                    @if(isset($data['benefits'][0]['title']))
                        @php
                            $class = "";
                            $area = "true";
                            $display = "show";
                        @endphp
                        @foreach($data['benefits'] as $key=>$op)
                        <div class="accordion-item rounded-3 border-0 shadow mb-2">
                            <h2 class="accordion-header">
                                <button class="accordion-button border-bottom {{ $class }} fw-semibold" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#flush-collapse{{$key}}" aria-expanded="{{$area}}"
                                    aria-controls="flush-collapse{{$key}}">
                                    {{ $op['title'] }}
                                </button>
                            </h2>
                            <div id="flush-collapse{{$key}}" class="accordion-collapse collapse {{$display}}"
                                data-bs-parent="#accordionFlushExample">
                                <div class="accordion-body">
                                    <p>Tap into our extensive network of 8,500+ dealers and distributors</p>
                                </div>
                            </div>
                        </div>
                        @php
                            $class = "collapsed";
                            $area = "false";
                            $display = "";
                        @endphp
                    @endforeach
                    @endif

                    </div>
                </div>
                <div class="col-md-6">
                </div>
            </div>

        </div>
    </section>

    @if(isset($data['testimonial'][0]['title']))
      <section class="business">
        <div class="container">
            <div class="row">
                <div class="col-md-5 justify-d-flex">
                    <h6 class="wow animated fadeInRight" data-wow-duration="2s">Testimonials</h6>
                    <h2 class="wow animated fadeInLeft" data-wow-duration="2s">From Our<br> Trusted Partners</h2>
                    <p class="wow animated fadeInRight" data-wow-duration="2s">Don’t take our word for it here it from
                        <br> our Partners</p>
                    <a href="" class="btn-primary wow animated fadeInDown" data-wow-duration="2s"><span class="first-span">Know</span><span class="textred">More <i class="fa-solid fa-arrow-right-long"></i></span></a>
                </div>
                <div class="col-md-7">
                    <div id="testimonial" class="oneslide owl-carousel owl-theme">
                    @foreach($data['testimonial'] as $key=>$op)
                    <div class="item ">
                            <div class="testimonial wow animated fadeInLeft" data-wow-duration="2s">
                                {!! $op['description'] !!}
                            </div>
                        </div>
                        @endforeach

                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif
@endsection
@section('script')

@endsection