@extends('layouts.app')
@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
  <h1 class="h4 mb-0">Good {{ now()->hour < 12 ? 'morning' : (now()->hour < 17 ? 'afternoon' : 'evening') }}, {{ explode(' ', auth()->user()->name)[0] }}</h1>
  <div class="d-flex gap-2">
    <a href="{{ route('jobs.create') }}" class="btn btn-copper"><i class="bi bi-plus-lg"></i> New repair job</a>
    <a href="{{ route('invoices.create') }}" class="btn btn-outline-primary">New invoice</a>
  </div>
</div>

<div class="row g-3 mb-4">
  <div class="col-6 col-lg-3"><a href="{{ route('jobs.index', ['status'=>'open']) }}" class="text-decoration-none text-reset"><div class="stat"><div class="n">{{ $openJobs }}</div><div class="l">Open repair jobs</div></div></a></div>
  <div class="col-6 col-lg-3"><a href="{{ route('jobs.index', ['status'=>'ready']) }}" class="text-decoration-none text-reset"><div class="stat"><div class="n">{{ $ready }}</div><div class="l">Ready for pickup</div></div></a></div>
  <div class="col-6 col-lg-3"><div class="stat warn"><div class="n">{{ $awaiting }}</div><div class="l">Waiting on approval or parts</div></div></div>
  <div class="col-6 col-lg-3"><div class="stat {{ $overdue ? 'bad' : '' }}"><div class="n">{{ $overdue }}</div><div class="l">Past promised date</div></div></div>
  @if(auth()->user()->isAdmin())
  <div class="col-6 col-lg-3"><div class="stat"><div class="n">@money($cashToday)</div><div class="l">Received today</div></div></div>
  <div class="col-6 col-lg-3"><div class="stat"><div class="n">@money($cashMonth)</div><div class="l">Received this month</div></div></div>
  <div class="col-6 col-lg-3"><div class="stat warn"><div class="n">@money($owing)</div><div class="l">Customers still owe</div></div></div>
  @endif
</div>

<div class="row g-3">
  <div class="col-lg-8">
    <div class="panel"><div class="panel-h">Latest jobs <a href="{{ route('jobs.index') }}" class="small fw-normal">View all</a></div>
      <div class="table-responsive"><table class="table table-hover align-middle mb-0">
        <thead><tr><th>Job</th><th>Customer</th><th>Device</th><th>Technician</th><th>Status</th></tr></thead>
        <tbody>@forelse($recent as $j)
          <tr><td><a href="{{ route('jobs.show', $j) }}" class="fw-semibold">{{ $j->job_no }}</a></td><td>{{ $j->customer->name }}</td><td>{{ $j->deviceName() }}</td>
          <td>{{ $j->technician->name ?? 'Unassigned' }}</td><td><span class="badge text-bg-{{ $j->statusColor() }}">{{ $j->statusLabel() }}</span></td></tr>
        @empty<tr><td colspan="5" class="text-muted p-4">No jobs yet. Create the first one with "New repair job".</td></tr>@endforelse</tbody>
      </table></div>
    </div>
  </div>
  <div class="col-lg-4">
    @if($myJobs->count())
    <div class="panel mb-3"><div class="panel-h">Assigned to me</div><ul class="list-group list-group-flush">
      @foreach($myJobs as $j)<li class="list-group-item d-flex justify-content-between"><a href="{{ route('jobs.show', $j) }}">{{ $j->job_no }} &middot; {{ $j->customer->name }}</a><span class="badge text-bg-{{ $j->statusColor() }}">{{ $j->statusLabel() }}</span></li>@endforeach
    </ul></div>
    @endif
    <div class="panel"><div class="panel-h">Low stock <a href="{{ route('parts.index', ['low'=>1]) }}" class="small fw-normal">View</a></div>
      <ul class="list-group list-group-flush">@forelse($lowParts as $p)
        <li class="list-group-item d-flex justify-content-between"><span>{{ $p->name }}</span><span class="badge text-bg-{{ $p->qty <= 0 ? 'danger' : 'warning' }}">{{ $p->qty }} left</span></li>
      @empty<li class="list-group-item text-muted">All parts are above their minimum level.</li>@endforelse</ul>
    </div>
  </div>
</div>
@endsection