@extends('layouts.app')
@section('title', 'Dashboard')
@section('content')
    <div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
        <div><p class="eyebrow">Your workspace</p><h1>Welcome, {{ auth()->user()->name }}</h1><p class="mb-0">Keep your thesis submissions and next steps in view.</p></div>
        @can('create', App\Models\Project::class)<a class="btn btn-primary" href="{{ route('projects.create') }}">+ New Submission</a>@endcan
    </div>
    <section class="row g-3 mb-4" aria-label="Project overview">
        @foreach (['All projects' => $totalProjects, 'Saved drafts' => $draftProjects, 'Awaiting assessment' => $submittedProjects, 'Unread notifications' => $unreadNotifications] as $label => $value)
            <div class="col-6 col-lg-3"><article class="card"><span class="metric-label">{{ $label }}</span><span class="metric">{{ $value }}</span></article></div>
        @endforeach
    </section>
    <div class="d-flex flex-wrap gap-2 mb-4">
        @if (auth()->user()->hasPermissionTo('quality.review'))<a class="btn btn-outline-secondary" href="{{ route('quality.index') }}">Open quality control</a>@endif
        <a class="btn btn-outline-secondary" href="{{ route('proofs.index') }}">Proofs &amp; revisions</a>
        <a class="btn btn-outline-secondary" href="{{ route('deliveries.index') }}">Final downloads</a>
        <a class="btn btn-outline-secondary" href="{{ route('support.index') }}">Help Desk ({{ $openTickets }} open)</a>
        @if(auth()->user()->hasPermissionTo('reports.view'))<a class="btn btn-outline-secondary" href="{{ route('reports.index') }}">Reports</a>@endif
        @if (auth()->user()->hasPermissionTo('projects.assign'))<a class="btn btn-primary" href="{{ route('production.index') }}">Open production queue</a>@endif
        @if (auth()->user()->isProductionEmployee())<a class="btn btn-primary" href="{{ route('work.index') }}">Open My Work</a>@endif
        @if (auth()->user()->hasPermissionTo('teams.manage'))<a class="btn btn-outline-secondary" href="{{ route('teams.index') }}">Manage production teams</a>@endif
    </div>
    <section class="row g-3 mb-4" aria-label="Proof and revision overview"><div class="col-md-6"><article class="card"><h2>Proofs awaiting review</h2><span class="metric">{{ $proofsAwaitingReview }}</span><a href="{{ route('proofs.index', ['status' => 'awaiting_customer']) }}">Review released proofs &rarr;</a></article></div><div class="col-md-6"><article class="card"><h2>Projects in correction</h2><span class="metric">{{ $correctionProjects }}</span><a href="{{ route('projects.index', ['status' => 'corrections_requested']) }}">Follow correction requests &rarr;</a></article></div></section>
    <section class="card p-0 overflow-hidden">
        <div class="p-4 border-bottom"><strong>{{ $finalProjects }}</strong> projects in final delivery &middot; <strong>{{ $completedProjects }}</strong> completed projects. <a href="{{ route('deliveries.index') }}">Open final packages &rarr;</a></div>
        <div class="p-4 d-flex justify-content-between align-items-center"><h2 class="mb-0">Recent projects</h2><a href="{{ route('projects.index') }}">View all projects</a></div>
        @include('projects.partials.table', ['projects' => $recentProjects])
    </section>
    @if (auth()->user()->hasPermissionTo('style-guides.manage'))
        <div class="card mt-4"><h2>Configuration</h2><p class="mb-3">Maintain markets, institutions and the exact style-guide versions used by submissions.</p><div><a class="btn btn-outline-secondary btn-sm" href="{{ route('markets.index') }}">Markets</a> <a class="btn btn-outline-secondary btn-sm" href="{{ route('institutions.index') }}">Institutions</a> <a class="btn btn-outline-secondary btn-sm" href="{{ route('style-guides.index') }}">Style guides</a></div></div>
    @endif
    <section class="row g-3 mt-2" aria-label="Quotation and payment overview">
        <div class="col-md-6"><article class="card"><h2>Quotation acceptance</h2><p class="mb-3">{{ $awaitingAcceptance }} quotations awaiting customer acceptance, including any expired quotes.</p><a href="{{ route('quotations.index', ['status' => 'issued']) }}">View quotations &rarr;</a></article></div>
        <div class="col-md-6"><article class="card"><h2>Payment follow-up</h2><p class="mb-3">{{ $awaitingPayment }} accepted quotations with payment outstanding.</p><a href="{{ route('quotations.index', ['status' => 'accepted']) }}">Review accepted quotations &rarr;</a></article></div>
    </section>
@endsection