@extends('adminlte::page')

@section('title', 'Depreciation By Category')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="font-weight-bold text-dark">Depreciation By Category</h1>
        <a href="{{ route('reports.index') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-arrow-left mr-1"></i> Reports Center</a>
    </div>
@stop

@section('content')
<div class="card shadow-sm border-0 mb-4">
    <div class="card-header bg-white py-3">
        <h5 class="card-title mb-0 text-success font-weight-bold"><i class="fas fa-filter mr-2"></i> Filter Options</h5>
    </div>
    <div class="card-body">
        <form action="{{ route('reports.depreciation.category') }}" method="GET">
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label class="small font-weight-bold text-muted">Category</label>
                        <select name="category_id" class="form-control">
                            <option value="">All Categories</option>
                            @foreach($allCategories as $cat)
                                <option value="{{ $cat->id }}" {{ request('category_id') == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <div class="form-group w-100">
                        <button type="submit" class="btn btn-success btn-block shadow-sm"><i class="fas fa-search mr-1"></i> Generate</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="card shadow-md border-0">
    <div class="card-body p-0 table-responsive">
        <table class="table table-hover table-striped mb-0">
            <thead class="bg-light text-muted">
                <tr>
                    <th class="pl-4">Category Name</th>
                    <th class="text-center">Asset Count</th>
                    <th class="text-right pr-4">Total Accumulated Depreciation</th>
                </tr>
            </thead>
            <tbody>
                @forelse($data as $row)
                    <tr>
                        <td class="pl-4 font-weight-bold text-dark">{{ $row['category_name'] }}</td>
                        <td class="text-center"><span class="badge badge-pill badge-success px-3">{{ $row['asset_count'] }}</span></td>
                        <td class="text-right pr-4 font-weight-bold text-danger">₦{{ number_format($row['total_depreciation'], 2) }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="3" class="text-center py-5 text-muted">No data found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@stop