@extends('layouts.admin-simple')

@section('title', 'Overdue Maintenance')

@section('breadcrumb')
    <li class="breadcrumb-item">Warehouse</li>
    <li class="breadcrumb-item">Fixed Assets</li>
    <li class="breadcrumb-item"><a href="{{ route('warehouse.fixed-assets.maintenance.index') }}">Maintenance</a></li>
    <li class="breadcrumb-item active">Overdue</li>
@endsection

@section('page-title')
    <div class="d-flex justify-content-between align-items-center w-100">
        <div class="page-title-left">
            <h3 class="mb-1">Overdue Maintenance</h3>
            <p class="text-muted mb-0" style="font-size: 13px;">Maintenance records past their scheduled date</p>
        </div>
        <div class="page-actions-right">
            <a href="{{ route('warehouse.fixed-assets.maintenance.index') }}" class="btn btn-sm btn-outline-secondary"><i class="material-icons mr-1" style="font-size: 16px;">list</i> All Records</a>
        </div>
    </div>
@endsection

@section('content')
    @if($records->count() > 0)
    <div class="alert alert-danger d-flex align-items-center">
        <i class="material-icons mr-2">warning</i>
        <strong>{{ $records->total() }} maintenance record(s) are overdue and require immediate attention.</strong>
    </div>
    @endif

    <div class="card">
        <div class="card-header bg-danger text-white">
            <h6 class="mb-0"><i class="material-icons mr-2 align-middle">warning</i>Overdue Maintenance Records</h6>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead class="thead-light">
                        <tr><th>#</th><th>Maintenance #</th><th>Asset</th><th>Type</th><th>Scheduled Date</th><th>Days Overdue</th><th>Priority</th><th>Status</th><th>Actions</th></tr>
                    </thead>
                    <tbody>
                        @forelse($records as $i => $rec)
                        @php
                            $daysOverdue = $rec->scheduled_date ? $rec->scheduled_date->diffInDays(now()) : 0;
                        @endphp
                        <tr class="{{ $daysOverdue > 30 ? 'table-danger' : ($daysOverdue > 7 ? 'table-warning' : '') }}">
                            <td>{{ $records->firstItem() + $i }}</td>
                            <td><a href="{{ route('warehouse.fixed-assets.maintenance.show', $rec->id) }}"><code>{{ $rec->maintenance_number }}</code></a></td>
                            <td>{{ $rec->fixedAsset ? $rec->fixedAsset->asset_name : '-' }}<br><small class="text-muted">{{ $rec->fixedAsset ? $rec->fixedAsset->asset_code : '' }}</small></td>
                            <td>{{ ucfirst($rec->maintenance_type) }}</td>
                            <td>{{ $rec->scheduled_date ? $rec->scheduled_date->format('M d, Y') : '-' }}</td>
                            <td>
                                @if($daysOverdue > 30)
                                    <span class="badge badge-danger">{{ $daysOverdue }} days</span>
                                @elseif($daysOverdue > 7)
                                    <span class="badge badge-warning">{{ $daysOverdue }} days</span>
                                @else
                                    <span class="badge badge-info">{{ $daysOverdue }} days</span>
                                @endif
                            </td>
                            <td>
                                @php $pColors = ['low'=>'secondary','medium'=>'info','high'=>'warning','critical'=>'danger']; @endphp
                                <span class="badge badge-{{ $pColors[$rec->priority] ?? 'secondary' }}">{{ ucfirst($rec->priority ?? 'medium') }}</span>
                            </td>
                            <td>
                                @php $sColors = ['scheduled'=>'secondary','in_progress'=>'warning']; @endphp
                                <span class="badge badge-{{ $sColors[$rec->status] ?? 'secondary' }}">{{ ucfirst(str_replace('_',' ',$rec->status)) }}</span>
                            </td>
                            <td><a href="{{ route('warehouse.fixed-assets.maintenance.show', $rec->id) }}" class="btn btn-sm btn-info"><i class="material-icons" style="font-size: 14px;">visibility</i></a></td>
                        </tr>
                        @empty
                        <tr><td colspan="9" class="text-center py-4"><i class="material-icons text-success" style="font-size: 48px;">check_circle</i><p class="mt-2 text-success">No overdue maintenance records. All maintenance is up to date.</p></td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if($records->hasPages())
        <div class="card-footer">{{ $records->links() }}</div>
        @endif
    </div>
@endsection