@php 
$titulo = "TI - SW"; 
@endphp
@include('components.head')
 
 
 

<style>
    .disable-link {
        pointer-events: none;
    }
    .modal-header {
        color: #007bff !important;
        /* Azul aplicado com prioridade */
        font-family: 'Arial', sans-serif;
        /* Definindo fonte personalizada */
        font-weight: bold;

    }
</style>
<div class="container">
    @if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
    @endif
    <div class="col-md-12 mb-2">
        <div class="card shadow">
            <div class="card-body">
                <div class="row">
                    <h5 class="col-10 disable-link " @disabled(true)>Dados do usuário</h5>
                    <button
                    data-toggle="modal" 
                    data-target="#editaUsuarioDado-{{$usu['usu_id']}}" 
                    data-usu_id="{{$usu->usu_id}}" 
                    class="btn btn-primary btn-sm col-1">Editar</button>
                     
                </div>
                <hr>
                <div class="row">
                    <div class="col-3">
                        Primeiro nome:
                        @if ($usu['usu_nome'] != null) 
                        <p><strong> {{$usu->usu_nome }} </strong></p>    
                        @else 
                        <p><strong> Não disponível </strong></p>
                        @endif
                    </div>
                    <div class="col-3">
                        Último nome:
                        @if ($usu['usu_sobrenome'] != null) 
                            <p><strong> {{$usu['usu_sobrenome'] }} </strong></p>
                        @else 
                            <p><strong> Não disponível </strong></p>

                        @endif
                    </div>
                    <div class="col-3">
                        Status:
                        @if ($usu['usu_status'] != null)
                        <p><strong>{{$usu['usu_status']}}</strong></p>
                        @else 
                        <p><strong>Não disponível</strong></p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="editaUsuarioDado-{{$usu->usu_id}}" tabindex="-1" role="contentinfo" aria-labelledby="ModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form action="{{route('ti.usuario.editardado', ['usu_id' => $usu->usu_id])}}" enctype="multipart/form-data" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id='ModalLabel'>Editando informações </h5>
                            <button class="close" data-dismiss="modal" aria-label="CLose" type="button">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <h5>Informações básicas</h5>
                            <div class="form-group">
                                <label for="">Nome</label>
                                <input class="form-control" type="text" name="usu_nome" value="{{$usu->usu_nome}}">
                            </div>
                            <div class="form-group">
                                <label for="">Sobrenome</label>
                                <input class="form-control" type="text" name="usu_sobrenome" value="{{$usu->usu_sobrenome}}">
                            </div>
                            <div class="form-group">
                                <label for="">Status da conta</label>
                                <select class="custom-select" name="usu_status" id="usu_status">
                                    <option value="">Selecione</option>
                                    <option value="ATIVO" {{$usu->usu_status == 'ATIVO' ? 'selected' : ''}}>Ativo</option>
                                    <option value="INATIVO" {{$usu->usu_status == 'INATIVO' ? 'selected' : ''}}>Inativo</option>

                                </select>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-danger" type="button" data-dismiss="modal">Cancelar</button>
                            <button class="btn btn-success" type="submit">Editar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
    <div class="col-md-12 mb-2">
        <div class="card shadow">
            <div class="card-body">
                <div class="row">
                    <h5 class="col-10 disable-link " @disabled(true)>Contatos corportativos</h5>
                    <button
                    data-toggle="modal" 
                    data-target="#editaUsuarioCorp-{{$usu['usu_id']}}" 
                    data-usu_id="{{$usu->usu_id}}" 
                    class="btn btn-primary btn-sm col-1">Editar</button>
                     
                </div>
                <hr>
                <div class="row">
                    <div class="col-6">
                        E-mail:
                        @if ($usu['usu_email'] != null) 
                        <p><strong> {{$usu->usu_email }} </strong></p>    
                        @else 
                        <p><strong> Não disponível </strong></p>
                        @endif
                    </div>
                    <div class="col-3">
                        Telefone:
                        @if ($usu->colaborador['col_celcorp'] != null) 
                            <p><strong> {{$usu->colaborador['col_celcorp'] }} </strong></p>
                        @else 
                            <p><strong> Não disponível </strong></p>

                        @endif
                    </div>
                    <div class="col-3">
                        Ramal:
                        @if ($usu->colaborador['col_ramalcorp'] != null)
                        <p><strong>{{$usu->colaborador['col_ramalcorp']}}</strong></p>
                        @else 
                        <p><strong>Não disponível</strong></p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="editaUsuarioCorp-{{$usu->usu_id}}" tabindex="-1" role="contentinfo" aria-labelledby="ModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form action="{{route('ti.usuario.editarcorp', ['usu_id' => $usu->usu_id])}}" enctype="multipart/form-data" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id='ModalLabel'>Editando informações </h5>
                            <button class="close" data-dismiss="modal" aria-label="CLose" type="button">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <h5>Informações básicas</h5>
                            <div class="form-group">
                                <label for="">E-mail corporativo</label>
                                <input class="form-control" type="email" name="usu_email" value="{{$usu->usu_email}}">
                            </div>
                            <div class="form-group">
                                <label for="">Telefone corporativo</label>
                                <input class="form-control" type="text" name="col_celcorp" value="{{$usu->colaborador->col_celcorp}}">
                            </div>
                            <div class="form-group">
                                <label for="">Ramal</label>
                                <input class="form-control" type="text" name="col_ramalcorp" value="{{$usu->colaborador->col_ramalcorp}}">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-danger" type="button" data-dismiss="modal">Cancelar</button>
                            <button class="btn btn-success" type="submit">Editar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
        <div class="col-md-12 mb-2">
        <div class="card shadow">
            <div class="card-body">
                <div class="row">
                    <h5 class="col-10 disable-link " @disabled(true)>Níveis de usuário</h5>
                    <button
                    data-toggle="modal" 
                    data-target="#editaModeracao-{{$usu['usu_id']}}" 
                    data-usu_id="{{$usu->usu_id}}" 
                    class="btn btn-primary btn-sm col-1">Editar</button>
                     
                </div>
                <hr>
                <div class="row">
                    <h5 class="col-10">Níveis de usuário</h5>
                </div>
                <div class="row">
                    <div class="col-3">
                        Moderador de RH
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" {{$usu['mod_rh'] == 1 ? 'checked' : ''}} disabled>
                        </div>
                    </div>
                    <div class="col-3">
                        Moderador de TI
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" {{ $usu['mod_ti'] == 1 ? 'checked' : ''}} disabled>
                        </div>
                    </div>
                    <div class="col-3">
                        Moderador Financeiro
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" {{$usu['mod_viagem'] == 1 ? 'checked' : '' }} disabled>
                        </div>
                    </div>
                    <div class="col-2">
                        Moderador de Carros
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" {{$usu['mod_carro'] == 1 ? "checked" : ''}} disabled>
                        </div>
                    </div>
                    <div class="col-2">
                        Moderador de Aprovações
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" {{$usu['mod_aprovador'] == 1 ? "checked" : ''}} disabled>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="editaModeracao-{{$usu->usu_id}}" tabindex="-1" role="contentinfo" aria-labelledby="ModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form action="{{route('ti.usuario.editarnivel', ['usu_id' => $usu->usu_id])}}" enctype="multipart/form-data" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id='ModalLabel'>Editando informações </h5>
                            <button class="close" data-dismiss="modal" aria-label="CLose" type="button">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <h5 class="mt-4">Informações de moderação</h5>
                            <div class="form-group">
                                <div class="row">
                                    <label class="col-6" for="">Moderador RH</label>
                                    <div class="col-6 form-check form-switch">
                                        <input type="hidden" name="mod_rh" value="0"> <!-- Valor padrão -->
                                        <input class="form-check-input" type="checkbox" {{ $usu['mod_rh'] == 1 ? 'checked' : '' }} name="mod_rh" value="1">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <label class="col-6" for="">Moderador TI</label>
                                    <div class="col-6 form-check form-switch">
                                        <input type="hidden" name="mod_ti" value="0"> <!-- Valor padrão -->
                                        <input class="form-check-input" type="checkbox" {{ $usu['mod_ti'] == 1 ? 'checked' : '' }} name="mod_ti" value="1">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <div class="row">
                                    <label class="col-6" for="">Moderador Financeiro</label>
                                    <div class="col-6 form-check form-switch">
                                        <input type="hidden" name="mod_viagem" value="0"> <!-- Valor padrão -->
                                        <input class="form-check-input" type="checkbox" {{ $usu['mod_viagem'] == 1 ? 'checked' : '' }} name="mod_viagem" value="1">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">

                                    <label class="col-6" for="">Moderador de Carros</label>
                                    <div class="col-6 form-check form-switch">
                                        <input type="hidden" name="mod_carro" value="0"> <!-- Valor padrão -->
                                        <input class="form-check-input" type="checkbox" {{ $usu['mod_carro'] == 1 ? 'checked' : '' }} name="mod_carro" value="1">

                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">

                                    <label class="col-6" for="">Moderador de Aprovações</label>
                                    <div class="col-6 form-check form-switch">
                                        <input type="hidden" name="mod_aprovador" value="0"> <!-- Valor padrão -->
                                        <input class="form-check-input" type="checkbox" {{ $usu['mod_aprovador'] == 1 ? 'checked' : '' }} name="mod_aprovador" value="1">

                                    </div>
                                </div>
                            </div>
                            
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-danger" type="button" data-dismiss="modal">Cancelar</button>
                            <button class="btn btn-success" type="submit">Editar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>

    @include('components.footer')