@extends('layouts.app')
@section('title', __('nav.billing'))
@section('content')
<h1 class="h4 mb-2">{{ __('nav.billing') }}</h1>
<p class="text-muted">{{ __('messages.collect_hint') }}</p>
<form class="row g-2 mb-4">
<div class="col-md-8"><input class="form-control form-control-lg" name="q" value="{{ request('q') }}" placeholder="{{ __('messages.search_line_or_customer') }}" autofocus></div>
<div class="col-md-2"><button class="btn btn-success btn-lg w-100">{{ __('messages.search') }}</button></div>
</form>
@if($snapshot)
    @include('billing.partials.snapshot')
@elseif($matches->count() > 1)
<div class="card"><div class="table-responsive"><table class="table compact-table mb-0">
<thead><tr><th>{{ __('messages.phone') }}</th><th>{{ __('messages.customer') }}</th><th>{{ __('messages.national_id') }}</th><th>{{ __('messages.plan') }}</th><th>{{ __('messages.paid_through') }}</th><th></th></tr></thead>
<tbody>
@foreach($matches as $line)
<tr>
    <td><strong>{{ $line->phone_number }}</strong></td>
    <td>{{ $line->customer?->name }}</td>
    <td>{{ $line->customer?->national_id }}</td>
    <td>{{ $line->currentPlan?->name }}</td>
    <td>{{ $line->paidThroughPeriod()?->label() }}</td>
    <td><a class="btn btn-sm btn-success" href="{{ route('billing.show', $line) }}">{{ __('messages.collect') }}</a></td>
</tr>
@endforeach
</tbody>
</table></div></div>
@elseif(request('q'))
    <p>{{ __('messages.no_results') }}</p>
@endif
@endsection