@php
    foreach ($Data['PermisosUsuario']as $value) {
           $permisoCrear =$value->menuxusuarios_creacion;
           $permisoBorrar =$value->menuxusuarios_modificacion;
           $permisoModificar =$value->menuxusuarios_borrar;
     }
    $inactivar="disabled";

    if($permisoCrear =="1" ||$Data['obtenerUsuariosId']->rol=="ADMIN"){
        $inactivar ="";
    }else{
        $inactivar ="disabled";
    }


@endphp
<form name="FormularioDatosPrincipales" id="FormularioDatosPrincipales" class="login100-form validate-form" method="POST"
    action="{{ URL::to('/') }}/usuarios/crear">
    <div class="row">
        <!-- form start -->
        <div class="col-md-8">
            {{-- empieza el formulario --}}
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Edicion</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <div class="form-group">
                        <label for="nombre">Nombre Completo</label>
                        <input type="text" class="form-control" id="nombre" name="nombre"
                            placeholder="ingrese  Nombre" value="">
                    </div>
                    <div class="row">
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label>Tipo de Documento</label>
                                <select name="docprefijo" class="form-control">
                                    <option value="RIF" >RIF</option>
                                    <option value="CI" >CI</option>
                                    <option value="PP" >Pasaporte</option>
                                    <option value="ST" >Sin Tipo</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label>Numero de Documento</label>
                                <input name="docnumero" type="number" class="form-control" placeholder="123456"
                                    value="">
                            </div>
                        </div>
                        <div class="col-sm-5">
                            <!-- text input -->

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="email">Email</label>
                                <input name="email" type="email" class="form-control" id="email"
                                    placeholder="Ingrese Email" value=""
                                    style="background-color   : #363636;">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Telefono</label>
                                <input name="telefono" type="text" class="form-control" placeholder="123456"
                                    value="">
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label>Pais</label>
                                <select name="pais" id="pais" class="form-control">
                                    @php
                                          foreach ($Data['pais'] as $variable) {
                                            print "<option value='" . $variable->id . "'>" .$variable->cod_pais." " .$variable->name. "</option> \n ";
                                        }
                                    @endphp
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label>Idioma</label>
                                <select name="idioma" id="idioma" class="form-control">
                                    <option value="1" >Español
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label>Rol</label>
                                <select name="rol" class="form-control"  {{$inactivar}} >
                                    <option value="ADMIN" > Administrador</option>
                                    <option value="USUARIO" selected>Usuario</option>
                                    <option value="EMPRESA" selected>Empresa</option>
                                    <option value="CONSULTOR" selected>Consultores</option>
                                    <option value="BUSCSERV" selected>Buscador de servicio</option>
                                    <option value="BUSCPRE" selected>Buscador Premium</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="estatus" name="estatus" checked>
                                <label class="form-check-label" for="estatus">Activo / Inactivo</label>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label>Contraseña</label>
                                <input name="password"  id= "password"  type="password" class="form-control" placeholder="******" value="" style="background-color   : #363636;">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label>Confirme Contraseña</label>
                                <input name="confPass" id="confPass" type="password" class="form-control" placeholder="******"  value="" style="background-color   : #363636;">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary" onclick="this.form; return true;">Guardar</button>
                    <button type="submit" class="btn btn-secondary " onclick="FormularioDatosPrincipales.action='{{ URL::to('/') }}/usuarios'; return true;">Salir</button>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Permisos</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">

                    {{-- /////////////////////////////////////////////////////////////////////////// --}}
                    <div class="card card-primary card-outline">
                        <div class="card-header">
                            <h3 class="card-title">
                                <i class="fas fa-edit"></i>
                                Seleccione Los Menus Disponibles
                            </h3>
                        </div>
                        @php
                            $contadorListaMenu = 0;
                            $ariaSelected = 'true';
                            $active = 'active';
                            $lineaNavLink = '';
                            $lineaYabPanel = '';
                            $classlineaNavLink = 'nav-link active';
                            $classDivlineaYabPanel = 'tab-pane text-left fade show active';
                            foreach ($Data['obtenerListaMenu'] as $item) {

                                if ($item->conexion != '#') {
                                    $lineaNavLink .= "<a class='" . $classlineaNavLink . " ' id='vert-tabs-menu" . $item->id . "' data-toggle='pill' href='#menu" . $item->id . "' role='tab'  aria-selected='" . $ariaSelected . "'>" . $item->titulo . " </a>\n";
                                    $lineaYabPanel .= "<div class='" . $classDivlineaYabPanel . "' id='menu" . $item->id . "' role='tabpanel' aria-labelledby='vert-tabs-menu" . $item->id . "'> \n";
                                    $lineaYabPanel .= "           <div class='form-group '> \n";
                                    $lineaYabPanel .= '               <p> ' . $item->descripcion . "&hellip;</p> \n";
                                    $lineaYabPanel .= "           </div> \n";
                                    $lineaYabPanel .= "           <div class='form-group'> \n";
                                    $lineaYabPanel .= "              <div class='custom-control custom-switch custom-switch-off-danger custom-switch-on-success'> \n";
                                    $lineaYabPanel .= "                   <input type='checkbox' class='custom-control-input input-check-change' id='menu" . $item->id . "crear' name='menu" . $item->id . "crear'  ".$inactivar."> \n";
                                    $lineaYabPanel .= "                   <label class='custom-control-label' for='menu" . $item->id . "crear'>Crear</label> \n";
                                    $lineaYabPanel .= "                 </div> \n";
                                    $lineaYabPanel .= "           </div> \n";
                                    $lineaYabPanel .= "           <div class='form-group'> \n";
                                    $lineaYabPanel .= "               <div class='custom-control custom-switch custom-switch-off-danger custom-switch-on-success'> \n";
                                    $lineaYabPanel .= "                   <input type='checkbox' class='custom-control-input input-check-change' id='menu" . $item->id . "editar' name='menu" . $item->id . "editar'  ".$inactivar."> \n";
                                    $lineaYabPanel .= "                   <label class='custom-control-label' for='menu" . $item->id . "editar'>Editar</label> \n";
                                    $lineaYabPanel .= "                 </div> \n";
                                    $lineaYabPanel .= "           </div> \n";
                                    $lineaYabPanel .= "           <div class='form-group'> \n";
                                    $lineaYabPanel .= "               <div class='custom-control custom-switch custom-switch-off-danger custom-switch-on-success'> \n";
                                    $lineaYabPanel .= "                   <input type='checkbox' class='custom-control-input input-check-change' id='menu" . $item->id . "borrar' name='menu" . $item->id . "borrar'  ".$inactivar."> \n";
                                    $lineaYabPanel .= "                   <label class='custom-control-label' for='menu" . $item->id . "borrar'>Borrar</label> \n";
                                    $lineaYabPanel .= "                  </div> \n";
                                    $lineaYabPanel .= "           </div> \n";
                                    $lineaYabPanel .= "</div> \n";
                                    if ($contadorListaMenu == 0) {
                                        $ariaSelected = 'false';
                                        $active = '';
                                        $classlineaNavLink = 'nav-link';
                                        $classDivlineaYabPanel = 'tab-pane fade';
                                    }

                                }
                            }
                        @endphp

                        <div class="card-body">
                            <div class="row">
                                <div class="col-6 ">
                                    <div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" role="tablist"
                                        aria-orientation="vertical">
                                        @php
                                            echo htmlspecialchars_decode($lineaNavLink, ENT_HTML5);
                                        @endphp
                                    </div>
                                </div>
                                <div class="col-6 ">
                                    <div class="tab-content" id="vert-tabs-tabContent">
                                        @php
                                            echo htmlspecialchars_decode($lineaYabPanel, ENT_HTML5);
                                        @endphp
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /.card -->
                    </div>
                    {{-- /////////////////////////////////////////////////////////////////////////// --}}
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                    <button type="button" class="btn btn-primary {{$inactivar}} " onclick="f_select_all();" {{$inactivar}}>Todos</button>
                    <button type="button" class="btn btn-secondary {{$inactivar}}" onclick="f_unselect_all();" {{$inactivar}}>Limpiar</button>
                </div>
                @csrf

                <input type="hidden" id="id_compania" name="id_compania" value="{{ Session::get('id_compania') }}">
                <input type="hidden" id="total_menu" name="total_menu" value="{{ $contadorListaMenu }}">
            </div>
        </div>
    </div>
    {{-- fin formulario --}}
</form>
<script>
    function f_select_all() {
        $('.input-check-change').prop('checked', true);
    }

    function f_unselect_all() {
        $('.input-check-change').prop('checked', false);
    }
</script>

@if (Session::has('error'))
    <div class="modal fade" id="modalerror" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><strong>Valla Algo va mal... </strong></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ Session::get('error') }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endif
@if (Session::has('mensaje'))
    <div class="modal fade" id="modalmensaje" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><strong>En Hora Buena... </strong></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ Session::get('mensaje') }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endif


<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/bootstrap/js/popper.js"></script>
<script src="{{ URL::to('/') }}/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/daterangepicker/moment.min.js"></script>
<script src="{{ URL::to('/') }}/vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/js/main.js"></script>

<script>
    $(document).ready(function() {
        @if (Session::has('mensaje'))
            $('#modalmensaje').modal('toggle')
        @endif
        @if (Session::has('error'))
            $('#modalerror').modal('toggle')
        @endif

    });
</script>