@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <!-- Header / Breadcrumb -->
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-1">
                        <li class="breadcrumb-item"><a href="{{ route('business.index') }}">Business List</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{ $business->business_name }}</li>
                    </ol>
                </nav>
                <h1 class="h3 mb-0">Business Details</h1>
                <small class="text-muted">Municipal Business Permit & Licensing System</small>
            </div>
            <div class="d-flex align-items-center gap-2">
                <a href="{{ route('business.index') }}" class="btn btn-light">Back to List</a>
                <a href="{{ route('business.detail', $business->id) }}" class="btn btn-outline-secondary">Print</a>
                {{-- <a href="{{ route('business.edit', $business->id) }}" class="btn btn-primary">Edit</a> --}}
            </div>
        </div>

        {{-- Identity + Ownership (same row as create) --}}
        <div class="row g-3 mb-3">
            {{-- Identity --}}
            <div class="col-lg-7">
                <div class="card shadow-sm rounded-3 h-100">
                    <div class="card-header bg-light d-flex justify-content-between align-items-center">
                        <span class="fw-semibold">Identity</span>
                        @php
                            $status = strtoupper((string) $business->status);
                            $badgeMap = [
                                'ACTIVE' => 'bg-success',
                                'CLOSED' => 'bg-secondary',
                                'TRANSFERRED' => 'bg-warning',
                                'SUSPENDED' => 'bg-danger',
                            ];
                            $statusClass = $badgeMap[$status] ?? 'bg-light text-dark';
                        @endphp
                        <span class="badge {{ $statusClass }}">{{ $business->status ?? '—' }}</span>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <div class="text-muted small">Control Code</div>
                                <div class="fw-semibold">{{ $business->control_code ?? '—' }}</div>
                            </div>
                            <div class="col-md-6">
                                <div class="text-muted small">Organization Nature</div>
                                <div class="fw-semibold">{{ $business->organization_nature ?? '—' }}</div>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <div class="text-muted small">Business Name</div>
                                <div class="fw-semibold">{{ $business->business_name ?? '—' }}</div>
                            </div>
                            <div class="col-md-6">
                                <div class="text-muted small">Trade Name</div>
                                <div class="fw-semibold">{{ $business->trade_name ?: '—' }}</div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer bg-light small text-muted d-flex justify-content-between">
                        <div>Created: {{ optional($business->created_at)->format('Y-m-d H:i') ?? '—' }}</div>
                        <div>Last Updated: {{ optional($business->updated_at)->format('Y-m-d H:i') ?? '—' }}</div>
                    </div>
                </div>
            </div>

            {{-- Ownership --}}
            <div class="col-lg-5">
                <div class="card shadow-sm rounded-3 h-100">
                    <div class="card-header bg-light">
                        <span class="fw-semibold">Ownership</span>
                    </div>
                    <div class="card-body">
                        @if ($business->owner)
                            <div class="mb-2">
                                <div class="text-muted small">Owner</div>
                                <div class="fw-semibold">
                                    {{ trim($business->owner->first_name . ' ' . ($business->owner->middle_name ? $business->owner->middle_name . ' ' : '') . $business->owner->last_name) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-6">
                                    <div class="text-muted small">Citizen ID</div>
                                    <div class="fw-semibold">{{ $business->owner->citizen_id ?? '—' }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted small">TIN</div>
                                    <div class="fw-semibold">{{ $business->tin ?: '—' }}</div>
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-6">
                                    <div class="text-muted small">Mobile</div>
                                    <div class="fw-semibold">{{ $business->owner->mobile_no ?: '—' }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted small">Email</div>
                                    <div class="fw-semibold">{{ $business->owner->email ?: '—' }}</div>
                                </div>
                            </div>
                            <div class="text-muted small">Owner Address</div>
                            <div class="fw-semibold">
                                {{ $business->owner->address_line ?: '—' }}<br>
                                {{ $business->owner->barangay ?: '' }}
                                {{ $business->owner->barangay && ($business->owner->city_municipality || $business->owner->province || $business->owner->zipcode) ? ',' : '' }}
                                {{ $business->owner->city_municipality ?: '' }}
                                {{ $business->owner->city_municipality && ($business->owner->province || $business->owner->zipcode) ? ',' : '' }}
                                {{ $business->owner->province ?: '' }}
                                {{ $business->owner->zipcode ? ' ' . $business->owner->zipcode : '' }}
                            </div>
                        @else
                            <div class="text-muted">No owner attached.</div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        {{-- Organization & Registration --}}
        <div class="card shadow-sm rounded-3 mb-3">
            <div class="card-header bg-light">
                <span class="fw-semibold">Organization & Registration</span>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="text-muted small">Registration Authority</div>
                        <div class="fw-semibold">{{ $business->registration_authority ?: '—' }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-muted small">DTI/SEC/CDA No.</div>
                        <div class="fw-semibold">{{ $business->dti_sec_no ?: '—' }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-muted small">Registration Date</div>
                        <div class="fw-semibold">{{ optional($business->dti_sec_date)->format('Y-m-d') ?? '—' }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-muted small">Start of Operations</div>
                        <div class="fw-semibold">{{ optional($business->start_of_operations)->format('Y-m-d') ?? '—' }}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-muted small">Status</div>
                        <div class="fw-semibold">
                            <span class="badge {{ $statusClass }}">{{ $business->status ?? '—' }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Principal Place of Business --}}
        <div class="card shadow-sm rounded-3 mb-3">
            <div class="card-header bg-light">
                <span class="fw-semibold">Principal Place of Business</span>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="text-muted small">Address Line</div>
                        <div class="fw-semibold">{{ $business->address_line ?: '—' }}</div>
                    </div>
                    <div class="col-md-3">
                        <div class="text-muted small">Barangay</div>
                        <div class="fw-semibold">{{ $business->barangay ?: '—' }}</div>
                    </div>
                    <div class="col-md-3">
                        <div class="text-muted small">City / Municipality</div>
                        <div class="fw-semibold">{{ $business->city_municipality ?: '—' }}</div>
                    </div>
                    <div class="col-md-3">
                        <div class="text-muted small">Province</div>
                        <div class="fw-semibold">{{ $business->province ?: '—' }}</div>
                    </div>
                    <div class="col-md-3">
                        <div class="text-muted small">Zip Code</div>
                        <div class="fw-semibold">{{ $business->zipcode ?: '—' }}</div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Operations --}}
        <div class="card shadow-sm rounded-3 mb-3">
            <div class="card-header bg-light">
                <span class="fw-semibold">Operations</span>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="text-muted small">Operation Mode</div>
                        <div class="fw-semibold">{{ $business->operation_mode ?: '—' }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-muted small">Occupancy</div>
                        <div class="fw-semibold">{{ $business->occupancy ?: '—' }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-muted small">Floor Area (sqm)</div>
                        <div class="fw-semibold">
                            {{ is_null($business->floor_area_sqm) ? '—' : number_format((float) $business->floor_area_sqm, 2) }}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-muted small">Primary Line of Business</div>
                        <div class="fw-semibold">{{ $business->primary_line_of_business ?: '—' }}</div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-muted small">PSIC Code</div>
                        <div class="fw-semibold">{{ $business->psic_code ?: '—' }}</div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Financials --}}
        <div class="card shadow-sm rounded-3 mb-4">
            <div class="card-header bg-light">
                <span class="fw-semibold">Financials</span>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="text-muted small">Capital Investment (₱)</div>
                        <div class="fw-semibold">
                            {{ is_null($business->capital_investment) ? '—' : number_format((float) $business->capital_investment, 2) }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection