@extends('layouts.app')
@section('title', $customer->name)
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h1 class="h4 mb-0">{{ $customer->name }} <span class="badge text-bg-light text-dark">{{ $customer->customer_type->label() }}</span></h1>
    @can('customers.edit')<a class="btn btn-outline-primary btn-sm" href="{{ route('customers.edit',$customer) }}">{{ __('messages.edit') }}</a>@endcan
</div>
<ul class="nav nav-tabs page-tabs mb-3">
    @foreach(['overview' => __('messages.overview'), 'lines' => __('nav.lines'), 'billing' => __('nav.billing'), 'invoices' => __('nav.invoices'), 'payments' => __('nav.payments'), 'history' => __('messages.activity')] as $key => $label)
        <li class="nav-item"><a class="nav-link {{ ($tab ?? 'overview') === $key ? 'active' : '' }}" href="{{ route('customers.show', [$customer, 'tab' => $key]) }}">{{ $label }}</a></li>
    @endforeach
</ul>

@if(($tab ?? 'overview') === 'overview')
<div class="row g-3">
    <div class="col-md-6"><div class="card card-body">
        <p class="mb-1">{{ __('messages.phone') }}: {{ $customer->phone }}</p>
        <p class="mb-1">{{ __('messages.national_id') }}: {{ $customer->national_id ?: '—' }}</p>
        @if($customer->customer_type->value === 'company')
            <p class="mb-1">{{ __('messages.main_account') }}: {{ $customer->mainAccount?->name ?: '—' }}</p>
            <p class="mb-1">{{ __('messages.sub_account') }}: {{ $customer->subAccount?->name ?: '—' }}</p>
        @endif
        <p class="mb-1">{{ __('messages.outstanding') }}: {{ money($outstanding) }}</p>
        <p class="mb-1">{{ __('messages.last_payment') }}: {{ $lastPayment?->date ? format_datetime($lastPayment->date, false) : '—' }}</p>
        <p class="mb-0">{{ __('messages.last_invoice') }}: {{ $lastInvoice?->invoice_number ?: '—' }}</p>
    </div></div>
    <div class="col-md-6"><div class="card card-body">
        <div class="small text-muted">{{ __('messages.address') }}</div>
        <div>{{ $customer->address ?: '—' }}</div>
    </div></div>
</div>
@endif

@if(($tab ?? '') === 'lines')
<div class="card">
    <table class="table compact-table mb-0">
        <thead><tr><th>{{ __('messages.line') }}</th><th>{{ __('messages.company') }}</th><th>{{ __('messages.plan') }}</th><th>{{ __('messages.status') }}</th></tr></thead>
        <tbody>
        @forelse(($lines ?? []) as $line)
            <tr>
                <td><a href="{{ route('lines.show',$line) }}">{{ $line->phone_number }}</a></td>
                <td>{{ $line->telecomCompany?->name }}</td>
                <td>{{ $line->currentPlan?->name ?? '—' }}</td>
                <td>{{ $line->status->label() }}</td>
            </tr>
        @empty<tr><td colspan="4">{{ __('messages.no_results') }}</td></tr>@endforelse
        </tbody>
    </table>
    @isset($lines) @include('partials.pagination', ['paginator' => $lines]) @endisset
</div>
@endif

@if(($tab ?? '') === 'billing')
<div class="card">
    <table class="table compact-table mb-0">
        <thead><tr><th>{{ __('messages.line') }}</th><th>{{ __('messages.plan') }}</th><th>{{ __('messages.plan_price') }}</th><th>{{ __('messages.outstanding') }}</th></tr></thead>
        <tbody>
        @forelse(($lines ?? []) as $line)
            <tr>
                <td><a href="{{ route('billing.show',$line) }}">{{ $line->phone_number }}</a></td>
                <td>{{ $line->currentPlan?->name ?? '—' }}</td>
                <td>{{ $line->currentPlan ? money($line->currentPlan->price) : '—' }}</td>
                <td>{{ money($line->outstandingBalance()) }}</td>
            </tr>
        @empty<tr><td colspan="4">{{ __('messages.no_results') }}</td></tr>@endforelse
        </tbody>
    </table>
</div>
@endif

@if(($tab ?? '') === 'invoices')
<div class="card">
    <table class="table compact-table mb-0">
        <thead><tr><th>#</th><th>{{ __('messages.line') }}</th><th>{{ __('messages.total') }}</th><th>{{ __('messages.status') }}</th></tr></thead>
        <tbody>
        @forelse(($invoices ?? []) as $inv)
            <tr>
                <td><a href="{{ route('invoices.show',$inv) }}">{{ $inv->invoice_number }}</a></td>
                <td>{{ $inv->line?->phone_number }}</td>
                <td>{{ money($inv->total) }}</td>
                <td>{{ $inv->status->label() }}</td>
            </tr>
        @empty<tr><td colspan="4">{{ __('messages.no_results') }}</td></tr>@endforelse
        </tbody>
    </table>
    @isset($invoices) @include('partials.pagination', ['paginator' => $invoices]) @endisset
</div>
@endif

@if(($tab ?? '') === 'payments')
<div class="card">
    <table class="table compact-table mb-0">
        <thead><tr><th>#</th><th>{{ __('messages.line') }}</th><th>{{ __('messages.amount') }}</th><th>{{ __('messages.date') }}</th></tr></thead>
        <tbody>
        @forelse(($payments ?? []) as $p)
            <tr>
                <td><a href="{{ route('payments.show',$p) }}">{{ $p->payment_number }}</a></td>
                <td>{{ $p->line?->phone_number }}</td>
                <td>{{ money($p->amount) }}</td>
                <td>{{ format_datetime($p->date, false) }}</td>
            </tr>
        @empty<tr><td colspan="4">{{ __('messages.no_results') }}</td></tr>@endforelse
        </tbody>
    </table>
    @isset($payments) @include('partials.pagination', ['paginator' => $payments]) @endisset
</div>
@endif

@if(($tab ?? '') === 'history' && isset($activity))
    @include('partials.activity-timeline', ['activity' => $activity])
@endif
@endsection