@extends('adminlte.app')

@section('content')

<div class="content-wrapper pb-3">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Centro de Custos</h1>
                </div>
                <div class="col-sm-6">
            
                </div>
            </div>
        </div>
    </div>

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

    <div class="card mx-3 mt-3">
        <div class="card-header">
            <div class="row">  
                <div class="col-3">
                    Lista de Centros de Custos
                </div>
            </div>
        </div>


            <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
                </div> 
                <div class="col-ms-1">
                    <button class="btn btn-primary btn-sm" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample" title="Adicionar"><i class="fas fa-plus" title="Adicionar" aria-hidden="true"></i></button>
                </div>
            </div>
            <form action="/centro-custos/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="collapseExample">

                    <div class="col-sm-3 pl-3 pr-3">
                        <label for="nome_centro_custo" class="col-form-label ">Centro de Custo</label>
                        <input type="text" name="nome_centro_custo" id="nome_centro_custo" class="form-control" required>

                        @error('nome_centro_custo')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    <div class="col-sm-3 pl-3 pr-3">
                        <label for="aprovador_id" class="col-form-label ">Aprovador</label>
                        <select name="aprovador_id[]" id="aprovador_id" class="form-control" required multiple size="10">
                            <option value="" selected disabled>Selecione o aprovador</option>
                            @foreach($users as $user)
                                <option value="{{ $user->id }}">{{ $user->name }}</option>
                            @endforeach
                        </select>

                        @error('aprovador_id')
                            <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>
            <div class="row mt-4">
                <div class="col-sm-6 ml-4">
                    <table id="tabela1" class="table table-bordered text-center">
                        <tbody>
                            <tr>
                                <th>Centro de Custo</th>
                                <th>Aprovador</th>
                                 <th>Ações</th>
                            </tr>
                            @foreach($centro_custos as $centro_custo)
                            <tr>
                                <td>{{ $centro_custo->nome_centro_custo }}</td>
                                <td>
                                    @foreach($centro_custo->aprovadores as $aprovador)
                                        {{ $aprovador->aprovador->name }}<br>
                                    @endforeach
                                </td>
                                <td class="d-flex justify-content-around border-0">
                                    <form method="GET" action="/centro-custos/{{ $centro_custo->id }}/edit">
                                        <button class="btn btn-success btn-sm" type="submit" title="Editar"><i class="fas fa-pencil-alt" title="Editar" aria-hidden="true"></i></button>
                                    </form>
                                    <form method="POST" onclick="return confirm('Deseja realmente excluir o centro de custo?')" action="/centro-custos/{{ $centro_custo->id }}/destroy">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-danger btn-sm" type="submit" title="Excluir"><i class="fa fa-trash" title="Excluir" aria-hidden="true"></i></button>
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
    </div>
</div>

@endsection