@extends('adminlte::page')

@section('title', 'Maintenance & Repairs Report')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="font-weight-bold text-dark">Maintenance & Repairs Report</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-warning font-weight-bold"><i class="fas fa-filter mr-2"></i> Filter Options</h5>
        <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
        </div>
    </div>
    <div class="card-body">
        <form action="{{ route('reports.maintenance') }}" method="GET">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label class="small font-weight-bold text-muted">Date From</label>
                        <input type="date" name="start_date" class="form-control" value="{{ request('start_date') }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label class="small font-weight-bold text-muted">Date To</label>
                        <input type="date" name="end_date" class="form-control" value="{{ request('end_date') }}">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label class="small font-weight-bold text-muted">Min Cost</label>
                        <input type="number" step="0.01" name="min_cost" class="form-control" value="{{ request('min_cost') }}" placeholder="0.00">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label class="small font-weight-bold text-muted">Max Cost</label>
                        <input type="number" step="0.01" name="max_cost" class="form-control" value="{{ request('max_cost') }}" placeholder="0.00">
                    </div>
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <div class="form-group w-100">
                        <button type="submit" class="btn btn-warning btn-block shadow-sm text-white"><i class="fas fa-search mr-1"></i> Filter</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 text-nowrap">
            <thead class="bg-light text-muted">
                <tr>
                    <th class="pl-4">Service Date</th>
                    <th>Asset</th>
                    <th>Service Type</th>
                    <th>Vendor</th>
                    <th>Description</th>
                    <th class="text-right pr-4">Cost</th>
                </tr>
            </thead>
            <tbody>
                @forelse($services as $service)
                    <tr>
                        <td class="pl-4 align-middle">{{ $service->service_date->format('M d, Y') }}</td>
                        <td class="align-middle font-weight-bold text-dark">{{ $service->asset->name }} <small class="text-muted">({{ $service->asset->asset_tag }})</small></td>
                        <td class="align-middle"><span class="badge badge-warning text-white">{{ $service->service_type }}</span></td>
                        <td class="align-middle">{{ $service->vendor->name ?? 'N/A' }}</td>
                        <td class="align-middle text-muted small" style="max-width: 300px; white-space: normal;">{{ Str::limit($service->description, 50) }}</td>
                        <td class="align-middle text-right pr-4 font-weight-bold text-danger">₦{{ number_format($service->cost, 2) }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center py-5 text-muted">No maintenance records found.</td>
                    </tr>
                @endforelse
            </tbody>
            @if($services->isNotEmpty())
            <tfoot class="bg-light font-weight-bold">
                <tr>
                    <td colspan="5" class="text-right">TOTAL COST</td>
                    <td class="text-right pr-4 text-danger">₦{{ number_format($services->sum('cost'), 2) }}</td>
                </tr>
            </tfoot>
            @endif
        </table>
    </div>
</div>
@stop