@extends('admin.layouts.main')

@section('title', $customer->first_name . ' ' . $customer->last_name)
@section('menu', 'Customers')

@section('content')
<div class="row">
    <div class="col-md-4">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Profile</span>
                </div>
            </div>
            <div class="portlet-body">
                <h3 class="text-center">{{ $customer->first_name }} {{ $customer->last_name }}</h3>
                <p class="font-grey-mint text-center">{{ $customer->company }}</p>

                <table class="table table-bordered table-striped">
                    <tr><th style="width:40%">Email</th><td>{{ $customer->email }}</td></tr>
                    <tr><th>Phone</th><td>{{ $customer->phone ?? 'N/A' }}</td></tr>
                    <tr><th>Status</th><td><span class="label label-sm label-{{ $customer->status === 'active' ? 'success' : 'warning' }}">{{ ucfirst($customer->status) }}</span></td></tr>
                    <tr><th>Country</th><td>{{ $customer->country_code ?? 'N/A' }}</td></tr>
                    <tr><th>Currency</th><td>{{ $customer->currency_code }}</td></tr>
                    <tr><th>Registered</th><td>{{ $customer->created_at->format('M d, Y') }}</td></tr>
                    <tr><th>Last Login</th><td>{{ $customer->last_login_at?->diffForHumans() ?? 'Never' }}</td></tr>
                </table>

                <a href="{{ route('admin.customers.edit', $customer) }}" class="btn btn-primary btn-block"><b>Edit Customer</b></a>
                <a href="{{ route('admin.customers.notification-preferences', $customer) }}" class="btn btn-info btn-block" style="margin-top:10px;"><i class="fa fa-bell"></i> <b>Notification Preferences</b></a>
                <form action="{{ route('admin.customers.impersonate', $customer) }}" method="POST" style="margin-top:10px;">
                    @csrf
                    <button type="submit" class="btn btn-warning btn-block" onclick="return confirm('Login as {{ $customer->first_name }} {{ $customer->last_name }}?')">
                        <i class="fa fa-sign-in"></i> <b>Login as Client</b>
                    </button>
                </form>
                <form action="{{ route('admin.customers.destroy', $customer) }}" method="POST" style="margin-top:10px;" onsubmit="return confirm('PERMANENTLY DELETE this customer and all their data? This cannot be undone.')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-block">
                        <i class="fa fa-trash"></i> <b>Delete Customer</b>
                    </button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-md-8">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Details</span>
                </div>
            </div>
            <div class="portlet-body">
                <ul class="nav nav-pills">
                    <li class="nav-item"><a class="nav-link active" href="#domains" data-toggle="tab">Domains ({{ $customer->domains->count() }})</a></li>
                    <li class="nav-item"><a class="nav-link" href="#hosting" data-toggle="tab">Hosting ({{ $customer->hostingAccounts->count() }})</a></li>
                    <li class="nav-item"><a class="nav-link" href="#orders" data-toggle="tab">Orders ({{ $customer->orders->count() }})</a></li>
                    <li class="nav-item"><a class="nav-link" href="#invoices" data-toggle="tab">Invoices ({{ $customer->invoices->count() }})</a></li>
                    <li class="nav-item"><a class="nav-link" href="#contacts" data-toggle="tab">Contacts ({{ $customer->contacts->count() }})</a></li>
                </ul>
                <div class="tab-content" style="margin-top: 15px;">
                    <div class="active tab-pane" id="domains">
                        <table class="table table-bordered table-hover">
                            <thead><tr><th>Domain</th><th>Status</th><th>Expiry</th></tr></thead>
                            <tbody>
                                @forelse($customer->domains as $domain)
                                <tr>
                                    <td><a href="{{ route('admin.domains.show', $domain) }}">{{ $domain->domain_name }}</a></td>
                                    <td><span class="label label-sm label-{{ $domain->status === 'active' ? 'success' : 'warning' }}">{{ ucfirst($domain->status) }}</span></td>
                                    <td>{{ $domain->expiry_date->format('M d, Y') }}</td>
                                </tr>
                                @empty
                                <tr><td colspan="3" class="font-grey-mint">No domains</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="hosting">
                        <table class="table table-bordered table-hover">
                            <thead><tr><th>Domain</th><th>Package</th><th>Status</th><th>Due</th></tr></thead>
                            <tbody>
                                @forelse($customer->hostingAccounts as $hosting)
                                <tr>
                                    <td><a href="{{ route('admin.hosting.show', $hosting) }}">{{ $hosting->domain }}</a></td>
                                    <td>{{ $hosting->package_name }}</td>
                                    <td><span class="label label-sm label-{{ $hosting->status === 'active' ? 'success' : 'warning' }}">{{ ucfirst($hosting->status) }}</span></td>
                                    <td>{{ $hosting->next_due_date->format('M d, Y') }}</td>
                                </tr>
                                @empty
                                <tr><td colspan="4" class="font-grey-mint">No hosting accounts</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="orders">
                        <table class="table table-bordered table-hover">
                            <thead><tr><th>Order #</th><th>Total</th><th>Status</th><th>Date</th></tr></thead>
                            <tbody>
                                @forelse($customer->orders as $order)
                                <tr>
                                    <td><a href="{{ route('admin.orders.show', $order) }}">{{ $order->order_number }}</a></td>
                                    <td>{{ $order->total }}</td>
                                    <td><span class="label label-sm label-info">{{ ucfirst($order->status) }}</span></td>
                                    <td>{{ $order->created_at->format('M d, Y') }}</td>
                                </tr>
                                @empty
                                <tr><td colspan="4" class="font-grey-mint">No orders</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="invoices">
                        <table class="table table-bordered table-hover">
                            <thead><tr><th>Invoice #</th><th>Total</th><th>Status</th><th>Due</th></tr></thead>
                            <tbody>
                                @forelse($customer->invoices as $invoice)
                                <tr>
                                    <td><a href="{{ route('admin.invoices.show', $invoice) }}">{{ $invoice->invoice_number }}</a></td>
                                    <td>{{ $invoice->total }}</td>
                                    <td><span class="label label-sm label-{{ $invoice->status === 'paid' ? 'success' : 'warning' }}">{{ ucfirst($invoice->status) }}</span></td>
                                    <td>{{ $invoice->due_date->format('M d, Y') }}</td>
                                </tr>
                                @empty
                                <tr><td colspan="4" class="font-grey-mint">No invoices</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="contacts">
                        <table class="table table-bordered table-hover">
                            <thead><tr><th>Name</th><th>Email</th><th>Phone</th><th>Type</th><th>Default</th></tr></thead>
                            <tbody>
                                @forelse($customer->contacts as $contact)
                                <tr>
                                    <td>{{ $contact->first_name }} {{ $contact->last_name }}</td>
                                    <td>{{ $contact->email }}</td>
                                    <td>{{ $contact->phone }}</td>
                                    <td><span class="label label-sm label-default">{{ ucfirst($contact->type) }}</span></td>
                                    <td>@if($contact->is_default)<span class="label label-sm label-success">Yes</span>@endif</td>
                                </tr>
                                @empty
                                <tr><td colspan="5" class="font-grey-mint">No contacts</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection