@extends('layout.guest')

@section('content')
    <div class="my-hijau-content-header">
        <div class="my-hijau-page-title">
            <div class="container">
                <h2 class="text-right">Verification Partner</h2>
            </div>
        </div>
        <div class="my-hijau-featured-image"
            style="background-image: url({{ image('aboutus/insideslider-about-1200x149.jpg') }})">
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="common-card py-10">
        <div class="mx-20">
            @php
                $grouped = $partners->groupBy('type');
            @endphp
            {{-- TYPE 1: Certification Body --}}
            @if ($grouped->has(1))
                <h4 class="mt-5">TYPE 1: Certification Body</h4>
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Organisation Name</th>
                            <th>Contact Information</th>
                            <th>Type Of Certification</th>
                            <th>Certification Name</th>
                            <th>Target Sector</th>
                            <th>Certification Body Details</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($grouped[1] as $i => $item)
                            <tr>
                                <td>{{ $i + 1 }}</td>
                                <td>
                                    {{ $item->name }}
                                    @if ($item->image)
                                        <br><img src="{{ asset('/storage/' . $item->image) }}" alt="Organization Logo" class="img-fluid" style="max-height: 80px; width: auto;">
                                    @endif
                                </td>
                                <td>{!! nl2br(e($item->contact_info ?? '-')) !!}</td>
                                <td>{{ App\Models\CertificationPartner::TYPE_OF_CERTIFICATION[$item->type_of_certification] ?? '-' }}</td>
                                <td>
                                    {{ $item->certification_name ?? '-' }}
                                    @if ($item->certification_logo)
                                        <br><img src="{{ asset('/storage/' . $item->certification_logo) }}" alt="Certification Logo" class="img-fluid" style="max-height: 80px; width: auto;">
                                    @endif
                                </td>
                                <td>{{ $item->target_sector ?? '-' }}</td>
                                <td>{!! displayRichText($item->certification_body_details) !!}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif

            {{-- TYPE 2: Scheme Owner --}}
            @if ($grouped->has(2))
                <h4 class="mt-5">TYPE 2: Scheme Owner</h4>
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Organisation Name</th>
                            <th>Contact Information</th>
                            <th>Scheme Name</th>
                            <th>Scheme Activities</th>
                            <th>Target Sector</th>
                            <th>Scheme Details</th>
                            <th>Scheme Benefits</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($grouped[2] as $i => $item)
                            <tr>
                                <td>{{ $i + 1 }}</td>
                                <td>
                                    {{ $item->name }}
                                    @if ($item->image)
                                        <br><img src="{{ asset('/storage/' . $item->image) }}" alt="Organization Logo" class="img-fluid" style="max-height: 80px; width: auto;">
                                    @endif
                                </td>
                                <td>{!! nl2br(e($item->contact_info ?? '-')) !!}</td>
                                <td>{{ $item->scheme_name ?? '-' }}</td>
                                <td>{!! displayRichText($item->scheme_activities) !!}</td>
                                <td>{{ $item->target_sector ?? '-' }}</td>
                                <td>{!! displayRichText($item->scheme_details) !!}</td>
                                <td>{!! displayRichText($item->scheme_benefits) !!}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif

            {{-- TYPE 3: Testing Laboratory --}}
            @if ($grouped->has(3))
                <h4 class="mt-5">TYPE 3: Testing Laboratory</h4>
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Organisation Name</th>
                            <th>Contact Information</th>
                            <th>Main Activities</th>
                            <th>Target Sector</th>
                            <th>Activities Details</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($grouped[3] as $i => $item)
                            <tr>
                                <td>{{ $i + 1 }}</td>
                                <td>
                                    {{ $item->name }}
                                    @if ($item->image)
                                        <br><img src="{{ asset('/storage/' . $item->image) }}" alt="Organization Logo" class="img-fluid" style="max-height: 80px; width: auto;">
                                    @endif
                                </td>
                                <td>{!! nl2br(e($item->contact_info ?? '-')) !!}</td>
                                <td>{{ App\Models\CertificationPartner::TESTING_LABORATORY_ACTIVITIES[$item->main_activities] ?? '-' }}</td>
                                <td>{{ $item->target_sector ?? '-' }}</td>
                                <td>{!! displayRichText($item->activities_details) !!}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        function playVideo(element, videoId) {
            const videoWrapper = element.parentElement;

            // Create the iframe
            const iframe = document.createElement('iframe');
            iframe.src = `https://www.youtube.com/embed/${videoId}?autoplay=1`;
            iframe.allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture";
            iframe.allowFullscreen = true;

            // Set width and height to maintain consistency
            iframe.style.width = "100%";
            iframe.style.height = "100%";

            // Remove thumbnail and insert iframe
            videoWrapper.innerHTML = "";
            videoWrapper.appendChild(iframe);
        }
    </script>
@endsection