@extends('admin.layouts.main')

@section('title')
Kua Customer Detail
@endsection

@section('content')
<main>
    <div class="two-col">
        @include("admin.common.sidebar")

        <div class="right-sec detail-page">
            {{-- @dd($clientUserDetail) --}}
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('kua_customer.directory') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        <a href="{{ route('admin.kua-customers.index',['panel' => Session::get('panel')]) }}">
                            {{ @trans('kua_customer.kua_customers') }}
                        </a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">Detail</li>
                </ol>
            </nav>

            <div class="bg-white profile-header">
                <div class="profile-detail">
                    <div class="person-details">
                        <div class="about pl-0">
                            <h2 class="cndidate-name">
                                {{ $clientUserDetail->full_name ?? $clientUserDetail->registered_company_name ?? '-' }} -  {{ ucfirst($clientUserDetail->customer_type ?? '-') }}
                            </h2>
                        </div>
                    </div>
                </div>
                

                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#detail">{{ @trans('kua_customer.details') }}</a>
                    </li>
                </ul>
            </div>

            <div class="detail-content mt-4">
                <div class="tab-content box">
                    <div id="detail" class="tab-pane fade show active">
                        <div class="row">

                            {{-- Common fields --}}
                            <div class="col-lg-12">
                                <div class="btn-group-em float-right mt-3" role="group">
                                    {{-- actions if needed --}}
                                </div>
                                <h3 class="detail-heading">{{ @trans('kua_customer.details') }}</h3>
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.customer_type') }}</label>
                                        <p class="display-info">{{ $clientUserDetail->customer_type ? ucfirst($clientUserDetail->customer_type) : '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.full_name') }}</label>
                                        <p class="display-info">{{ $clientUserDetail->full_name ?? $clientUserDetail->registered_company_name }}</p>
                                    </div>
                                    @if($clientUserDetail->customer_type === 'individual')
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.email') }}</label>
                                        <p class="display-info">{{ $clientUserDetail->email ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.mobile') }}</label>
                                        <p class="display-info">{{ $clientUserDetail->phone_number ?: '-' }}</p>
                                    </div>
                                    @endif
                                    {{-- <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.customer') }}</label>
                                        <p class="display-info">{{ optional($clientUserDetail->kuaClient)->name ? ucfirst($clientUserDetail->kuaClient->name) : '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.product') }}</label>
                                        <p class="display-info">{{ optional($clientUserDetail->kuaProduct)->product_name ? ucfirst($clientUserDetail->kuaProduct->product_name) : '-' }}</p>
                                    </div> --}}
                                </div>
                            </div>

                            {{-- Type-specific sections --}}
                            @if($clientUserDetail->customer_type === 'individual')

                            <div class="col-lg-12">
                                <h3 class="detail-heading">{{ @trans('kua_customer.personal_details') }}</h3>
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.tin_number') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->tin ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.national_id_type') }}</label>
                                        <p class="display-info">{{ optional( $clientUserDetail->kuaNationalIdType)->title ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.national_id_number') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->national_id_number ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.gender') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->gender ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.age_group') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->age_group ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.occupation') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->occupation ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.physical_address') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->physical_address ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.geo_location') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->geolocation ?: '-' }}</p>
                                    </div>
                            
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.upload_id_document') }}</label>
                                        @php
                                            $idDocumentRow = optional( $clientUserDetail->kuaCustomerDocuments)->firstWhere('type', 'id_document');
                                            $idDocumentUrl = $idDocumentRow ? $idDocumentRow->getKuaDocumentUrlAttribute() : null;
                                            $idDocumentUrl = $idDocumentUrl ?: ( $clientUserDetail->id_document ? asset('storage/'. $clientUserDetail->id_document) : null);
                                        @endphp
                                        @if($idDocumentUrl)
                                            <a href="{{ $idDocumentUrl }}" target="_blank" title="ID Document">
                                                <i class="material-icons" style="color:var(--theme-orange);">file_download</i>
                                            </a>
                                        @else
                                            <p class="display-info">-</p>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            @elseif($clientUserDetail->customer_type === 'business')
                            <div class="col-lg-12">
                                <h3 class="detail-heading">{{ @trans('kua_customer.business_details') }}</h3>
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.tin_number') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->tin ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.registered_company_name') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->registered_company_name ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.trading_name') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->trading_name ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.business_registration_number') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->business_registration_number ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.business_type') }}</label>
                                        <p class="display-info">{{ optional( $clientUserDetail->kuaBusinessType)->title ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.industry_sector') }}</label>
                                        <p class="display-info">{{ optional( $clientUserDetail->kuaIndustry)->name ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.business_segment') }}</label>
                                        <p class="display-info">{{ optional( $clientUserDetail->kuaBusinessSegment)->title ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.number_of_employees') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->number_of_employees ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.monthly_revenue') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->monthly_revenue ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.business_age') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->business_age ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.part_of_group') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->part_of_group ? 'Yes' : 'No' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.multiple_branches') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->multiple_branches ? 'Yes' : 'No' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.number_of_outlets') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->number_of_outlets ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.region') }}</label>
                                        <p class="display-info">{{ optional( $clientUserDetail->kuaRegion)->region_name ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.registered_address') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->registered_address ?: '-' }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.business_geolocation') }}</label>
                                        <p class="display-info">{{  $clientUserDetail->business_geolocation ?: '-' }}</p>
                                    </div>
                            
                                  {{-- Documents --}}
                                    @php
                                    $doc = function ($type, $fallback) use ( $clientUserDetail) {
                                        $row = optional( $clientUserDetail->kuaCustomerDocuments)->firstWhere('type', $type);
                                        $url = $row ? $row->getKuaDocumentUrlAttribute() : null;

                                        if (!$url && !empty($fallback)) {
                                            $url = asset('storage/' . $fallback);
                                        }

                                        return $url;
                                    };
                                    @endphp

                            
                                <div class="form-group">
                                    <label class="control-label">{{ @trans('kua_customer.certificate_incorporation') }}</label>
                                    @if($url = $doc('certificate_incorporation',  $clientUserDetail->certificate_incorporation))
                                        <a href="{{ $url }}" target="_blank" title="Certificate">
                                            <i class="material-icons" style="color:var(--theme-orange);">file_download</i>
                                        </a>
                                    @else
                                        <p class="display-info">-</p>
                                    @endif
                                </div>

                            
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.business_license') }}</label>
                                        @if($url = $doc('business_license',  $clientUserDetail->business_license))
                                            <a href="{{ $url }}" target="_blank" title="Business License">
                                                <i class="material-icons" style="color:var(--theme-orange);">file_download</i>
                                            </a>
                                        @else
                                            <p class="display-info">-</p>
                                        @endif
                                    </div>
                            
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('kua_customer.company_profile') }}</label>
                                        @if($url = $doc('company_profile',  $clientUserDetail->company_profile))
                                            <a href="{{ $url }}" target="_blank" title="Company Profile">
                                                <i class="material-icons" style="color:var(--theme-orange);">file_download</i>
                                            </a>
                                        @else
                                            <p class="display-info">-</p>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            @endif
                            {{-- Key Contacts (business only) --}}
                            @if(optional( $clientUserDetail->kuaCustomerContact)->count() > 0)
                            <div class="col-lg-12">
                                <h3 class="detail-heading">{{ @trans('kua_customer.business_key_contact_detail') }}</h3>
                                @foreach( $clientUserDetail->kuaCustomerContact as $contact)
                                    <div class="info">
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('kua_customer.key_contact_full_name') }}</label>
                                            <p class="display-info">{{ $contact->full_name ?: '-' }}</p>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('kua_customer.key_contact_position') }}</label>
                                            <p class="display-info">{{ $contact->position ?: '-' }}</p>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('kua_customer.key_contact_phone_number') }}</label>
                                            <p class="display-info">{{ $contact->phone_number ?: '-' }}</p>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('kua_customer.key_contact_email') }}</label>
                                            <p class="display-info">{{ $contact->email ?: '-' }}</p>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('kua_customer.key_contact_is_primary') }}</label>
                                            <p class="display-info">{{ $contact->is_primary ? 'Yes' : 'No' }}</p>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('kua_customer.key_contact_id_document') }}</label>
                                            @php
                                                $row = optional($contact->kuaCustomerContactDocuments)->firstWhere('type', 'id_document');
                                                $url = $row ? $row->getKuaDocumentUrlAttribute() : null;
                                                $url = $url ?: ($contact->id_document ? asset('storage/'.$contact->id_document) : null);
                                            @endphp
                                            @if($url)
                                                <a href="{{ $url }}" target="_blank" title="Contact ID">
                                                    <i class="material-icons" style="color:var(--theme-orange);">file_download</i>
                                                </a>
                                            @else
                                                <p class="display-info">-</p>
                                            @endif
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            @endif                            

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</main>
@endsection