@extends('web_theme::layout.main')

@section('title', 'Partner Details | El DiDi Group')
@section('meta_description', 'Discover partner details and services provided by El DiDi Group.')

@section('content')
    <!-- Page Title -->
    <section class="page-title">
        <div class="content" style="background-image: url('{{ asset($partnersHeaderImg) }}');)">
        </div>
    </section>
    <!-- End Page Title -->

    <!-- Sidebar Page Container -->
    <div class="sidebar-page-container">
        <div class="auto-container">

            <h1 class="page-title" style="text-align: center">Partner Details</h1>
            <br><br>
            <div class="row clearfix">
                <!-- Content Side -->
                <div class="content-side col-lg-10 col-md-12 col-sm-12" style="margin: 0 auto; float: none;">
                    <div class="blog-detail">
                        <div class="inner-box">
                            <div class="image" style="display: flex; justify-content: center; align-items: center; overflow: visible;">
                                <img src="{{ asset($partner_details->first()->partner->photo) }}" alt="Photo" width="510" height="600" style="width: auto; height: auto; aspect-ratio: 510/600;">
                            </div>
                            @foreach ($partner_details as $partner_detail)
                                <br><br>
                                {!! $partner_detail->content !!}

                                @if (!empty($partner_detail->pdfs))
                                    @php
                                        $pdfs = json_decode($partner_detail->pdfs, true);
                                    @endphp
                                    @foreach ($pdfs as $pdf)
                                        <div class="image pt-5">
                                            <iframe src="{{ asset($pdf) }}"
                                                width="100%" height="450" style="border: none; border-radius: 10px;">
                                            </iframe>
                                        </div>
                                    @endforeach
                                @endif
                                @if (!empty($partner_detail->videos))
                                    @php
                                        $videos = json_decode($partner_detail->videos, true);
                                    @endphp
                                    @foreach ($videos as $video)
                                        <div class="image pt-5">
                                            <video width="100%" height="450" controls style="border-radius: 10px;">
                                                <source src="{{ asset($video) }}" type="video/mp4">
                                                Your browser does not support the video tag.
                                            </video>
                                        </div>
                                    @endforeach
                                @endif
                                
                                <div class="pull-right">
                                    <a href="{{ route('web.quote', ['partner_details_id' => $partner_detail->id]) }}" class="theme-btn btn-style-two"><span class="txt">Get A Quote</span></a>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            <i class="fa fa-bar-chart" aria-hidden="true"> Visitors Counter : <span
                    class="post-views-count">{{ $partner_details->first()->views }}</span></i>
        </div>
    </div>
    <!-- End Sidebar Page Container -->
@endsection