@extends('layouts.app')

@section('titulo', 'Ocorrências Disciplinares')

@section('conteudo')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-md-8">
            <h1><i class="fas fa-exclamation-circle"></i> Ocorrências Disciplinares</h1>
        </div>
        <div class="col-md-4 text-end">
            @can('criar-ocorrencia-disciplinar')
                <a href="{{ route('ocorrencias-disciplinares.criar') }}" class="btn btn-primary">
                    <i class="fas fa-plus"></i> Nova Ocorrência
                </a>
            @endcan
        </div>
    </div>

    @if (session('sucesso'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="fas fa-check-circle"></i> {{ session('sucesso') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong><i class="fas fa-exclamation-triangle"></i> Erro!</strong> Por favor, corrija os erros abaixo:
            <ul class="mb-0 mt-2">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0"><i class="fas fa-list"></i> Listagem de Ocorrências</h5>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-hover" id="tabelaOcorrencias">
                    <thead class="table-dark">
                        <tr>
                            <th>Aluno</th>
                            <th>Tipo</th>
                            <th>Data</th>
                            <th>Professor</th>
                            <th>Status</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($ocorrencias as $ocorrencia)
                            <tr>
                                <td>
                                    <strong>{{ $ocorrencia->aluno->nome ?? 'N/A' }}</strong>
                                </td>
                                <td>{{ $ocorrencia->tipo_ocorrencia ?? 'Sem tipo' }}</td>
                                <td>
                                    @if ($ocorrencia->data_ocorrencia)
                                        {{ $ocorrencia->data_ocorrencia->format('d/m/Y') }}
                                    @else
                                        N/A
                                    @endif
                                </td>
                                <td>{{ $ocorrencia->professor->nome ?? 'N/A' }}</td>
                                <td>
                                    @if ($ocorrencia->status === 'pendente')
                                        <span class="badge bg-warning text-dark">
                                            <i class="fas fa-clock"></i> Pendente
                                        </span>
                                    @elseif ($ocorrencia->status === 'resolvido')
                                        <span class="badge bg-success">
                                            <i class="fas fa-check"></i> Resolvido
                                        </span>
                                    @else
                                        <span class="badge bg-secondary">{{ ucfirst($ocorrencia->status) }}</span>
                                    @endif
                                </td>
                                <td>
                                    <a href="{{ route('ocorrencias-disciplinares.mostrar', $ocorrencia) }}" 
                                       class="btn btn-sm btn-info" title="Visualizar">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                    @can('editar-ocorrencia-disciplinar')
                                        <a href="{{ route('ocorrencias-disciplinares.editar', $ocorrencia) }}" 
                                           class="btn btn-sm btn-warning" title="Editar">
                                            <i class="fas fa-edit"></i>
                                        </a>
                                    @endcan
                                    @can('deletar-ocorrencia-disciplinar')
                                        <button class="btn btn-sm btn-danger" 
                                                onclick="confirmarDelecao({{ $ocorrencia->id }})"
                                                title="Deletar">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    @endcan
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center text-muted py-4">
                                    <i class="fas fa-inbox"></i> Nenhuma ocorrência cadastrada
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="mt-4">
        {{ $ocorrencias->links() }}
    </div>
</div>

<form id="formDelecao" method="POST" style="display:none;">
    @csrf
    @method('DELETE')
</form>

@section('scripts')
<script>
    $(document).ready(function() {
        $('#tabelaOcorrencias').DataTable({
            language: { url: '/js/pt-br.json' },
            responsive: true,
            pageLength: 10,
            order: [[2, 'desc']]
        });
    });

    function confirmarDelecao(id) {
        Swal.fire({
            title: 'Deletar Ocorrência?',
            text: 'Esta ação não pode ser desfeita!',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#dc3545',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Sim, deletar!',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                let form = document.getElementById('formDelecao');
                form.action = '/disciplinar/ocorrencias-disciplinares/' + id;
                form.submit();
            }
        });
    }
</script>
@endsection
@endsection