@extends('layouts.master')
@section('title', 'Laporan Revenue')
@section('actions')
<a href="{{ route('reports.revenue.pdf', ['year' => $year]) }}" class="btn btn-outline-primary">
    <i class="ti ti-file-type-pdf me-1"></i>PDF
</a>
@endsection

@section('content')
<div class="card">
    <div class="card-body">
        <form class="row g-2 mb-3">
            <div class="col-auto">
                <div class="input-icon">
                    <span class="input-icon-addon"><i class="ti ti-calendar"></i></span>
                    <select name="year" class="form-select" onchange="this.form.submit()">
                        @for($y = now()->year; $y >= now()->year - 5; $y--)
                        <option value="{{ $y }}" {{ $year == $y ? 'selected' : '' }}>{{ $y }}</option>
                        @endfor
                    </select>
                </div>
            </div>
        </form>

        <div class="row row-cards mb-4">
            <div class="col-md-6">
                <div class="card card-sm">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-auto">
                                <span class="bg-primary text-white avatar"><i class="ti ti-coin"></i></span>
                            </div>
                            <div class="col">
                                <div class="text-secondary">Total Revenue {{ $year }}</div>
                                <div class="h2 mb-0">RM {{ number_format($report['totalRevenue'], 2) }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card card-sm">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-auto">
                                <span class="bg-green text-white avatar"><i class="ti ti-tool"></i></span>
                            </div>
                            <div class="col">
                                <div class="text-secondary">Total Jobs {{ $year }}</div>
                                <div class="h2 mb-0">{{ $report['totalJobs'] }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-vcenter card-table">
                <thead>
                    <tr><th>Bulan</th><th class="text-end">Jobs</th><th class="text-end">Revenue</th></tr>
                </thead>
                <tbody>
                    @forelse($report['monthlyData'] as $data)
                    <tr>
                        <td class="fw-semibold">{{ $data['month'] }}</td>
                        <td class="text-end">{{ $data['jobs'] }}</td>
                        <td class="text-end fw-semibold">RM {{ number_format($data['revenue'], 2) }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="3" class="text-center text-secondary py-4">Tiada data</td></tr>
                    @endforelse
                </tbody>
                <tfoot>
                    <tr class="fw-bold">
                        <td>Jumlah</td>
                        <td class="text-end">{{ $report['totalJobs'] }}</td>
                        <td class="text-end fs-5">RM {{ number_format($report['totalRevenue'], 2) }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
@endsection