@extends('website.layout.main')

@section('content')
    <!--Page Header Start-->
    <x-website-page-header title="{{ __('messages.partners') }}" bgImage="assets/images/backgrounds/page-header-bg.png" homeLink="{{ url('/') }}" />
    <!--Page Header End-->

    <section class="partners-page">
        <div class="container">
            <div class="partners-page__title-box">
                <h1 class="partners-page__title">{{ __('messages.our') }} <span>{{ __('messages.partners') }}</span></h1>
            </div>
            <div class="row">
                @forelse ($partners as $partner)
                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="100ms">
                        @if($partner->website)
                            <a href="{{ $partner->website }}" target="_blank" rel="noopener noreferrer" class="partners-page__card">
                        @else
                            <div class="partners-page__card partners-page__card--no-link">
                        @endif
                            <div class="partners-page__thumb">
                                <img src="{{ $partner->photo ? asset('storage/' . $partner->photo) : 'https://placehold.co/180x180' }}" alt="{{ $partner->name }}">
                            </div>
                            <h4 class="partners-page__name">{{ $partner->name }}</h4>
                        @if($partner->website)
                            </a>
                        @else
                            </div>
                        @endif
                    </div>
                @empty
                    <div class="col-12">
                        <p class="text-center">No partners available at the moment.</p>
                    </div>
                @endforelse
            </div>
        </div>
    </section>
@endsection