@extends('layouts.app', ['title' => 'Dashboard'])
@section('content')

@include('dashboard.news')

{{-- Header --}}
<div class="row mb-3 align-items-center">
    <div class="col">
        @include('layouts.breadcrumb', ['crumbs' => ['Dashboard', Auth::user()->get_employee->get_department->name]])
    </div>
    <div class="col-auto">
        <form action="crm/suche" method="get" class="d-flex">
            <input type="text" class="form-control form-control-sm" name="name" placeholder="Firma / Kontakt">
            <button class="btn btn-sm btn-outline-secondary ms-1" type="submit"><i class="bi bi-search"></i></button>
        </form>
    </div>
</div>

@if (session('msg'))
    <div class="alert alert-success alert-dismissible" id="success-alert">
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        <p class="text-center">{{ session('msg') }}</p>
    </div>
    <script>$("#success-alert").fadeTo(2000,500).slideUp(500,function(){$("#success-alert").slideUp(1000);});</script>
@endif

{{-- KPI Kacheln --}}
<div class="row g-3 mb-4">
    @php
        $kpis = [
            ['label' => 'Offene Angebote', 'count' => $offers->count(),   'icon' => 'bi-file-earmark-text', 'color' => '#4a9eff'],
            ['label' => 'Offene Aufträge',  'count' => $orders->count(),   'icon' => 'bi-hammer',            'color' => '#22c55e'],
            ['label' => 'Offene Rechnungen','count' => $invoices->count(), 'icon' => 'bi-receipt',           'color' => '#f59e0b'],
        ];
    @endphp
    @foreach($kpis as $kpi)
    <div class="col-6 col-md-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body d-flex align-items-center gap-3">
                <div class="rounded-circle d-flex align-items-center justify-content-center flex-shrink-0"
                     style="width:48px;height:48px;background:{{ $kpi['color'] }}22;">
                    <i class="bi {{ $kpi['icon'] }} fs-5" style="color:{{ $kpi['color'] }};"></i>
                </div>
                <div>
                    <div class="fs-3 fw-bold lh-1">{{ $kpi['count'] }}</div>
                    <div class="text-muted small">{{ $kpi['label'] }}</div>
                </div>
            </div>
            <div class="card-footer border-0 pt-0 pb-2 px-3">
                <div class="progress" style="height:3px;">
                    <div class="progress-bar" style="width:100%;background:{{ $kpi['color'] }};"></div>
                </div>
            </div>
        </div>
    </div>
    @endforeach
</div>

