@extends('layouts.client')
@section('title', 'Calls')
@section('top')<a class="btn btn-primary btn-sm" href="{{ route('client.calls.create') }}">New manual call</a>@endsection
@section('content')
<form class="card p-3 mb-3 row g-2 mx-0" method="get">
 <div class="col-6 col-md-2"><input class="form-control" type="date" name="from" value="{{ request('from') }}" title="From"></div>
 <div class="col-6 col-md-2"><input class="form-control" type="date" name="to" value="{{ request('to') }}" title="To"></div>
 <div class="col-6 col-md-2"><select class="form-select" name="website"><option value="">All websites</option>@foreach($websites as $w)<option value="{{ $w->id }}" @selected(request('website')==$w->id)>{{ $w->normalized_domain }}</option>@endforeach</select></div>
 <div class="col-6 col-md-2"><select class="form-select" name="status"><option value="">Any status</option>@foreach(['queued','dispatching','accepted','ringing','answered','completed','no_answer','busy','failed','rejected','awaiting_reconciliation'] as $s)<option @selected(request('status')===$s)>{{ $s }}</option>@endforeach</select></div>
 <div class="col-6 col-md-2"><select class="form-select" name="response"><option value="">Any response</option>@foreach(['confirmed','cancelled','none'] as $s)<option @selected(request('response')===$s)>{{ $s }}</option>@endforeach</select></div>
 <div class="col-6 col-md-2"><input class="form-control" name="q" value="{{ request('q') }}" placeholder="Order / call ID"></div>
 <div class="col-12"><button class="btn btn-primary btn-sm" type="submit">Filter</button> <a class="btn btn-link btn-sm" href="{{ route('client.calls') }}">Reset</a></div></form>
<div class="card">@if($calls->isEmpty())<x-empty text="No calls match your filters."/>@else<div class="table-responsive"><table class="table table-hover align-middle mb-0"><thead><tr><th>Call ID</th><th>Order</th><th>Customer</th><th>Phone</th><th>Website</th><th>Provider</th><th>Status</th><th>Response</th><th class="text-end">Charge</th><th>Retries</th><th>Date</th></tr></thead><tbody>
@foreach($calls as $c)<tr><td><a class="mono" href="{{ route('client.calls.show', $c) }}">{{ substr($c->public_id, -8) }}</a></td><td>#{{ $c->wc_order_id }}</td><td>{{ $c->customer_name }}</td><td class="mono">{{ $c->phone_masked }}</td><td>{{ $c->website->normalized_domain }}</td><td>{{ $c->provider->name }}</td><td><x-badge :v="$c->status"/></td><td><x-badge :v="$c->customer_response"/></td><td class="text-end">{{ $c->funding_source==='free' ? 'free' : number_format($c->charged_amount, 2) }}</td><td>{{ max(0, $c->attempts - 1) }}</td><td class="text-nowrap">{{ $c->created_at->format('d M H:i') }}</td></tr>@endforeach
</tbody></table></div><div class="p-3">{{ $calls->links() }}</div>@endif</div>
@endsection