@extends('layouts.client')
@section('title', 'Call ' . substr($call->public_id, -8))
@section('content')
<div class="row g-3"><div class="col-lg-5"><div class="card p-3"><dl class="row mb-0 small">
<dt class="col-5">Call ID</dt><dd class="col-7 mono">{{ $call->public_id }}</dd><dt class="col-5">Order</dt><dd class="col-7">#{{ $call->wc_order_id }}</dd>
<dt class="col-5">Customer</dt><dd class="col-7">{{ $call->customer_name }} <span class="mono">{{ $call->phone_masked }}</span></dd><dt class="col-5">Website</dt><dd class="col-7">{{ $call->website->normalized_domain }}</dd>
<dt class="col-5">Provider</dt><dd class="col-7">{{ $call->provider->name }}</dd><dt class="col-5">Status</dt><dd class="col-7"><x-badge :v="$call->status"/></dd>
<dt class="col-5">Customer response</dt><dd class="col-7"><x-badge :v="$call->customer_response"/></dd><dt class="col-5">Funding</dt><dd class="col-7"><x-badge :v="$call->funding_source"/> <x-badge :v="$call->charge_status"/></dd>
<dt class="col-5">Charged</dt><dd class="col-7">{{ number_format($call->charged_amount, 2) }}</dd><dt class="col-5">Attempts</dt><dd class="col-7">{{ $call->attempts }} / {{ $call->max_attempts }}</dd>
@if($call->failure_reason)<dt class="col-5">Note</dt><dd class="col-7 text-danger">{{ $call->failure_reason }}</dd>@endif</dl></div></div>
<div class="col-lg-7"><div class="card p-3 mb-3"><h2 class="h6">Timeline</h2>@foreach($call->events->sortByDesc('id') as $e)<div class="small border-bottom py-1"><span class="text-muted">{{ $e->created_at->format('d M H:i:s') }}</span> · {{ $e->type }} @if($e->to_status)→ <x-badge :v="$e->to_status"/>@endif</div>@endforeach</div>
<div class="card p-3"><h2 class="h6">Attempts</h2>@foreach($call->attemptsList as $a)<div class="small border-bottom py-1">#{{ $a->attempt_no }} · {{ $a->outcome }} · {{ $a->dispatched_at?->format('d M H:i') }} @if($a->error)<span class="text-danger">{{ $a->error }}</span>@endif</div>@endforeach</div></div></div>
@endsection