@extends('layouts.app')
@section('title', $customer->name)
@section('content')
<div class="d-flex flex-wrap justify-content-between gap-2 mb-3">
  <div><h1 class="h4 mb-0">{{ $customer->name }}</h1><div class="text-muted">{{ $customer->phone }} @if($customer->email) &middot; {{ $customer->email }} @endif @if($customer->address) &middot; {{ $customer->address }} @endif</div></div>
  <div class="d-flex gap-2 align-items-start">
    <a class="btn btn-copper" href="{{ route('jobs.create', ['customer_id'=>$customer->id]) }}">New repair job</a>
    <a class="btn btn-outline-primary" href="{{ route('invoices.create', ['customer_id'=>$customer->id]) }}">New invoice</a>
    <a class="btn btn-outline-secondary" href="{{ route('customers.edit', $customer) }}">Edit</a>
    @if(auth()->user()->isAdmin())<form method="post" action="{{ route('customers.destroy', $customer) }}" data-confirm="Delete this customer?">@csrf @method('DELETE')<button class="btn btn-outline-danger">Delete</button></form>@endif
  </div>
</div>
@if($customer->notes)<div class="alert alert-secondary py-2">{{ $customer->notes }}</div>@endif
<div class="row g-3">
  <div class="col-lg-6"><div class="panel"><div class="panel-h">Repair history ({{ $customer->jobs->count() }})</div>
    <ul class="list-group list-group-flush">@forelse($customer->jobs as $j)
      <li class="list-group-item d-flex justify-content-between"><span><a class="fw-semibold" href="{{ route('jobs.show', $j) }}">{{ $j->job_no }}</a> {{ $j->deviceName() }}<br><small class="text-muted">{{ $j->received_at->format('M j, Y') }}</small></span><span class="badge text-bg-{{ $j->statusColor() }} align-self-start">{{ $j->statusLabel() }}</span></li>
    @empty<li class="list-group-item text-muted">No repairs yet.</li>@endforelse</ul></div></div>
  <div class="col-lg-6"><div class="panel"><div class="panel-h">Invoices ({{ $customer->invoices->count() }})</div>
    <ul class="list-group list-group-flush">@forelse($customer->invoices as $i)
      <li class="list-group-item d-flex justify-content-between"><span><a class="fw-semibold" href="{{ route('invoices.show', $i) }}">{{ $i->invoice_no }}</a><br><small class="text-muted">{{ $i->issue_date->format('M j, Y') }}</small></span><span class="text-end">@money($i->total)<br><span class="badge text-bg-{{ $i->statusColor() }}">{{ ucfirst($i->status) }}</span></span></li>
    @empty<li class="list-group-item text-muted">No invoices yet.</li>@endforelse</ul></div></div>
</div>
@endsection