@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">
        <div class="card border border-agi-100 pb-2.5">
            <div class="card-header bg-agi-50" id="basic_settings">
                <h3 class="card-title">
                    Show KJPP
                </h3>
                <div class="flex items-center gap-2">
                    <a href="{{ route('basicdata.kjpp.index') }}" class="btn btn-xs btn-info"><i
                            class="ki-filled ki-exit-left"></i>
                        Back</a>
                </div>
            </div>
            <div class="card-body grid gap-5">
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">
                        Nomor KJPP
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->code }}</p>
                    </div>
                    <label class="form-label max-w-56">
                        Nama KJPP
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->name }}</p>
                    </div>
                </div>
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">Jenis Kantor</label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">
                            {{ $kjpp->jenis_kantor }}
                        </p>
                    </div>
                    <label class="form-label max-w-56">Nomor Ijin Usaha</label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">
                            {{ $kjpp->nomor_ijin_usaha }}
                        </p>
                    </div>
                </div>
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">
                        Alamat Kantor
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex style-w-full text-gray-600 font-medium text-sm">{{ $kjpp->address }}
                            @if (isset($kjpp->village_code))
                                , Kel.
                                @foreach ($villages as $village)
                                    {{ $village->name }}
                                @endforeach
                            @endif
                            @if (isset($kjpp->district_code))
                                , Kec.
                                @foreach ($districts as $district)
                                    {{ $district->name }}
                                @endforeach
                            @endif
                            @if (isset($kjpp->city_code))
                                ,@foreach ($cities as $city)
                                    {{ ucwords(strtolower($city->name)) }}
                                @endforeach
                            @endif
                            @if (isset($kjpp->province_code))
                                ,
                                @foreach ($provinces as $province)
                                    {{ $province->name }}
                                @endforeach
                            @endif
                            @if (isset($kjpp->postal_code))
                                , Kode Pos.
                                @foreach ($villages as $village)
                                    {{ $village->postal_code }}
                                @endforeach
                            @endif
                        </p>
                    </div>
                </div>
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">
                        Nomor Telepon Kantor
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->nomor_telepon_kantor }}</p>
                    </div>
                    <label class="form-label max-w-56">
                        Email Kantor
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->email_kantor }}</p>
                        @if (!empty($detailJoinEmailKantor))
                            @foreach (json_decode($detailJoinEmailKantor) as $detail_email_kantor)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $detail_email_kantor->email_kantor }}
                                </p>
                            @endforeach
                        @endif
                    </div>
                </div>
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">
                        Nama Pimpinan
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->nama_pimpinan }}</p>
                        @if (isset($kjpp->detail_nama_pimpinan))
                            @foreach (json_decode($detailJoinPimpinan) as $detail_nama_pimpinan)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $detail_nama_pimpinan->nama_pimpinan }}
                                </p>
                            @endforeach
                        @endif
                    </div>
                    <label class="form-label max-w-56">
                        Nomor HP Pimpinan
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->nomor_hp_pimpinan }}</p>
                        @if (isset($kjpp->detail_nomor_hp_pimpinan))
                            @foreach (json_decode($detailJoinPimpinan) as $detail_nomor_hp_pimpinan)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $detail_nomor_hp_pimpinan->nomor_hp_pimpinan }}
                                </p>
                            @endforeach
                        @endif
                    </div>
                </div>
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">
                        Nama PIC Reviewer
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->nama_pic_reviewer ?? '-' }}</p>
                        @if (isset($kjpp->detail_nama_pic_reviewer))
                            @foreach (json_decode($detailJoinPicReviewer) as $detail_nama_pic_reviewer)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $detail_nama_pic_reviewer->nama_pic_reviewer }}
                                </p>
                            @endforeach
                        @endif
                    </div>
                    <label class="form-label max-w-56">
                        Nomor HP PIC Reviewer
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->nomor_hp_pic_reviewer ?? '-' }}
                        </p>
                        @if (isset($kjpp->detail_nomor_hp_pic_reviewer))
                            @foreach (json_decode($detailJoinPicReviewer) as $detail_nomor_hp_pic_reviewer)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $detail_nomor_hp_pic_reviewer->nomor_hp_pic_reviewer }}
                                </p>
                            @endforeach
                        @endif
                    </div>
                </div>
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">
                        Nama PIC Admin
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->nama_pic_admin ?? '-' }}</p>
                        @if (isset($kjpp->detail_nama_pic_admin))
                            @foreach (json_decode($detailJoinPicAdmin) as $detail_nama_pic_admin)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $detail_nama_pic_admin->nama_pic_admin }}
                                </p>
                            @endforeach
                        @endif
                    </div>
                    <label class="form-label max-w-56">
                        Nomor HP PIC Admin
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->nomor_hp_pic_admin ?? '-' }}</p>
                        @if (isset($kjpp->detail_nomor_hp_pic_admin))
                            @foreach (json_decode($detailJoinPicAdmin) as $detail_nomor_hp_pic_admin)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $detail_nomor_hp_pic_admin->nomor_hp_pic_admin }}
                                </p>
                            @endforeach
                        @endif
                    </div>
                </div>
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">
                        Nama PIC Marketing
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->nama_pic_marketing ?? '-' }}</p>
                        @if (isset($kjpp->detail_nama_pic_marketing))
                            @foreach (json_decode($detailJoinPicMarketing) as $detail_nama_pic_marketing)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $detail_nama_pic_marketing->nama_pic_marketing }}
                                </p>
                            @endforeach
                        @endif
                    </div>
                    <label class="form-label max-w-56">
                        Nomor HP PIC Marketing
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <p class="flex w-full text-gray-600 font-medium text-sm">{{ $kjpp->nomor_hp_pic_marketing ?? '-' }}
                        </p>
                        @if (isset($kjpp->detail_nomor_hp_pic_marketing))
                            @foreach (json_decode($detailJoinPicMarketing) as $detail_nomor_hp_pic_marketing)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $detail_nomor_hp_pic_marketing->nomor_hp_pic_marketing }}
                                </p>
                            @endforeach
                        @endif
                    </div>
                </div>
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">
                        Ijin Usaha
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        @if (isset($kjpp->ijin_usaha_id))
                            <div class="flex flex-row space-x-4 text-gray-600 font-medium text-sm gap-1">
                                @foreach (json_decode($kjpp->ijin_usaha_id, true) as $ijin_code)
                                    @php
                                        $ijin_usaha = $ijin_usahas->firstWhere('code', $ijin_code);
                                    @endphp
                                    @if ($ijin_usaha)
                                        <div
                                            class="flex flex-row space-x-4 text-white font-medium text-sm badge badge-dark dark-mode:badge dark-mode:text-gray-600">
                                            {{ $ijin_usaha->name }}
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        @else
                            <div class="flex flex-row space-x-4 text-white font-medium text-sm dark-mode:text-gray-600">
                                -
                            </div>
                        @endif
                    </div>
                </div>
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">
                        Pengalaman (Jenis Aset)
                    </label>
                    <div class="flex flex-wrap items-baseline w-full gap-1">
                        @if (isset($kjpp->jenis_aset_id) && !empty(json_decode($kjpp->jenis_aset_id, true)))
                            @foreach (json_decode($kjpp->jenis_aset_id, true) as $aset_code)
                                @php
                                    $jenis_aset = $jenis_jaminan->firstWhere('code', $aset_code);
                                @endphp
                                @if ($jenis_aset)
                                    <span
                                        class="flex flex-row space-x-4 text-white font-medium text-sm badge badge-dark dark-mode:badge dark-mode:text-gray-600">
                                        {{ $jenis_aset->name }}
                                    </span>
                                @endif
                            @endforeach
                        @else
                            <span class="flex flex-row space-x-4 text-gray-600 font-medium text-sm dark-mode:text-gray-600">
                                -
                            </span>
                        @endif
                    </div>
                </div>
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">
                        Attachment
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <div class="mb-2">
                            <a href="{{ asset('storage/uploads_pdf/' . $kjpp->attachment) }}" class="btn btn-link"
                                target="_blank">
                                {{ $kjpp->attachment }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('styles')
    <style>
        @media (min-width: 1024px) {
            .style-w-full {
                max-width: 25rem;
            }
        }

        @media (max-width: 1024px) {
            .style-w-full {
                width: 100%;
            }
        }
    </style>
@endpush
