@extends('layouts.app')

@section('title', _lang('Billing'))

@php
    $statusBadge = [
        'pending' => 'bg-warning-transparent', 'partial' => 'bg-info-transparent',
        'paid' => 'bg-success-transparent', 'overdue' => 'bg-danger-transparent',
        'waived' => 'bg-secondary-transparent', 'cancelled' => 'bg-secondary-transparent',
    ];
@endphp

@section('content')
    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
        <div>
            <h4 class="mb-0">{{ _lang('Billing Dashboard') }}</h4>
            <p class="mb-0 text-muted">{{ _lang('Postpaid subscription billing — invoices, payments and grace control.') }}</p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.billing.invoices') }}" class="btn btn-primary-light"><i class="bi bi-receipt"></i> {{ _lang('Invoices') }}</a>
            <a href="{{ route('admin.billing.payments') }}" class="btn btn-primary-light"><i class="bi bi-cash-stack"></i> {{ _lang('Payments') }}</a>
        </div>
    </div>

    @include('partials.alerts')

    <div class="row">
        <div class="col-xl-3 col-sm-6">
            <div class="card custom-card">
                <div class="card-body">
                    <span class="text-muted d-block mb-1">{{ _lang('Outstanding') }}</span>
                    <h4 class="fw-semibold mb-0 text-warning">৳{{ number_format($outstanding / 100) }}</h4>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-sm-6">
            <div class="card custom-card">
                <div class="card-body">
                    <span class="text-muted d-block mb-1">{{ _lang('Overdue') }}</span>
                    <h4 class="fw-semibold mb-0 text-danger">৳{{ number_format($overdue / 100) }}</h4>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-sm-6">
            <div class="card custom-card">
                <div class="card-body">
                    <span class="text-muted d-block mb-1">{{ _lang('Collected this month') }}</span>
                    <h4 class="fw-semibold mb-0 text-success">৳{{ number_format($collectedThisMonth / 100) }}</h4>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-sm-6">
            <div class="card custom-card">
                <div class="card-body">
                    <span class="text-muted d-block mb-1">{{ _lang('Restricted organizations') }}</span>
                    <h4 class="fw-semibold mb-0">{{ $restricted }}</h4>
                </div>
            </div>
        </div>
    </div>

    <div class="card custom-card">
        <div class="card-header justify-content-between">
            <div class="card-title">{{ _lang('Generate Invoice Manually') }}</div>
        </div>
        <div class="card-body">
            <form action="{{ route('admin.billing.generate') }}" method="POST" class="d-flex flex-wrap gap-2 align-items-center">
                @csrf
                <select name="organization_id" class="form-select" style="max-width:280px;" required>
                    <option value="">{{ _lang('Select organization') }}…</option>
                    @foreach (\App\Models\Organization::orderBy('name')->get(['id','name']) as $c)
                        <option value="{{ $c->id }}">{{ $c->name }}</option>
                    @endforeach
                </select>
                <button type="submit" class="btn btn-primary"><i class="bi bi-file-earmark-plus"></i> {{ _lang('Generate now') }}</button>
                <small class="text-muted">{{ _lang('Closes the current cycle and bills up to today using the peak member count.') }}</small>
            </form>
        </div>
    </div>

    <div class="card custom-card">
        <div class="card-header"><div class="card-title">{{ _lang('Discount an Organization (standing)') }}</div></div>
        <div class="card-body">
            <form action="{{ route('admin.billing.business-discount') }}" method="POST" class="row g-2 align-items-end">
                @csrf
                <div class="col-md-3">
                    <label class="form-label">{{ _lang('Organization') }}</label>
                    <select name="organization_id" class="form-select" required>
                        <option value="">{{ _lang('Select organization') }}…</option>
                        @foreach (\App\Models\Organization::orderBy('name')->get(['id','name']) as $c)
                            <option value="{{ $c->id }}">{{ $c->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ _lang('Type') }}</label>
                    <select name="discount_type" class="form-select">
                        <option value="none">{{ _lang('None') }}</option>
                        <option value="percent" selected>{{ _lang('Percent %') }}</option>
                        <option value="fixed">{{ _lang('Fixed ৳') }}</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ _lang('Value') }}</label>
                    <input type="number" step="0.01" min="0" name="discount_value" class="form-control" placeholder="20">
                </div>
                <div class="col-md-3">
                    <label class="form-label">{{ _lang('Note (optional)') }}</label>
                    <input type="text" name="discount_note" class="form-control" placeholder="{{ _lang('e.g. loyalty offer') }}">
                </div>
                <div class="col-md-2">
                    <button class="btn btn-primary w-100"><i class="bi bi-tag"></i> {{ _lang('Apply') }}</button>
                </div>
            </form>
            <small class="text-muted d-block mt-2">{{ _lang('Applies automatically to every future invoice for that organization. Percent caps at 100%; choose "None" to clear.') }}</small>
        </div>
    </div>

    <div class="card custom-card">
        <div class="card-header"><div class="card-title">{{ _lang('Recent Invoices') }}</div></div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table text-nowrap table-hover">
                    <thead>
                        <tr>
                            <th>{{ _lang('Invoice') }}</th>
                            <th>{{ _lang('Organization') }}</th>
                            <th>{{ _lang('Plan') }}</th>
                            <th>{{ _lang('Total') }}</th>
                            <th>{{ _lang('Due') }}</th>
                            <th>{{ _lang('Status') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($recent as $inv)
                            <tr>
                                <td><span class="fw-semibold">{{ $inv->invoice_no }}</span></td>
                                <td>{{ optional($inv->organization)->name ?? '—' }}</td>
                                <td>{{ $inv->plan_name }} <small class="text-muted">({{ $inv->peak_members }})</small></td>
                                <td>৳{{ number_format($inv->total_amount / 100) }}</td>
                                <td>{{ optional($inv->due_on)->format('d M Y') }}</td>
                                <td><span class="badge {{ $statusBadge[$inv->status] ?? 'bg-secondary-transparent' }}">{{ ucfirst($inv->status) }}</span></td>
                                <td><a href="{{ route('admin.billing.show', $inv->id) }}" class="btn btn-sm btn-primary-light"><i class="bi bi-eye"></i></a></td>
                            </tr>
                        @empty
                            <tr><td colspan="7" class="text-center text-muted py-4">{{ _lang('No invoices yet.') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection