@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">
                            @foreach ($ijin_usaha as $iu)
                                {{ $iu->code }}
                            @endforeach
                        </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 w-full text-gray-600 font-medium text-sm">{{ $kjpp->address }} , Kel.
                            @foreach ($villages as $village)
                                {{ $village->name }}
                            @endforeach , Kec.
                            @foreach ($districts as $district)
                                {{ $district->name }}
                            @endforeach ,
                            @foreach ($cities as $city)
                                {{ ucwords(strtolower($city->name)) }}
                            @endforeach ,
                            @foreach ($provinces as $province)
                                {{ $province->name }}
                            @endforeach, Kode Pos.
                            @foreach ($villages as $village)
                                {{ $village->postal_code }}
                            @endforeach
                        </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>
                    </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>
                    </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>
                    </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>
                    </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>
                    </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>
                    </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>
                    </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>
                    </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>
                    </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">No
                                business license
                                selected.</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))
                            @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-white font-medium text-sm dark-mode:text-gray-600">
                                No asset type selected.
                            </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