@extends('adminlte.app')

@section('content')

<div class="content-wrapper pb-3">
    <!-- Cabeçalho -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Operadores de Posto</h1>
                </div>
            </div>
        </div>
    </div>

    <!-- Mensagem de sucesso -->
    @if ($message = Session::get('success'))
        <div class="alert alert-success mx-3">
            <p>{{ $message }}</p>
        </div>
    @endif

    <!-- Card principal -->
    <div class="card mx-3 mt-3">
        <div class="card-header">
            <div class="row">
                <div class="col-3">
                    Lista de Operadores
                </div>
            </div>
        </div>

        <!-- Cabeçalho do formulário de adição -->
        <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white">
            <div class="col-sm-11">
                Adicionar Novo Operador
            </div>
            <div class="col-sm-1 text-right">
                <button class="btn btn-primary btn-sm" data-toggle="collapse" href="#collapseCreate" 
                        role="button" aria-expanded="false" aria-controls="collapseCreate"
                        title="Adicionar">
                    <i class="fas fa-plus" aria-hidden="true"></i>
                </button>
            </div>
        </div>

        <!-- Formulário de criação -->
        <form action="{{ route('operadores_postos_store') }}" method="POST" class="pt-4">
            @csrf
            <div class="row border pt-3 pb-3 ml-3 mr-3 mb-3 bg-light collapse" id="collapseCreate">
                <div class="col-sm-4 pl-3 pr-3">
                    <label for="nome_operador" class="col-form-label">Nome do Operador</label>
                    <input type="text" name="nome_operador" id="nome_operador" 
                           class="form-control @error('nome_operador') is-invalid @enderror"
                           value="{{ old('nome_operador') }}" required>

                    @error('nome_operador')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>

                <div class="col-sm-3 mt-4 pl-3">
                    <button class="btn btn-primary mt-3" type="submit">Adicionar</button>
                </div>
            </div>
        </form>

        <!-- Tabela de operadores -->
        <div class="row mt-4">
            <div class="col-sm-6 ml-4">
                <table id="tabela_operadores" class="table table-bordered text-center">
                    <thead class="thead-dark">
                        <tr>
                            <th>Nome do Operador</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($operadores as $operador)
                            <tr>
                                <td>{{ $operador->nome_operador }}</td>
                                <td class="d-flex justify-content-around">
                                    <form method="GET" action="{{ route('operadores_postos_edit', $operador->id) }}">
                                        <button class="btn btn-success btn-sm" type="submit" title="Editar">
                                            <i class="fas fa-pencil-alt"></i>
                                        </button>
                                    </form>
                                    <form method="POST" 
                                          action="{{ route('operadores_postos_destroy', $operador->id) }}"
                                          onsubmit="return confirm('Deseja realmente excluir este operador?')">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-danger btn-sm" type="submit" title="Excluir">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach

                        @if($operadores->isEmpty())
                            <tr>
                                <td colspan="2">Nenhum operador cadastrado.</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection