@extends('client.layouts.main')

@section('title', 'Dashboard')

@section('content')
<!-- Stats -->
<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat blue-madison">
            <div class="visual"><i class="fa fa-globe"></i></div>
            <div class="details">
                <div class="number">{{ $stats['active_domains'] ?? 0 }}</div>
                <div class="desc">Active Domains</div>
            </div>
            <a class="more" href="{{ route('client.domains.index') }}">View more <i class="m-icon-swapright m-icon-white"></i></a>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat green-haze">
            <div class="visual"><i class="fa fa-server"></i></div>
            <div class="details">
                <div class="number">{{ $stats['active_hosting'] ?? 0 }}</div>
                <div class="desc">Active Hosting</div>
            </div>
            <a class="more" href="{{ route('client.hosting.index') }}">View more <i class="m-icon-swapright m-icon-white"></i></a>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat purple-plum">
            <div class="visual"><i class="fa fa-file-text-o"></i></div>
            <div class="details">
                <div class="number">{{ $stats['unpaid_invoices'] ?? 0 }}</div>
                <div class="desc">Unpaid Invoices</div>
            </div>
            <a class="more" href="{{ route('client.invoices.index') }}">View more <i class="m-icon-swapright m-icon-white"></i></a>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat red-intense">
            <div class="visual"><i class="fa fa-bell"></i></div>
            <div class="details">
                <div class="number">{{ $stats['active_services'] ?? 0 }}</div>
                <div class="desc">Active Services</div>
            </div>
            <a class="more" href="{{ route('client.orders.index') }}">View more <i class="m-icon-swapright m-icon-white"></i></a>
        </div>
    </div>
</div>

<div class="row">
    <!-- Upcoming Renewals -->
    <div class="col-lg-6">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Upcoming Renewals</span></div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Service</th>
                            <th>Due Date</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($upcoming_renewals ?? [] as $renewal)
                        <tr>
                            <td>
                                <a href="{{ $renewal['url'] }}">{{ $renewal['name'] }}</a>
                            </td>
                            <td>{{ $renewal['due_date'] }}</td>
                            <td>{{ $renewal['amount'] }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="3" class="text-center font-grey-mint">No upcoming renewals</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Recent Invoices -->
    <div class="col-lg-6">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Recent Invoices</span></div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Invoice #</th>
                            <th>Amount</th>
                            <th>Status</th>
                            <th>Due</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($recent_invoices ?? [] as $invoice)
                        <tr>
                            <td><a href="{{ route('client.invoices.show', $invoice) }}">{{ $invoice->invoice_number }}</a></td>
                            <td>{{ number_format($invoice->total, 2) }}</td>
                            <td><span class="label label-sm label-{{ $invoice->status === 'paid' ? 'success' : ($invoice->status === 'overdue' ? 'danger' : 'warning') }}">{{ ucfirst($invoice->status) }}</span></td>
                            <td>{{ $invoice->due_date->format('M d, Y') }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="4" class="text-center font-grey-mint">No recent invoices</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection