@extends('layouts.app')
@section('title', 'تقرير الاشتراكات')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('reports.index') }}">التقارير</a></li>
    <li class="breadcrumb-item active">الاشتراكات</li>
@endsection

@section('page_actions')
    <button onclick="window.print()" class="btn btn-light"><i class="fa-solid fa-print ms-2"></i>طباعة</button>
@endsection

@section('content')
<div class="card mb-3 no-print">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-4">
                <label class="form-label">الحالة</label>
                <select name="status" class="form-select form-select-sm">
                    <option value="">كل الحالات</option>
                    @foreach (\App\Models\Subscription::STATUSES as $k => $v)
                        <option value="{{ $k }}" @selected(request('status') === $k)>{{ $v }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2"><button class="btn btn-sm btn-primary w-100"><i class="fa-solid fa-filter ms-1"></i>عرض</button></div>
        </form>
    </div>
</div>

<div class="row g-3 mb-3">
    <div class="col-md-3"><x-stat title="إجمالي الاشتراكات" :value="number_format($summary['total'])" icon="fa-satellite-dish" color="primary"/></div>
    <div class="col-md-3"><x-stat title="سارية" :value="number_format($summary['active'])" icon="fa-circle-check" color="success"/></div>
    <div class="col-md-3"><x-stat title="تنتهي قريباً" :value="number_format($summary['expiring'])" icon="fa-bell" color="warning" :meta="'خلال ' . $alertDays . ' يوماً'"/></div>
    <div class="col-md-3"><x-stat title="قيمة الاشتراكات السارية" :value="currency($summary['value'])" icon="fa-money-bill-trend-up" color="info"/></div>
</div>

<div class="card mb-3">
    <div class="card-header"><span><i class="fa-solid fa-rotate text-success ms-2"></i>التجديدات حسب الشهر</span></div>
    <div class="card-body p-0 table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead class="table-light"><tr><th>الشهر</th><th>عدد التجديدات</th><th>إجمالي القيمة</th></tr></thead>
            <tbody>
            @forelse ($renewalsByMonth as $row)
                <tr>
                    <td class="fw-bold">{{ $row->ym }}</td>
                    <td>{{ $row->c }}</td>
                    <td class="fw-bold text-success">{{ currency($row->total) }}</td>
                </tr>
            @empty
                <tr><td colspan="3" class="text-center text-muted py-4">لا توجد تجديدات مسجّلة</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="card">
    <div class="card-header"><span><i class="fa-solid fa-table text-primary ms-2"></i>تفاصيل الاشتراكات ({{ $rows->count() }})</span></div>
    <div class="card-body p-0 table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead class="table-light">
            <tr><th>الكود</th><th>العميل</th><th>المركبة</th><th>IMEI</th><th>البداية</th><th>الانتهاء</th><th>المتبقي</th><th>القيمة</th><th class="text-center">الحالة</th></tr>
            </thead>
            <tbody>
            @foreach ($rows as $sub)
                @php $days = $sub->days_remaining; @endphp
                <tr class="{{ $days < 0 ? 'table-danger' : ($days <= $alertDays ? 'table-warning' : '') }}">
                    <td><a href="{{ route('subscriptions.show', $sub) }}" class="text-decoration-none">{{ $sub->code }}</a></td>
                    <td>{{ $sub->customer?->display_name ?? '—' }}</td>
                    <td>{{ $sub->vehicle?->plate_number ?? '—' }}</td>
                    <td class="font-monospace small">{{ $sub->deviceUnit?->imei ?? '—' }}</td>
                    <td>{{ arabicDate($sub->start_date) }}</td>
                    <td class="fw-bold">{{ arabicDate($sub->end_date) }}</td>
                    <td class="{{ $days < 0 ? 'text-danger fw-bold' : '' }}">{{ $days < 0 ? 'منتهي' : $days . ' يوم' }}</td>
                    <td>{{ currency($sub->amount) }}</td>
                    <td class="text-center">{!! badge($sub->status_label, $sub->status_color) !!}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection