@extends('layouts/layoutMaster')

@section('title', ($companyDetails['name'] ?? 'Client') . ' — Info')

@section('page-style')
    <style>
        .client-detail-nav .nav-link {
            color: #697a8d;
            border-radius: 0.375rem;
            padding: 0.55rem 1rem;
        }
        .client-detail-nav .nav-link:hover {
            background-color: rgba(105, 122, 141, 0.08);
        }
        .client-detail-nav .nav-link.active {
            color: #696cff;
            background-color: rgba(105, 108, 255, 0.08);
            font-weight: 600;
        }
    </style>
@endsection

@section('content')
    {{-- Page Header --}}
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
                <div>
                    <h4 class="fw-bold mb-1">Client Details</h4>
                    <p class="text-muted mb-0">View company information sourced from CRM.</p>
                </div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{ url('clients') }}">Clients</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{ $companyDetails['name'] ?? 'Info' }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    {{-- Company Header Card --}}
    @include('companies.administrator._header', ['companyDetails' => $companyDetails])

    {{-- Left Nav + Right Content --}}
    <div class="row g-4">
        {{-- Left Sidebar Navigation --}}
        <div class="col-12 col-lg-3">
            @include('companies.administrator._nav', ['activePage' => 'info', 'companyDetails' => $companyDetails])
        </div>

        {{-- Right Content — Collapsible info sections --}}
        <div class="col-12 col-lg-9">
            <div class="accordion" id="infoAccordion">

                {{-- Main Info — expanded by default --}}
                <div class="card accordion-item active mb-4">
                    <h2 class="accordion-header" id="headingMainInfo">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMainInfo" aria-expanded="true" aria-controls="collapseMainInfo">
                            <i class="ti ti-building-skyscraper me-2"></i> Company Information
                        </button>
                    </h2>
                    <div id="collapseMainInfo" class="accordion-collapse collapse show" aria-labelledby="headingMainInfo">
                        <div class="accordion-body">
                            <small class="text-muted d-block mb-3">Details from the CRM system.</small>
                            <div class="row">
                                <div class="col-md-6">
                                    <ul class="list-unstyled mb-4">
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-building-skyscraper text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Full Name:</span>
                                            <span>{{ !empty($companyDetails['name']) ? strtoupper($companyDetails['name']) : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-123 text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">ROC No.:</span>
                                            <span>{{ !empty($companyDetails['roc_no']) ? strtoupper($companyDetails['roc_no']) : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-world-www text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Web Address:</span>
                                            <span>{{ !empty($companyDetails['website']) ? strtoupper($companyDetails['website']) : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-user text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Individual:</span>
                                            <span>{{ isset($companyDetails['individual']) ? ($companyDetails['individual'] == 1 ? 'Yes' : 'No') : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-building text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Master Company:</span>
                                            <span>{{ !empty($companyDetails['master']) ? strtoupper($companyDetails['master']) : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-military-rank text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">PLC / Non-PLC:</span>
                                            <span>{{ isset($companyDetails['plc']) ? ($companyDetails['plc'] == 1 ? 'PLC' : 'Non-PLC') : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-briefcase text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Type of Business:</span>
                                            <span>{{ !empty($companyDetails['company_type']) ? strtoupper($companyDetails['company_type']) : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-building-factory-2 text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Industries:</span>
                                            <span>{{ !empty($companyDetails['industries']) ? strtoupper($companyDetails['industries']) : '—' }}</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-md-6">
                                    <ul class="list-unstyled mb-4">
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-world text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Region:</span>
                                            <span>{{ !empty($companyDetails['region']) ? strtoupper($companyDetails['region']) : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-calendar text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Incorporate Date:</span>
                                            <span>{{ isset($companyDetails['incorporate_date']) && strtotime($companyDetails['incorporate_date']) > 0 ? date('d M Y', strtotime($companyDetails['incorporate_date'])) : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-calendar-star text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Year End:</span>
                                            <span>{{ isset($companyDetails['year_end_id']) && $companyDetails['year_end_id'] > 0 ? ($companyDetails['year_end'] ?? '—') : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-briefcase text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Business Entity:</span>
                                            <span>{{ !empty($companyDetails['profile']) ? strtoupper($companyDetails['profile']) : '—' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3">
                                            <i class="ti ti-file-description text-heading me-2"></i>
                                            <span class="fw-medium me-2 text-heading">Description:</span>
                                            <span>{{ !empty($companyDetails['description']) ? strtoupper($companyDetails['description']) : '—' }}</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Contacts — collapsed --}}
                <div class="card accordion-item mb-4">
                    <h2 class="accordion-header" id="headingContacts">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseContacts" aria-expanded="false" aria-controls="collapseContacts">
                            <i class="ti ti-address-book me-2"></i> Contacts
                        </button>
                    </h2>
                    <div id="collapseContacts" class="accordion-collapse collapse" aria-labelledby="headingContacts">
                        <div class="accordion-body text-center py-5">
                            <i class="ti ti-address-book ti-xl text-muted mb-3 d-block"></i>
                            <h6 class="text-muted">Coming Soon</h6>
                            <p class="text-muted small mb-0">Contact management for admin mode is under development.</p>
                        </div>
                    </div>
                </div>

                {{-- Addresses — collapsed --}}
                <div class="card accordion-item mb-4">
                    <h2 class="accordion-header" id="headingAddresses">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseAddresses" aria-expanded="false" aria-controls="collapseAddresses">
                            <i class="ti ti-map-pin me-2"></i> Addresses
                        </button>
                    </h2>
                    <div id="collapseAddresses" class="accordion-collapse collapse" aria-labelledby="headingAddresses">
                        <div class="accordion-body text-center py-5">
                            <i class="ti ti-map-pin ti-xl text-muted mb-3 d-block"></i>
                            <h6 class="text-muted">Coming Soon</h6>
                            <p class="text-muted small mb-0">Address management for admin mode is under development.</p>
                        </div>
                    </div>
                </div>

                {{-- Directors & Shareholders — collapsed --}}
                <div class="card accordion-item mb-4">
                    <h2 class="accordion-header" id="headingDirectors">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDirectors" aria-expanded="false" aria-controls="collapseDirectors">
                            <i class="ti ti-users-group me-2"></i> Directors &amp; Shareholders
                        </button>
                    </h2>
                    <div id="collapseDirectors" class="accordion-collapse collapse" aria-labelledby="headingDirectors">
                        <div class="accordion-body text-center py-5">
                            <i class="ti ti-users-group ti-xl text-muted mb-3 d-block"></i>
                            <h6 class="text-muted">Coming Soon</h6>
                            <p class="text-muted small mb-0">Directors &amp; shareholders management for admin mode is under development.</p>
                        </div>
                    </div>
                </div>

                {{-- Financial Partners — collapsed --}}
                <div class="card accordion-item">
                    <h2 class="accordion-header" id="headingFinancial">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFinancial" aria-expanded="false" aria-controls="collapseFinancial">
                            <i class="ti ti-building-bank me-2"></i> Financial Partners
                        </button>
                    </h2>
                    <div id="collapseFinancial" class="accordion-collapse collapse" aria-labelledby="headingFinancial">
                        <div class="accordion-body text-center py-5">
                            <i class="ti ti-building-bank ti-xl text-muted mb-3 d-block"></i>
                            <h6 class="text-muted">Coming Soon</h6>
                            <p class="text-muted small mb-0">Financial partners management for admin mode is under development.</p>
                        </div>
                    </div>
                </div>

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