@extends('layouts.sadmin')
@section('title', 'Dashboard')

@push('styles')
<link href="{{ asset('css/axis-enterprise.css') }}?v={{ filemtime(public_path('css/axis-enterprise.css')) }}" rel="stylesheet">
<link href="{{ asset('css/axis-sadmin-branding.css') }}?v={{ filemtime(public_path('css/axis-sadmin-branding.css')) }}" rel="stylesheet">
@endpush

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="page-title mb-0">Dashboard</h1>
        <p class="text-muted mb-0" style="font-size:13px">System overview — {{ now()->format('l, F j, Y') }}</p>
    </div>
</div>

<!-- KPIs -->
<div class="row g-3 mb-4">
    <div class="col-6 col-xl-3">
        <div class="kpi-card">
            <div class="kpi-icon" style="background:#EBF3FB;color:#1B4F8A"><i class="bi bi-building"></i></div>
            <div>
                <p class="kpi-label">Total Companies</p>
                <p class="kpi-value">{{ $stats['total_companies'] }}</p>
            </div>
        </div>
    </div>
    <div class="col-6 col-xl-3">
        <div class="kpi-card">
            <div class="kpi-icon" style="background:#d1e7dd;color:#0a3622"><i class="bi bi-check-circle"></i></div>
            <div>
                <p class="kpi-label">Active Companies</p>
                <p class="kpi-value text-success">{{ $stats['active_companies'] }}</p>
            </div>
        </div>
    </div>
    <div class="col-6 col-xl-3">
        <div class="kpi-card">
            <div class="kpi-icon" style="background:#fff3cd;color:#664d03"><i class="bi bi-clock-history"></i></div>
            <div>
                <p class="kpi-label">Trial Companies</p>
                <p class="kpi-value text-warning">{{ $stats['trial_companies'] }}</p>
            </div>
        </div>
    </div>
    <div class="col-6 col-xl-3">
        <div class="kpi-card">
            <div class="kpi-icon" style="background:#d1e7dd;color:#0a3622"><i class="bi bi-people"></i></div>
            <div>
                <p class="kpi-label">Users Online Now</p>
                <p class="kpi-value text-success">{{ $stats['online_users'] }}</p>
            </div>
        </div>
    </div>
</div>

<!-- Application Branding -->
<div class="card mb-4 border-primary border-opacity-25">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
        <span><i class="bi bi-image me-2 text-primary"></i>Application Branding</span>
        <a href="{{ route('sadmin.branding') }}" class="btn btn-outline-primary btn-sm">
            <i class="bi bi-gear me-1"></i>Full settings
        </a>
    </div>
    <div class="card-body">
        <p class="text-muted mb-3" style="font-size:13px">
            <strong>Application logo</strong> — login, select-company header, and top bar. Company logos are set in each company's Settings.
        </p>
        @include('superadmin.branding._upload-form', ['logo' => $appLogo, 'compact' => true, 'formId' => 'Dash'])
    </div>
</div>

<!-- Companies Table -->
<div class="card mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <span><i class="bi bi-building me-2"></i>Companies</span>
        <a href="{{ route('sadmin.companies.create') }}" class="btn btn-primary btn-sm">
            <i class="bi bi-plus me-1"></i>Add Company
        </a>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0" id="companiesTable">
                <thead>
                    <tr>
                        <th>Company</th>
                        <th>Code</th>
                        <th>Users</th>
                        <th>Status</th>
                        <th>Concurrent</th>
                        <th>Expiry</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($companies as $company)
                    <tr>
                        <td>
                            <div class="fw-semibold">{{ $company->name }}</div>
                            <div class="text-muted" style="font-size:11.5px">{{ $company->email }}</div>
                        </td>
                        <td><code>{{ $company->company_code }}</code></td>
                        <td>{{ $company->users_count }}</td>
                        <td>
                            <span class="status-pill status-{{ $company->status }}">
                                {{ ucfirst($company->status) }}
                            </span>
                        </td>
                        <td>
                            <span class="badge bg-light text-dark">
                                {{ $company->subscription?->max_concurrent_users ?? 5 }} users
                            </span>
                        </td>
                        <td>
                            @if($company->subscription?->subscription_ends_at)
                                <span class="{{ $company->subscription->isExpired() ? 'text-danger' : 'text-muted' }}" style="font-size:12px">
                                    {{ $company->subscription->subscription_ends_at->format('d M Y') }}
                                </span>
                            @elseif($company->subscription?->trial_ends_at)
                                <span class="text-warning" style="font-size:12px">
                                    Trial: {{ $company->subscription->trial_ends_at->format('d M Y') }}
                                </span>
                            @else
                                <span class="text-muted" style="font-size:12px">—</span>
                            @endif
                        </td>
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('sadmin.companies.edit', $company) }}"
                                   class="btn btn-outline-primary btn-sm" title="Edit">
                                    <i class="bi bi-pencil"></i>
                                </a>
                                <form action="{{ route('sadmin.companies.toggle', $company) }}" method="POST" class="d-inline" id="toggle-{{ $company->id }}">
                                    @csrf @method('PATCH')
                                    <button type="button" class="btn btn-sm btn-confirm
                                        {{ $company->status === 'active' ? 'btn-outline-warning' : 'btn-outline-success' }}"
                                        data-form="#toggle-{{ $company->id }}"
                                        data-title="{{ $company->status === 'active' ? 'Suspend Company' : 'Activate Company' }}"
                                        data-message="{{ $company->status === 'active' ? 'Suspend this company?' : 'Activate this company?' }}"
                                        data-icon="{{ $company->status === 'active' ? 'warning' : 'question' }}"
                                        data-color="{{ $company->status === 'active' ? '#E67E22' : '#27AE60' }}"
                                        data-confirm="{{ $company->status === 'active' ? 'Suspend' : 'Activate' }}"
                                        title="{{ $company->status === 'active' ? 'Suspend' : 'Activate' }}">
                                        <i class="bi bi-{{ $company->status === 'active' ? 'pause-circle' : 'play-circle' }}"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                    @empty
                        <tr><td colspan="7" class="text-center text-muted py-4">No companies found</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- Recent Audit Logs -->
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <span><i class="bi bi-journal-text me-2"></i>Recent Activity</span>
        <a href="{{ route('sadmin.audit-logs') }}" class="btn btn-outline-secondary btn-sm">View All</a>
    </div>
    <div class="card-body p-0">
        <table class="table table-hover mb-0">
            <thead>
                <tr><th>Time</th><th>Action</th><th>Module</th><th>User</th><th>IP</th></tr>
            </thead>
            <tbody>
                @forelse($recent_logs as $log)
                <tr>
                    <td style="font-size:12px;color:#999">{{ $log->created_at->diffForHumans() }}</td>
                    <td><span class="badge bg-light text-dark" style="font-size:11px">{{ $log->action }}</span></td>
                    <td style="font-size:12px">{{ $log->module }}</td>
                    <td style="font-size:12px">{{ $log->user_type }}: {{ $log->user_id }}</td>
                    <td><code style="font-size:11px">{{ $log->ip_address }}</code></td>
                </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-3">No recent activity</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection