@extends('layouts.app')
@section('title', __('nav.dashboard'))
@section('content')
<div class="page-head">
    <div>
        <h1>{{ __('nav.dashboard') }}</h1>
        <div class="text-muted small">{{ format_datetime($date, false) }}</div>
    </div>
    <div class="d-flex flex-wrap gap-2">
        @can('billing.view')<a class="btn btn-success" href="{{ route('billing.index') }}">{{ __('nav.billing') }}</a>@endcan
        @can('overdue.view')<a class="btn btn-outline-warning" href="{{ route('overdue.index') }}">{{ __('nav.overdue') }}</a>@endcan
        @can('cash.view')<a class="btn btn-outline-secondary" href="{{ route('cash.index') }}">{{ __('nav.cash') }}</a>@endcan
    </div>
</div>

<div class="row g-3">
    @foreach(['current_cash','today_collections','overdue_bills','outstanding','available_lines','active_lines'] as $key)
        <div class="col-6 col-md-4 col-xl-2">
            <div class="card stat-card">
                <div class="card-body">
                    <div class="small text-muted">{{ __('messages.'.$key) }}</div>
                    <div class="fs-5 fw-bold">
                        @if(in_array($key, ['today_collections','current_cash','outstanding']))
                            {{ money($stats[$key]) }}
                        @else
                            {{ $stats[$key] }}
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @endforeach
</div>

<form method="get" class="filter-bar d-flex flex-wrap align-items-end gap-3 mt-4 mb-3">
    <div>
        <label class="form-label small text-muted mb-1">{{ __('messages.date') }}</label>
        <input class="form-control" type="date" name="date" value="{{ $date }}">
    </div>
    <div>
        <label class="form-label small text-muted mb-1">{{ __('messages.per_page') }}</label>
        <select class="form-select" name="limit" style="width:auto">
            @foreach([10, 25, 50] as $n)
                <option value="{{ $n }}" @selected((int) $limit === $n)>{{ $n }}</option>
            @endforeach
        </select>
    </div>
    <button class="btn btn-success">{{ __('messages.filter') }}</button>
</form>

<div class="row g-3">
    <div class="col-lg-6">
        <div class="card widget-card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <strong>{{ __('messages.payments_for_day') }} — {{ format_datetime($date, false) }}</strong>
                @can('billing.view')<a href="{{ route('billing.index') }}">{{ __('messages.view') }}</a>@endcan
            </div>
            <div class="table-responsive">
                <table class="table compact-table mb-0">
                    <thead>
                        <tr>
                            <th>{{ __('messages.line') }}</th>
                            <th>{{ __('messages.customer') }}</th>
                            <th>{{ __('messages.amount') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($recentPayments as $payment)
                        <tr>
                            <td>{{ $payment->line?->phone_number ?? '—' }}</td>
                            <td>{{ $payment->customer?->name ?? '—' }}</td>
                            <td>{{ money($payment->amount) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3">{{ __('messages.no_results') }}</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            @include('partials.widget-pagination', ['paginator' => $recentPayments])
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card widget-card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <strong>{{ __('nav.available_lines') }}</strong>
                @can('lines.view')<a href="{{ route('lines.index', ['status' => 'available']) }}">{{ __('messages.view') }}</a>@endcan
            </div>
            <div class="table-responsive">
                <table class="table compact-table mb-0">
                    <thead>
                        <tr>
                            <th>{{ __('messages.line') }}</th>
                            <th>{{ __('messages.company') }}</th>
                            <th>{{ __('messages.price') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($availableLines as $line)
                        <tr>
                            <td><a href="{{ route('lines.show',$line) }}">{{ $line->phone_number }}</a></td>
                            <td>{{ $line->telecomCompany?->name }}</td>
                            <td>{{ money($line->sale_price) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3">{{ __('messages.no_results') }}</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            @include('partials.widget-pagination', ['paginator' => $availableLines])
        </div>
    </div>
</div>
@endsection