@extends('adminlte.app')

@section('content')

<link rel="stylesheet" href="{{ asset('css/tfds.css') }}">
<div class="content-wrapper tfds-root">
    @if ($message = Session::get('success'))
        <div class="tfds-alert ok">{{ $message }}</div>
    @endif
    @if ($message = Session::get('error'))
        <div class="tfds-alert err">{{ $message }}</div>
    @endif

    <div class="tfds-header-row">
        <div>
            <h1 class="tfds-h1">Ordens de Serviço · Manutenção</h1>
            <p class="tfds-sub">Abertura, aprovação, execução e conclusão de manutenções</p>
        </div>
        <div class="tfds-i17">
            <a class="tfds-btn tfds-btn-ghost" href="{{ route('manutencao.dashboard') }}"><i class="fas fa-chart-line"></i> Dashboard</a>
            <a class="tfds-btn tfds-btn-primary" href="{{ route('manutencoes.create') }}"><i class="fas fa-plus"></i> Nova OS</a>
        </div>
    </div>

    <div class="tfds-card">
        <div class="table-responsive">
            <table class="tfds-tbl">
                <thead>
                <tr>
                    <th>OS</th>
                    <th>Status</th>
                    <th>Tipo</th>
                    <th>Prioridade</th>
                    <th>Centro de Custo</th>
                    <th>Solicitação</th>
                    <th>Ações</th>
                </tr>
                </thead>
                <tbody>
                @forelse($manutencoes as $os)
                    @php
                        $status = strtolower((string) $os->status);
                        $statusClass = match ($status) {
                            'aprovada', 'concluida' => 'ok',
                            'reprovada' => 'no',
                            'em_execucao' => 'info',
                            'solicitada' => 'pend',
                            default => 'open',
                        };
                    @endphp
                    <tr>
                        <td>{{ $os->numero_os }}</td>
                        <td><span class="tfds-badge {{ $statusClass }}">{{ ucfirst(str_replace('_', ' ', $os->status)) }}</span></td>
                        <td>{{ ucfirst($os->tipo) }}</td>
                        <td>{{ ucfirst($os->prioridade) }}</td>
                        <td>{{ optional($os->centroCusto)->nome_centro_custo ?: '—' }}</td>
                        <td>{{ optional($os->data_solicitacao)->format('d/m/Y H:i') }}</td>
                        <td class="tfds-i45">
                            <a class="tfds-btn tfds-btn-sm tfds-btn-ghost" href="{{ route('manutencoes.show', $os) }}"><i class="fas fa-eye"></i> Ver</a>
                            <a class="tfds-btn tfds-btn-sm tfds-btn-edit" href="{{ route('manutencoes.edit', $os) }}"><i class="fas fa-pen"></i> Editar</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-muted">Sem OS cadastradas.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="tfds-i26">{{ $manutencoes->links() }}</div>
    </div>
</div>
@endsection