@extends('layouts.app')
@section('title', 'Repair Report')
@section('breadcrumb')
<li class="breadcrumb-item"><a href="#">Reports</a></li>
<li class="breadcrumb-item active">Repairs</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1 class="page-title"><i class="bi bi-tools me-2" style="color:#7c3aed;"></i>Repair Report</h1>
        <p class="page-subtitle">{{ $from->format('d M Y') }} — {{ $to->format('d M Y') }}</p>
    </div>
    <button onclick="window.print()" class="btn btn-outline-secondary btn-sm"><i class="bi bi-printer me-1"></i>Print</button>
</div>

@include('reports.partials.date-filter')

@if($overdue > 0)
<div class="alert alert-danger d-flex align-items-center mb-3">
    <i class="bi bi-exclamation-triangle-fill me-2"></i>
    <strong>{{ $overdue }} ticket(s)</strong>&nbsp;are overdue (past expected delivery).
</div>
@endif

<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#ede9fe;"><i class="bi bi-ticket" style="color:#7c3aed;"></i></div>
        <div><div class="stat-value">{{ $totals->total_tickets }}</div><div class="stat-label">Total Tickets</div></div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#d1fae5;"><i class="bi bi-cash" style="color:#059669;"></i></div>
        <div><div class="stat-value" style="font-size:.95rem;color:#059669;">৳{{ number_format($totals->total_revenue,0) }}</div><div class="stat-label">Revenue</div></div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#dbeafe;"><i class="bi bi-cash-stack" style="color:#1d4ed8;"></i></div>
        <div><div class="stat-value" style="font-size:.95rem;color:#1d4ed8;">৳{{ number_format($totals->total_collected,0) }}</div><div class="stat-label">Collected</div></div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#fee2e2;"><i class="bi bi-clock" style="color:#dc2626;"></i></div>
        <div><div class="stat-value" style="color:#dc2626;font-size:.95rem;">৳{{ number_format($totals->total_due,0) }}</div><div class="stat-label">Outstanding</div></div></div>
    </div>
</div>

<div class="row g-3 mb-3">
    <div class="col-12 col-md-4">
        <div class="card">
            <div class="card-header fw-600">By Status</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0" style="font-size:.85rem;">
                    <thead><tr><th>Status</th><th class="text-end">Count</th><th class="text-end">Revenue</th></tr></thead>
                    <tbody>
                        @foreach($byStatus as $bs)
                        @php $rc=['pending'=>'warning','diagnosing'=>'info','in_progress'=>'primary','completed'=>'success','delivered'=>'success','cancelled'=>'secondary']; @endphp
                        <tr>
                            <td><span class="badge bg-{{ $rc[$bs->status] ?? 'secondary' }}" style="font-size:.68rem;">{{ ucfirst(str_replace('_',' ',$bs->status)) }}</span></td>
                            <td class="text-end">{{ $bs->count }}</td>
                            <td class="text-end fw-600">৳{{ number_format($bs->revenue,0) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @if($byTechnician->count())
    <div class="col-12 col-md-8">
        <div class="card">
            <div class="card-header fw-600">By Technician</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0" style="font-size:.85rem;">
                    <thead><tr><th>Technician</th><th class="text-end">Tickets</th><th class="text-end">Revenue</th><th class="text-end">Collected</th></tr></thead>
                    <tbody>
                        @foreach($byTechnician as $bt)
                        <tr>
                            <td class="fw-600">{{ $bt->technician?->name ?? 'Unassigned' }}</td>
                            <td class="text-end">{{ $bt->count }}</td>
                            <td class="text-end">৳{{ number_format($bt->revenue,0) }}</td>
                            <td class="text-end text-success">৳{{ number_format($bt->collected,0) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif
</div>

<div class="card">
    <div class="card-header fw-600">Repair Tickets ({{ $tickets->total() }})</div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0" style="font-size:.8rem;">
                <thead><tr><th>Ticket</th><th>Customer</th><th>Device</th><th>Technician</th><th>Received</th><th class="text-end">Cost</th><th class="text-end">Paid</th><th>Status</th></tr></thead>
                <tbody>
                    @forelse($tickets as $t)
                    @php $rc=['pending'=>'warning','diagnosing'=>'info','in_progress'=>'primary','completed'=>'success','delivered'=>'success','cancelled'=>'secondary']; @endphp
                    <tr>
                        <td><a href="{{ route('repairs.show', $t) }}" style="font-family:monospace;color:#7c3aed;font-weight:600;text-decoration:none;">{{ $t->ticket_no }}</a></td>
                        <td>
                            <div class="fw-600">{{ $t->customer->name }}</div>
                            <div style="font-size:.72rem;color:#64748b;">{{ $t->customer->phone }}</div>
                        </td>
                        <td>{{ $t->device_name }}</td>
                        <td>{{ $t->technician?->name ?? '—' }}</td>
                        <td>{{ $t->received_date->format('d M Y') }}</td>
                        <td class="text-end fw-600">৳{{ number_format($t->actual_cost,0) }}</td>
                        <td class="text-end text-success">৳{{ number_format($t->paid_amount,0) }}</td>
                        <td><span class="badge bg-{{ $rc[$t->status] ?? 'secondary' }}" style="font-size:.65rem;">{{ ucfirst(str_replace('_',' ',$t->status)) }}</span></td>
                    </tr>
                    @empty
                    <tr><td colspan="8" class="text-center py-4 text-muted">No repair tickets in this period</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($tickets->hasPages())<div class="card-footer">{{ $tickets->links() }}</div>@endif
</div>
@endsection