@extends('layouts.main')

@section('breadcrumbs')
    {{ Breadcrumbs::render(request()->route()->getName()) }}
@endsection

@section('content')
    <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
        @if (Auth::user()->hasAnyRole(['senior-officer']))
            @include('lpj::component.detail-jaminan', [
                'backLink' => 'otorisator.view-laporan',
                'queryParams' => [
                    'permohonanId' => request()->query('permohonanId'),
                    'documentId' => request()->query('documentId'),
                    'inspeksiId' => request()->query('inspeksiId'),
                    'jaminanId' => request()->query('jaminanId'),
                    'statusLpj' => 1,
                ],
                'title' => 'Paparan dokument',
            ])
        @else
            @include('lpj::component.detail-jaminan', [
                'backLink' => 'penilai.show',
                'id' => $permohonan->id,
                'title' => 'Lampiran foto dan dokumen',
            ])
        @endif

        @include('lpj::penilai.components.foto-lampiran')


        @if (isset($formDenah['denahs']) && is_array($formDenah['denahs']) && count($formDenah['denahs']) > 0)
            <div class="card ">
                <div class="card-header bg-agi-50 uppercase">
                    Denah
                </div>
                @foreach ($formDenah['denahs'] as $index => $denah)
                    <div class="card-body ">
                        <div class="w-full grid gap-5 ">
                            <!-- Preview Container -->
                            <div class="preview-container-{{ $index }}" class="flex items-center">
                                @if (isset($denah['foto_denah']))
                                    @php
                                        $fileExtension = pathinfo($denah['foto_denah'], PATHINFO_EXTENSION);
                                    @endphp

                                    @if (in_array($fileExtension, ['jpg', 'jpeg', 'png']))
                                        <img src="{{ asset('storage/' . $denah['foto_denah']) }}" class="max-w-full max-h-screen object-contain">
                                    @elseif($fileExtension === 'pdf')
                                        <embed src="{{ asset('storage/' . $denah['foto_denah']) }}" type="application/pdf"
                                            width="100%" height="500px">
                                    @endif
                                @endif
                            </div>
                            <div class="flex flex-wrap lg:flex-nowrap w-full gap-4 text-start">
                                <div class="w-full">
                                    <div class="flex flex-wrap gap-4">
                                        <div class="flex w-full items-center justify-start gap-4">
                                            <label class="form-label max-w-56">
                                                <span class="form-label">Nama Denah</span>
                                            </label>
                                            <p class="text-md text-gray-700">
                                                {{ isset($denah['nama_denah']) ? $denah['nama_denah'] : '' }}</p>
                                        </div>
                                    </div>
                                    <div class="flex flex-wrap gap-4">
                                        <div class="flex w-full items-center justify-start gap-4">
                                            <label class="form-label max-w-56">
                                                <span class="form-label">Total Luas</span>
                                            </label>
                                            <p class="text-md text-gray-700">
                                                {{ isset($denah['luas_denah']) ? $denah['luas_denah'] . ' m²' : '' }}</p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="border-b border-b-gray-200 mt-5"></div>
                    </div>
                @endforeach
            </div>
        @endif

        @if ($penilai && $penilai->kertas_kerja)
        <div class="card">
            <div class="card-header bg-agi-50 uppercase">
                Kertas Kerja
            </div>
            <div class="card-body flex items-center justify-between">

                @php
                    $url = '';
                    $fileName = '';
                    if ($penilai && $penilai->kertas_kerja) {
                        $url = asset('storage/' . $penilai->kertas_kerja);
                        $fileName = basename($penilai->kertas_kerja);
                    }
                @endphp

                @if ($penilai && $penilai->kertas_kerja)
                    <button type="button" class="btn btn-primary" onclick="window.open('{{ $url }}', '_blank')">
                        <i class="ki-outline ki-cloud-download"></i>
                        Lihat Kertas Kerja</button>

                    <p class="text-2sm text-gray-700">{{ $fileName }}</p>
                @else
                    <p class="text-2sm text-gray-700">Belum ada kertas kerja</p>
                @endif
            </div>
        </div>
        @endif
    </div>
@endsection