@extends('front.layouts.main')

{{-- Set the page title dynamically based on the customer's name --}}
@section('title')
Customer: {{ $customer->full_name ?? $customer->registered_company_name }}
@endsection

@section('content')
<main class="job-detail-page">
    <section class="section pt-0">
        <div class="container">
            <div class="w-100">
                <div class="col-lg-12 col-md-8 mt-3 mt-md-0">
                    <div class="main-content">
                        <div class="box white job-detail">
                            <div class="title-wrapper">
                                <h2 class="box-title medium-font-size">
                                    {{ $customer->full_name ?? $customer->registered_company_name }}
                                </h2>
                            </div>

                            {{-- Basic Information Section --}}
                            <div class="row">
                                <div class="col-xl-12 d-flex flex-column">
                                    <div class="row tags pt-2">
                                        <p class="col-sm-6 col-lg-4 mr-0 mb-3">
                                            <i class="material-icons mr-2">apartment</i>
                                            {{ optional($customer->kuaClient)->name ?? 'N/A' }}
                                        </p>
                                        <p class="col-sm-6 col-lg-4 mr-0 mb-3">
                                            <i class="material-icons mr-2">widgets</i>
                                            {{ optional($customer->kuaProduct)->product_name ?? 'N/A' }}
                                        </p>
                                        <p class="col-sm-6 col-lg-4 mr-0 mb-3">
                                            <i class="material-icons mr-2">tag</i>
                                            <span class="em-chip">{{ ucfirst($customer->customer_type) }}
                                                Customer</span>
                                        </p>
                                        @if($customer->customer_type == 'individual')
                                        <p class="col-sm-6 col-lg-4 mr-0 mb-3">
                                            <i class="material-icons mr-2">phone</i>
                                            {{ $customer->phone_number ?? 'Not Provided' }}
                                        </p>
                                        <p class="col-sm-6 col-lg-4 mr-0 mb-3">
                                            <i class="material-icons mr-2">email</i>
                                            {{ $customer->email ?? 'Not Provided' }}
                                        </p>
                                        @endif
                                        <p class="col-sm-6 col-lg-4 mr-0 mb-3">
                                            <i class="material-icons mr-2">event</i>
                                            Created:
                                            {{ \Carbon\Carbon::parse($customer->created_at)->format('d M, Y') }}
                                        </p>
                                        <p class="col-sm-6 col-lg-4 mr-0 mb-3">
                                            <i class="material-icons mr-2">badge</i>
                                            {{ $customer->tin ?? 'Not Provided' }}
                                        </p>
                                    </div>
                                </div>
                            </div>

                            {{-- Tab-like structure to separate details --}}
                            <ul class="nav nav-tabs d-none d-md-flex mt-4" role="tablist">
                                @if($customer->customer_type == 'individual')
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#personal-details">Personal
                                        Details</a>
                                </li>
                                @endif
                                @if($customer->customer_type == 'business')

                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#business-details">Business
                                        Details</a>
                                </li>
                                @endif
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#additional-info">Additional Info</a>
                                </li>
                                @if($customer->customer_type == 'business' && $customer->kuaCustomerContact->count() >
                                0)
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#key-contact-list">Key Contacts</a>
                                </li>
                                @endif
                            </ul>

                            <!-- Tab panes -->
                            <div class="tab-content">
                                {{-- Personal Details Tab --}}
                                @if($customer->customer_type == 'individual')
                                <div id="personal-details" class="gray tab-pane fade show active">
                                    <div class="row mt-3">
                                        <div class="col-md-6">


                                            <h4 class="h4 mb-3">Personal Information</h4>
                                            <div class="info-item mb-2">
                                                <strong>TIN Number:</strong> {{ $customer->tin ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>National ID Type:</strong>
                                                {{ $customer->kuaNationalIdType->title ?? 'Not Provided' }}
                                            </div>

                                            <div class="info-item mb-2">
                                                <strong>National ID Number:</strong>
                                                {{ $customer->national_id_number ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Gender:</strong>
                                                {{ ucfirst($customer->gender ?? 'Not Provided') }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Age Group:</strong> {{ $customer->age_group ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Occupation:</strong>
                                                {{ $customer->occupation ?? 'Not Provided' }}
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <h4 class="h4 mb-3">Contact Information</h4>
                                            <div class="info-item mb-2">
                                                <strong>Physical Address:</strong>
                                                {{ $customer->physical_address ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Geolocation:</strong>
                                                {{ $customer->geolocation ?? 'Not Provided' }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                                {{-- Business Details Tab --}}
                                @if($customer->customer_type == 'business')
                                <div id="business-details" class="gray tab-pane fade show active">
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <h4 class="h4 mb-3">Company Information</h4>
                                            <div class="info-item mb-2">
                                                <strong>Registered Company Name:</strong>
                                                {{ $customer->registered_company_name ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Trading Name:</strong>
                                                {{ $customer->trading_name ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Business Registration Number:</strong>
                                                {{ $customer->business_registration_number ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Business Type:</strong>
                                                {{ $businessType->title ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Business Segment:</strong>
                                                {{ $businessSegment->title ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Industry Sector:</strong>
                                                {{ $industrySector->name ?? 'Not Provided' }}
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <h4 class="h4 mb-3">Business Details</h4>
                                            <div class="info-item mb-2">
                                                <strong>Number of Employees:</strong>
                                                {{ $customer->number_of_employees ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Monthly Revenue:</strong>
                                                {{ $customer->monthly_revenue ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Business Age:</strong>
                                                {{ $customer->business_age ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Part of Group:</strong>
                                                {{ $customer->part_of_group == 1 ? 'Yes' : 'No' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Multiple Branches:</strong>
                                                {{ $customer->multiple_branches == 1 ? 'Yes' : 'No' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Number of Outlets:</strong>
                                                {{ $customer->number_of_outlets ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Regions:</strong> {{ $region->region_name ?? 'Not Provided' }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-12">
                                            <h4 class="h4 mb-3">Business Address</h4>
                                            <div class="info-item mb-2">
                                                <strong>Registered Address:</strong>
                                                {{ $customer->registered_address ?? 'Not Provided' }}
                                            </div>
                                            <div class="info-item mb-2">
                                                <strong>Business Geolocation:</strong>
                                                {{ $customer->business_geolocation ?? 'Not Provided' }}
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                @endif

                                {{-- Additional Info Tab --}}
                                <div id="additional-info" class="gray tab-pane fade">
                                    <div class="row mt-3">
                                        <div class="col-12">
                                            <h4 class="h4 mb-3">Customer Documents</h4>
                                            <hr class="my-3">
                                            <div class="row">
                                                @if($customer->certificate_incorporation)
                                                <div class="col-md-4 mb-3">
                                                    <div class="info-item">
                                                        <strong>Certificate of Incorporation:</strong>
                                                        @php
                                                        $certificateUrl = $customer->kuaCustomerDocuments->firstWhere('type', 'certificate_incorporation');
                                                        $certificateUrl = $certificateUrl ? $certificateUrl->getKuaDocumentUrlAttribute() : null;
                                                        $certificateUrl = $certificateUrl ?: asset('storage/' . $customer->certificate_incorporation);
                                                        @endphp
                                                        <a href="{{ $certificateUrl }}"
                                                            title="View Document" target="_blank" class="border-none">
                                                            <i class="material-icons gap-2">visibility</i>
                                                        </a>
                                                    </div>
                                                </div>
                                                @endif
                                                @if($customer->business_license)
                                                <div class="col-md-4 mb-3">
                                                    <div class="info-item">
                                                        <strong>Business License:</strong>
                                                        @php
                                                        $businessLicenseUrl = $customer->kuaCustomerDocuments->firstWhere('type', 'business_license');
                                                        $businessLicenseUrl = $businessLicenseUrl ? $businessLicenseUrl->getKuaDocumentUrlAttribute() : null;
                                                        $businessLicenseUrl = $businessLicenseUrl ?: asset('storage/' . $customer->business_license);
                                                        @endphp
                                                        <a href="{{ $businessLicenseUrl }}"
                                                            title="View Document" target="_blank" class="border-none">
                                                            <i class="material-icons gap-2">visibility</i>
                                                        </a>
                                                    </div>
                                                </div>
                                                @endif
                                                @if($customer->company_profile)
                                                <div class="col-md-4 mb-3">
                                                    <div class="info-item">
                                                        <strong>Company Profile:</strong>
                                                        @php
                                                        $companyProfileUrl = $customer->kuaCustomerDocuments->firstWhere('type', 'company_profile');
                                                        $companyProfileUrl = $companyProfileUrl ? $companyProfileUrl->getKuaDocumentUrlAttribute() : null;
                                                        $companyProfileUrl = $companyProfileUrl ?: asset('storage/' . $customer->company_profile);
                                                        @endphp
                                                        <a href="{{ $companyProfileUrl }}"
                                                            title="View Document" target="_blank" class="border-none">
                                                            <i class="material-icons gap-2">visibility</i>
                                                        </a>
                                                    </div>
                                                </div>
                                                @endif
                                                @if($customer->id_document)
                                                <div class="col-md-4 mb-3">
                                                    <div class="info-item">
                                                        <strong>ID Document: </strong>
                                                        @php
                                                        $idDocumentUrl = $customer->kuaCustomerDocuments->firstWhere('type', 'id_document');
                                                        $idDocumentUrl = $idDocumentUrl ? $idDocumentUrl->getKuaDocumentUrlAttribute() : null;
                                                        $idDocumentUrl = $idDocumentUrl ?: asset('storage/' . $customer->id_document);
                                                        @endphp
                                                        <a href="{{ $idDocumentUrl }}"
                                                            title="View Document" target="_blank" class="border-none">
                                                            <i class="material-icons gap-2">visibility</i>
                                                        </a>
                                                    </div>
                                                </div>
                                                @endif
                                            </div>

                                            @if(!$customer->certificate_incorporation && !$customer->business_license &&
                                            !$customer->company_profile && !$customer->id_document)
                                            <p class="text-muted">No documents uploaded for this customer.</p>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div id="key-contact-list" class="gray tab-pane fade">
                                    @foreach($customer->kuaCustomerContact as $contact)

                                    <div class="info-item mb-2">
                                        <strong>Customer Full Name:</strong> {{ $contact->full_name ?? 'Not Provided' }}
                                    </div>
                                    <div class="info-item mb-2">
                                        <strong>Position:</strong> {{ $contact->position ?? 'Not Provided' }}
                                    </div>
                                    <div class="info-item mb-2">
                                        <strong>Phone Number:</strong> {{ $contact->phone_number ?? 'Not Provided' }}
                                    </div>
                                    <div class="info-item mb-2">
                                        <strong>Email:</strong> {{ $contact->email ?? 'Not Provided' }}
                                    </div>
                                    <div class="info-item mb-2">
                                        <strong>Is Primary Contact:</strong> {{ $contact->is_primary ? 'Yes' : 'No' }}
                                    </div>
                                    @if($contact->id_document)
                                    <div class="info-item mb-2">
                                        <strong>ID Document:</strong>
                                        @php
                                        $idDocumentUrl = $contact->kuaCustomerContactDocuments->firstWhere('type', 'id_document');
                                        $idDocumentUrl = $idDocumentUrl ? $idDocumentUrl->getKuaDocumentUrlAttribute() : null;
                                        $idDocumentUrl = $idDocumentUrl ?: asset('storage/' . $customer->id_document);
                                        @endphp
                                        <a href="{{ $idDocumentUrl }}" title="View Document"
                                            target="_blank" class="border-none">
                                            <i class="material-icons gap-2"> visibility</i>
                                        </a>
                                    </div>
                                    @endif
                                    <hr class="my-3">
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

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

@push('pageJs')
<script>
    $(document).ready(function() {
        // Make tabs functional
        $('.nav-tabs a').on('click', function(e) {
            e.preventDefault();
            $(this).tab('show');
        });

        // Mobile tab toggle functionality
        $('.toggle-tab').on('change', function() {
            var targetTab = $(this).val();
            $('.nav-tabs a[href="#' + targetTab + '"]').tab('show');
        });
    });
</script>
@endpush