@extends('web.layouts.main')
@section('content') 
<!-- Start section -->
<section class="pg_header section">
    <div class="container">
        <h5 class="title_w_vector mx-auto w-fit mt-2"> {{$title}}</h5>

    </div>
</section>


<!-- Start section -->
<section class="partners_det section my-5">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="txt_box">
                    <div class="circle_box mb-4">
                        <div class="content">
                            <div class="icon_box">
                                <img src="{{asset($photo->image ?? null)}}" class="icon" alt="" />
                            </div>
                        </div>
                    </div> 
                    <h1 class="title fw-bold mb-4">
                      {{$partner->currentDescription->title ?? ""}}
                    </h1>
                    <div class="p px-0">
                    {!!$partner->currentDescription->description ?? ""!!}
                    </div>

                </div>
            </div>
            <div class="col-lg-6">
                <div class="img_box">
                    <div class="swiper-container partners_det_swiper">
                        <div class="swiper-wrapper">
                            @foreach($photos as $value)
                            <div class="swiper-slide">
                                <img src="{{asset($value->image)}}" class="secImg" alt="">
                            </div>
                            @endforeach
                        </div>
                        <div class="swiper-pagination pb-4"></div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>      
@endsection