{{-- ── ANGEBOTE ─────────────────────────────────────────────────────────── --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white border-0 pt-3 pb-2 px-4 d-flex align-items-center gap-2">
        <i class="bi bi-file-earmark-text" style="color:#4a9eff;"></i>
        <strong class="small text-uppercase" style="letter-spacing:.05em;">Angebote</strong>
        <span class="badge bg-primary ms-auto">{{ $offers->count() }}</span>
    </div>
    <div class="card-body p-0">
        @if($offers->isEmpty())
            <p class="text-muted small px-4 py-3 mb-0">Keine offenen Angebote.</p>
        @else
        <div class="table-responsive">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="px-4">Nr.</th>
                        <th>Kunde</th>
                        <th>Titel</th>
                        <th>Status</th>
                        <th>Abt. Status</th>
                        <th class="text-end px-4">Datum</th>
                    </tr>
                </thead>
                <tbody>
                @foreach($offers as $offer)
                    <tr>
                        <td class="px-4">
                            <a href="{{ route('pms.offers.index') }}" class="fw-semibold text-decoration-none">
                                {{ $offer->offer_nr ?? '–' }}
                            </a>
                        </td>
                        <td class="text-muted small">{{ $offer->customer->name ?? '–' }}</td>
                        <td class="small">{{ \Str::limit($offer->title, 40) }}</td>
                        <td>
                            @if($offer->pms_status)
                                <span class="badge bg-{{ $offer->pms_status->color }} bg-opacity-15 text-{{ $offer->pms_status->color }} border border-{{ $offer->pms_status->color }} border-opacity-25 rounded-pill" style="font-size:.7rem;">
                                    {{ $offer->pms_status->name }}
                                </span>
                            @endif
                        </td>
                        <td>
                            @if($offer->pms_status_dept)
                                <span class="badge bg-{{ $offer->pms_status_dept->color }} bg-opacity-15 text-{{ $offer->pms_status_dept->color }} border border-{{ $offer->pms_status_dept->color }} border-opacity-25 rounded-pill" style="font-size:.7rem;">
                                    {{ $offer->pms_status_dept->name }}
                                </span>
                            @endif
                        </td>
                        <td class="text-end text-muted small px-4">
                            {{ $offer->updated_at?->format('d.m.Y') }}
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>
</div>

{{-- ── AUFTRÄGE ─────────────────────────────────────────────────────────── --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white border-0 pt-3 pb-2 px-4 d-flex align-items-center gap-2">
        <i class="bi bi-hammer" style="color:#22c55e;"></i>
        <strong class="small text-uppercase" style="letter-spacing:.05em;">Aufträge</strong>
        <span class="badge bg-success ms-auto">{{ $orders->count() }}</span>
    </div>
    <div class="card-body p-0">
        @if($orders->isEmpty())
            <p class="text-muted small px-4 py-3 mb-0">Keine offenen Aufträge.</p>
        @else
        <div class="table-responsive">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="px-4">Nr.</th>
                        <th>Kunde</th>
                        <th>Titel</th>
                        <th>Status</th>
                        <th>Abt. Status</th>
                        <th class="text-end px-4">Datum</th>
                    </tr>
                </thead>
                <tbody>
                @foreach($orders as $order)
                    <tr>
                        <td class="px-4">
                            <a href="{{ route('pms.orders.index') }}" class="fw-semibold text-decoration-none">
                                {{ $order->order_nr ?? '–' }}
                            </a>
                        </td>
                        <td class="text-muted small">{{ $order->customer->name ?? '–' }}</td>
                        <td class="small">{{ \Str::limit($order->title, 40) }}</td>
                        <td>
                            @if($order->pms_status)
                                <span class="badge bg-{{ $order->pms_status->color }} bg-opacity-15 text-{{ $order->pms_status->color }} border border-{{ $order->pms_status->color }} border-opacity-25 rounded-pill" style="font-size:.7rem;">
                                    {{ $order->pms_status->name }}
                                </span>
                            @endif
                        </td>
                        <td>
                            @if($order->pms_status_dept)
                                <span class="badge bg-{{ $order->pms_status_dept->color }} bg-opacity-15 text-{{ $order->pms_status_dept->color }} border border-{{ $order->pms_status_dept->color }} border-opacity-25 rounded-pill" style="font-size:.7rem;">
                                    {{ $order->pms_status_dept->name }}
                                </span>
                            @endif
                        </td>
                        <td class="text-end text-muted small px-4">
                            {{ $order->updated_at?->format('d.m.Y') }}
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>
</div>

{{-- ── EINGANGSRECHNUNGEN ───────────────────────────────────────────────── --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white border-0 pt-3 pb-2 px-4 d-flex align-items-center gap-2">
        <i class="bi bi-receipt" style="color:#f59e0b;"></i>
        <strong class="small text-uppercase" style="letter-spacing:.05em;">Eingangsrechnungen</strong>
        <span class="badge ms-auto" style="background:#f59e0b;">{{ $invoices->count() }}</span>
    </div>
    <div class="card-body p-0">
        @if($invoices->isEmpty())
            <p class="text-muted small px-4 py-3 mb-0">Keine offenen Rechnungen für diese Abteilung.</p>
        @else
        <div class="table-responsive">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="px-4">Nr.</th>
                        <th>Lieferant</th>
                        <th class="text-end">Betrag</th>
                        <th>Intern</th>
                        <th>Abt. Status</th>
                        <th class="text-end px-4">Datum</th>
                    </tr>
                </thead>
                <tbody>
                @foreach($invoices as $inv)
                    <tr>
                        <td class="px-4">
                            <a href="{{ route('accounting.incoming-invoice.index') }}" class="fw-semibold text-decoration-none">
                                {{ $inv->invoice_nr ?? $inv->id }}
                            </a>
                        </td>
                        <td class="text-muted small">{{ $inv->supplier->name ?? '–' }}</td>
                        <td class="text-end small fw-semibold">
                            {{ number_format($inv->gross_total ?? 0, 2, ',', '.') }} €
                        </td>
                        <td>
                            @if($inv->get_status_in_company)
                                @php
                                    $sicColors = ['unbearbeitet'=>'secondary','in Bearbeitung'=>'primary','wartet auf Versand'=>'warning','versendet'=>'success','abgesagt'=>'danger','beauftragt'=>'success','ausgeschrieben'=>'info','abgelehnt'=>'danger','genehmigt'=>'success','pausiert'=>'warning','abgeschlossen'=>'dark'];
                                    $sicName = trim($inv->get_status_in_company->name);
                                    $sicColor = $sicColors[$sicName] ?? 'secondary';
                                @endphp
                                <span class="badge bg-{{ $sicColor }} bg-opacity-15 text-{{ $sicColor }} border border-{{ $sicColor }} border-opacity-25 rounded-pill" style="font-size:.7rem;">
                                    {{ $sicName }}
                                </span>
                            @endif
                        </td>
                        <td>
                            @if($inv->get_status_in_department)
                                @php
                                    $sidColors = ['unbearbeitet'=>'secondary','in Bearbeitung'=>'primary','wartet auf Rückmeldung'=>'warning'];
                                    $sidName = trim($inv->get_status_in_department->name);
                                    $sidColor = $sidColors[$sidName] ?? 'secondary';
                                @endphp
                                <span class="badge bg-{{ $sidColor }} bg-opacity-15 text-{{ $sidColor }} border border-{{ $sidColor }} border-opacity-25 rounded-pill" style="font-size:.7rem;">
                                    {{ $sidName }}
                                </span>
                            @endif
                        </td>
                        <td class="text-end text-muted small px-4">
                            {{ \Carbon\Carbon::parse($inv->invoice_date ?? $inv->created_at)->format('d.m.Y') }}
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>
</div>

@endsection