@extends('layouts.app')
@section('title', $customer->company_name)

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('customers.index') }}">Customers</a></li>
    <li class="breadcrumb-item active">{{ $customer->company_name }}</li>
@endsection

@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
    <h1 class="page-title"><i class="bi bi-building me-2"></i>{{ $customer->company_name }}</h1>
    <div class="d-flex gap-2">
        @can('customer.edit')
        <a href="{{ route('customers.edit', $customer) }}" class="btn btn-outline-warning btn-sm">
            <i class="bi bi-pencil me-1"></i>Edit
        </a>
        @endcan
        @can('license.create')
        <a href="{{ route('licenses.create', ['customer_id' => $customer->id]) }}" class="btn btn-primary btn-sm">
            <i class="bi bi-plus me-1"></i>Add License
        </a>
        @endcan
    </div>
</div>

<!-- Customer Info -->
<div class="row g-4 mb-4">
    <div class="col-md-5">
        <div class="card table-card p-4">
            <h6 class="fw-bold mb-3 text-muted text-uppercase small">Customer Information</h6>
            <table class="table table-sm table-borderless mb-0">
                <tr><td class="text-muted small w-40">Code</td><td><code>{{ $customer->customer_code }}</code></td></tr>
                <tr><td class="text-muted small">Contact</td><td>{{ $customer->contact_person }}</td></tr>
                <tr><td class="text-muted small">Email</td><td>{{ $customer->email }}</td></tr>
                <tr><td class="text-muted small">Phone</td><td>{{ $customer->phone ?? '—' }}</td></tr>
                <tr><td class="text-muted small">Address</td><td>{{ $customer->address ?? '—' }}</td></tr>
                <tr>
                    <td class="text-muted small">Location</td>
                    <td>{{ collect([$customer->city, $customer->state, $customer->country])->filter()->implode(', ') ?: '—' }}</td>
                </tr>
                <tr>
                    <td class="text-muted small">Status</td>
                    <td>
                        <span class="badge {{ $customer->status === 'active' ? 'badge-active' : 'badge-suspended' }}">
                            {{ ucfirst($customer->status) }}
                        </span>
                    </td>
                </tr>
                <tr><td class="text-muted small">Created</td><td>{{ $customer->created_at->format('d M Y') }}</td></tr>
            </table>
        </div>
    </div>

    <div class="col-md-7">
        <!-- Summary Cards -->
        <div class="row g-3 mb-3">
            <div class="col-4">
                <div class="card stat-card p-3 text-center">
                    <div class="fs-2 fw-bold text-primary">{{ $customer->licenses->count() }}</div>
                    <div class="text-muted small">Total Licenses</div>
                </div>
            </div>
            <div class="col-4">
                <div class="card stat-card p-3 text-center">
                    <div class="fs-2 fw-bold text-success">{{ $customer->licenses->where('status', 'active')->count() }}</div>
                    <div class="text-muted small">Active</div>
                </div>
            </div>
            <div class="col-4">
                <div class="card stat-card p-3 text-center">
                    <div class="fs-2 fw-bold text-danger">{{ $customer->licenses->where('status', 'expired')->count() }}</div>
                    <div class="text-muted small">Expired</div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Licenses Tab -->
<div class="card table-card">
    <ul class="nav nav-tabs px-3 pt-3" id="customerTabs">
        <li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-licenses">Licenses</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-renewals">Renewals</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-logs">Logs</button></li>
    </ul>
    <div class="tab-content p-3">
        <!-- Licenses Tab -->
        <div class="tab-pane fade show active" id="tab-licenses">
            <div class="table-responsive">
                <table class="table table-sm table-hover">
                    <thead class="table-light">
                        <tr><th>License Key</th><th>Type</th><th>Expiry</th><th>Users</th><th>Status</th><th>Actions</th></tr>
                    </thead>
                    <tbody>
                        @forelse($customer->licenses as $license)
                        <tr>
                            <td><code>{{ $license->license_key }}</code></td>
                            <td><span class="badge badge-{{ $license->license_type }}">{{ ucfirst($license->license_type) }}</span></td>
                            <td>{{ $license->expiry_date?->format('d M Y') ?? 'Lifetime' }}</td>
                            <td>{{ $license->max_users }}</td>
                            <td><span class="badge badge-{{ $license->status }}">{{ ucfirst($license->status) }}</span></td>
                            <td>
                                <a href="{{ route('licenses.show', $license) }}" class="btn btn-xs btn-outline-info btn-sm">
                                    <i class="bi bi-eye"></i>
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="6" class="text-center text-muted py-3">No licenses found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Renewals Tab -->
        <div class="tab-pane fade" id="tab-renewals">
            <div class="table-responsive">
                <table class="table table-sm table-hover">
                    <thead class="table-light">
                        <tr><th>License</th><th>Period</th><th>Previous Expiry</th><th>New Expiry</th><th>Amount</th><th>Date</th></tr>
                    </thead>
                    <tbody>
                        @php $allRenewals = $customer->licenses->flatMap->renewalHistory->sortByDesc('created_at'); @endphp
                        @forelse($allRenewals as $renewal)
                        <tr>
                            <td><code class="small">{{ $renewal->license?->license_key }}</code></td>
                            <td>{{ str_replace('_', ' ', $renewal->renewal_period) }}</td>
                            <td>{{ $renewal->previous_expiry->format('d M Y') }}</td>
                            <td>{{ $renewal->new_expiry->format('d M Y') }}</td>
                            <td>₹{{ number_format($renewal->amount, 2) }}</td>
                            <td class="small text-muted">{{ $renewal->created_at?->format('d M Y') }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="6" class="text-center text-muted py-3">No renewals found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Logs Tab -->
        <div class="tab-pane fade" id="tab-logs">
            <div class="table-responsive">
                <table class="table table-sm table-hover">
                    <thead class="table-light">
                        <tr><th>License</th><th>Action</th><th>Description</th><th>By</th><th>When</th></tr>
                    </thead>
                    <tbody>
                        @php $allLogs = $customer->licenses->flatMap->logs->sortByDesc('created_at')->take(30); @endphp
                        @forelse($allLogs as $log)
                        <tr>
                            <td><code class="small">{{ $log->license?->license_key }}</code></td>
                            <td>
                                <span class="badge rounded-pill
                                    {{ match($log->action) { 'validated' => 'bg-success', 'created' => 'bg-primary', 'renewed' => 'bg-info', 'expired' => 'bg-danger', 'suspended' => 'bg-warning text-dark', default => 'bg-secondary' } }}">
                                    {{ ucfirst($log->action) }}
                                </span>
                            </td>
                            <td class="small">{{ $log->description }}</td>
                            <td class="small">{{ $log->created_by }}</td>
                            <td class="small text-muted">{{ $log->created_at?->diffForHumans() }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="5" class="text-center text-muted py-3">No logs found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection