@extends('layouts.app')

@section('title', __('Machine Maintenance'))

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h4 class="mb-0">{{ __('Machine Maintenance & Health') }}</h4>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 small">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ __('Dashboard') }}</a></li>
                    <li class="breadcrumb-item active">{{ __('CMMS') }}</li>
                </ol>
            </nav>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('maintenance.create', ['type' => 'schedule']) }}" class="btn btn-primary px-4 shadow-sm">
                <i class="bi bi-calendar-event me-2"></i> {{ __('Schedule Maintenance') }}
            </a>
            <a href="{{ route('maintenance.create', ['type' => 'log']) }}" class="btn btn-danger px-4 shadow-sm">
                <i class="bi bi-tools me-2"></i> {{ __('Record Repair/Log') }}
            </a>
        </div>
    </div>

    <div class="row g-4">
        <div class="col-lg-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header bg-white border-bottom py-3">
                    <h6 class="mb-0 fw-bold">{{ __('Upcoming Schedules') }}</h6>
                </div>
                <div class="card-body p-0">
                    <div class="list-group list-group-flush">
                        @forelse($schedules as $schedule)
                            <div class="list-group-item p-3">
                                <div class="d-flex justify-content-between align-items-start mb-1">
                                    <div class="fw-bold">{{ $schedule->machine->name }}</div>
                                    <span
                                        class="badge bg-{{ $schedule->status == 'pending' ? 'warning' : 'success' }}-subtle text-{{ $schedule->status == 'pending' ? 'warning' : 'success' }} smallest text-uppercase">
                                        {{ __($schedule->status) }}
                                    </span>
                                </div>
                                <div class="small text-muted mb-2">
                                    <i class="bi bi-tag me-1"></i> {{ ucfirst($schedule->maintenance_type) }}
                                </div>
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="small fw-bold"><i class="bi bi-clock me-1"></i>
                                        {{ $schedule->scheduled_date->format('M d, Y') }}</div>
                                    <a href="#" class="btn btn-link btn-sm p-0 text-decoration-none">{{ __('Complete') }} <i
                                            class="bi bi-arrow-right"></i></a>
                                </div>
                            </div>
                        @empty
                            <div class="p-4 text-center text-muted italic small">{{ __('No pending schedules.') }}</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-8">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white border-bottom py-3">
                    <h6 class="mb-0 fw-bold">{{ __('Recent Maintenance Logs') }}</h6>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table align-middle mb-0 table-hover">
                            <thead class="bg-light">
                                <tr>
                                    <th class="ps-4">{{ __('Machine') }}</th>
                                    <th>{{ __('Technician') }}</th>
                                    <th>{{ __('Duration') }}</th>
                                    <th>{{ __('Cost') }}</th>
                                    <th class="text-end pe-4">{{ __('Performed At') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($logs as $log)
                                    <tr>
                                        <td class="ps-4">
                                            <div class="fw-bold">{{ $log->machine->name }}</div>
                                            <small class="text-muted">{{ $log->machine->productionLine->name }}</small>
                                        </td>
                                        <td>
                                            <div class="small fw-bold">{{ $log->technician->name }}</div>
                                        </td>
                                        <td>
                                            @if($log->downtime_minutes > 0)
                                                <span class="badge bg-danger-subtle text-danger">{{ $log->downtime_minutes }} {{ __('min') }}
                                                    {{ __('downtime') }}</span>
                                            @else
                                                <span class="badge bg-info-subtle text-info">{{ __('In Progress') }}</span>
                                            @endif
                                        </td>
                                        <td class="fw-bold text-dark">${{ number_format($log->cost, 2) }}</td>
                                        <td class="text-end pe-4">
                                            <div class="small">{{ $log->start_time->format('M d, Y') }}</div>
                                            <div class="smallest text-muted">{{ $log->start_time->format('H:i') }}</div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center py-5 text-muted">{{ __('No maintenance logs found.') }}</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection