@extends('layouts.plain')
@section('title', 'Check repair status')
@section('width', '520px')
@section('content')
<div class="panel"><div class="panel-b p-4">
  <h2 class="h5 mb-3">Check your repair status</h2>
  <form method="post" action="{{ route('track.result') }}">@csrf
    <div class="mb-3"><label class="form-label">Job number (on your receipt)</label><input name="job_no" value="{{ old('job_no') }}" class="form-control" placeholder="HT-00012" required></div>
    <div class="mb-3"><label class="form-label">Phone number you gave us</label><input name="phone" value="{{ old('phone') }}" class="form-control" required></div>
    @error('job_no')<div class="alert alert-danger py-2">{{ $message }}</div>@enderror
    <button class="btn btn-primary w-100">Check status</button>
  </form>
</div></div>
@if($job)
<div class="panel mt-3"><div class="panel-b p-4">
  <div class="tag mb-3">{{ $job->job_no }}</div>
  <h3 class="h5">{{ $job->deviceName() }}</h3>
  <p class="mb-2"><span class="badge text-bg-{{ $job->statusColor() }} fs-6">{{ $job->statusLabel() }}</span></p>
  <p class="text-muted mb-1">Received {{ $job->received_at->format('M j, Y') }}@if($job->promised_at) &middot; Expected {{ $job->promised_at->format('M j, Y') }}@endif</p>
  @if($job->status === 'ready')<p class="mb-0 fw-semibold">Your device is ready. Please pick it up during opening hours.</p>@endif
  @if($job->status === 'awaiting_approval')<p class="mb-0 fw-semibold">We need your approval on the repair quote. Please call {{ config('hitek.phone') }}.</p>@endif
</div></div>
@endif
@endsection