@extends("website.layouts.layout")
@section('title',"Project Location")
@section("body")

<section class="banner-services">
    <img class="banner-background-ellipse" src="{{asset('webAssets/assets/images/banner-bg-img.png')}}" alt="">
</section>

<section class="services-breadcrumb-section">
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('homepage') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a href="{{ route('explore.partners') }}">Partners</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $partners->first_name }} {{ $partners->last_name }}</li>
            </ol>
        </nav>
    </div>
</section>



<!-- Blogs section started -->



<section class="our-partners explore partners-dercription">
    <div class="container">
        <div class="our-partners-block">
            <div class="our-partners-top-item">
                <h4 class="heading text-center">{!! $partnerLabel->partner_heading_labels !!}</h4>
                <p class="para text-center">{!! $partnerLabel->partner_sub_heading_labels !!}.</p>
            </div>
    
            <div class="our-partners-body explore partners-description d-flex">
                <div class="partners-body-items d-flex align-items-center">
                    <div class="body-left-items partners-description">
                        <div class="partners-description-inner">
                            <img src="{{ asset($partners->profile_image) }}" alt="partner-logo">
                        </div>
                    </div>
                    <div class="body-main-items">
                        <div class="partners-description-inner d-flex flex-column gap-24px">
                            <h4 class="head fw-normal">{{ $partners->first_name }} {{ $partners->last_name }}</h4>
                            <p class="para">{!! $partners->bio !!}</p>
                            <div class="partners address-block d-flex flex-column gap-4px">
                                <h3 class="partners-address-heading font-size-16">Address</h3>
                                <div class="partners-address-items d-flex align-items-center gap-4px">
                                    <img src="{{ asset('webAssets/assets/images/location-icon.svg') }}" alt="location-icon">
                                    <p>
                                    <a href="https://www.google.com/maps/search/?api=1&query={!! $partners->address !!}" target="_blank">
                                    {!! $partners->address !!}
                                </a>
                                </p>
                                </div>
                            </div>
                            <div class="partners address-block d-flex flex-column gap-4px">
                        <h3 class="partners-address-heading font-size-16">Web URL</h3>
                        <div class="partners-address-items d-flex align-items-center gap-4px">
                            <img src="{{ asset('webAssets/assets/images/weburl.svg') }}" alt="weburl-icon">
                            <p>
                                <a href="{{ $partners->website_url }}" target="_blank" rel="noopener noreferrer">
                                    {!! $partners->website_url !!}
                                </a>
                            </p>
                        </div>
                    </div>

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








<!-- Get on your team -->




@endsection
<script src="https://cdnjs.cloudflare.com/ajax/libs/trix/1.3.1/trix-core.js"></script>
<script>
    // Initialize Trix editor
    document.addEventListener("trix-initialize", function(event) {
        var editor = event.target.editor;
        // Attach the Trix editor to the input field
        editor.loadHTML('<div>Vero qui similique n.</div>');
        editor.element.addEventListener("trix-change", function() {
            document.getElementById("trix-editor").value = editor.getDocument();
        });
    });

    document.addEventListener("DOMContentLoaded", function () {
    const links = document.querySelectorAll("a");

    links.forEach(link => {
        let url = link.getAttribute("href");
        if (url && !url.startsWith("http://") && !url.startsWith("https://")) {
            link.setAttribute("href", "https://" + url);
        }
    });
});

</script>