@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 pb-2.5">
            <div class="card-header" 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">
                        @if (isset($emailKantor) && count($emailKantor) > 0)
                            @foreach ($emailKantor as $email)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $email }}
                                </p>
                            @endforeach
                        @else
                            <p class="flex w-full text-gray-600 font-medium text-sm">
                                -
                            </p>
                        @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">
                        @if (isset($namaPimpinan) && count($namaPimpinan) > 0)
                            @foreach ($namaPimpinan as $pimpinan)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $pimpinan }}
                                </p>
                            @endforeach
                        @else
                            <p class="flex w-full text-gray-600 font-medium text-sm">
                                -
                            </p>
                        @endif
                    </div>
                    <label class="form-label max-w-56">
                        Nomor HP Pimpinan
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        @if (isset($nomorHpPimpinan) && count($nomorHpPimpinan) > 0)
                            @foreach ($nomorHpPimpinan as $hp_pimpinan)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $hp_pimpinan }}
                                </p>
                            @endforeach
                        @else
                            <p class="flex w-full text-gray-600 font-medium text-sm">
                                -
                            </p>
                        @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">
                        @if (isset($namaPicReviewer) && count($namaPicReviewer) > 0)
                            @foreach ($namaPicReviewer as $pic_reviewer)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $pic_reviewer }}
                                </p>
                            @endforeach
                        @else
                            <p class="flex w-full text-gray-600 font-medium text-sm">
                                -
                            </p>
                        @endif
                    </div>
                    <label class="form-label max-w-56">
                        Nomor HP PIC Reviewer
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        @if (isset($nomorHpPicReviewer) && count($nomorHpPicReviewer) > 0)
                            @foreach ($nomorHpPicReviewer as $hp_pic_reviewer)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $hp_pic_reviewer }}
                                </p>
                            @endforeach
                        @else
                            <p class="flex w-full text-gray-600 font-medium text-sm">
                                -
                            </p>
                        @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">
                        @if (isset($namaPicAdmin) && count($namaPicAdmin) > 0)
                            @foreach ($namaPicAdmin as $pic_admin)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $pic_admin }}
                                </p>
                            @endforeach
                        @else
                            <p class="flex w-full text-gray-600 font-medium text-sm">
                                -
                            </p>
                        @endif
                    </div>
                    <label class="form-label max-w-56">
                        Nomor HP PIC Admin
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        @if (isset($nomorHpPicAdmin) && count($nomorHpPicAdmin) > 0)
                            @foreach ($nomorHpPicAdmin as $hp_pic_admin)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $hp_pic_admin }}
                                </p>
                            @endforeach
                        @else
                            <p class="flex w-full text-gray-600 font-medium text-sm">
                                -
                            </p>
                        @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">
                        @if (isset($namaPicMarketing) && count($namaPicMarketing) > 0)
                            @foreach ($namaPicMarketing as $pic_marketing)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $pic_marketing }}
                                </p>
                            @endforeach
                        @else
                            <p class="flex w-full text-gray-600 font-medium text-sm">
                                -
                            </p>
                        @endif
                    </div>
                    <label class="form-label max-w-56">
                        Nomor HP PIC Marketing
                    </label>
                    <div class="flex flex-wrap items-baseline w-full">
                        @if (isset($nomorHpPicMarketing) && count($nomorHpPicMarketing) > 0)
                            @foreach ($nomorHpPicMarketing as $hp_pic_marketing)
                                <p class="flex w-full text-gray-600 font-medium text-sm">
                                    {{ $hp_pic_marketing }}
                                </p>
                            @endforeach
                        @else
                            <p class="flex w-full text-gray-600 font-medium text-sm">
                                -
                            </p>
                        @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 gap-1">
                        @if (isset($kjpp->ijin_usaha_id))
                            @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 text-sm badge badge-dark dark-mode:badge dark-mode:text-gray-600">
                                        {{ $ijin_usaha->name }}
                                    </div>
                                @endif
                            @endforeach
                        @else
                            <div class="flex flex-row space-x-4 text-white 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 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 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