@extends('usuarios.funcionarios.master.layout2')
@extends('usuarios.funcionarios.admin.menu')
@extends('usuarios.funcionarios.admin.dispositivos.menu')

@section('conteudo')
<br>
<nav class="" style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb">

    <ol class="breadcrumb justify-content-end">
        <li class="breadcrumb-item"> <a href=""> Usuário</a> </li>
        <li class="breadcrumb-item "  ><a href=""> Area restrita</a></li>
        <li class="breadcrumb-item active" aria-current="page">Perfil</li>
    </ol>
</nav>

<div class="p-4">

    <label for="" class="m-3">USUÁRIO EM DESTAQUE</label>

    <nav class="container">

        <div class="row">
            <div class="col-12 text-center">
                <div class="row rounded p-3 border-5 border-success shadow border-top">
                    <div class="col-5 text-center border-3 border-end">
                         <nav class="d-none">
                             {{ $idUser }}
                             {{ $usuario=\App\Models\User::where('id',$idUser)->first() }}
                         </nav>
                         <button class="btn shadow-sm border border-3 btn-lg bg-light rounded-circle   " style="height: 150px; width:150px; background-size:130%; background-position:top; background-image:url({{ asset('img/user.jpg') }})">

                         </button>
                         <br><br>
                         <strong><h6>{{ $usuario->getPessoa->nome}}</h6></strong>
                         <small href="" class="  "> <i class="fa fa-at text-success"></i> {{ $usuario->email }} </small>


                         <br>



                    </div>
                    <div class="col-7  text-start">


                          <a href="{{ route('us.admin.funcionario.perfil',$idUser) }}"  class="w-50 shadow mt-2  btn btn-outline-success text-start btn-sm rounded-0"> <i class=" fa fa-user"></i> Visitar o perfil </a>
                          <a href="{{ route('us.admin.funcionario.disp',$idUser) }}" class="w-50 shadow mt-2  btn btn-outline-success text-start btn-sm rounded-0"> <i class=" fa fa-laptop"></i> Gerir Dispositivos</a>
                          <a href="{{ route('us.admin.funcionario.acessos',$idUser) }}" class="w-50 shadow mt-2  btn btn-outline-success text-start btn-sm rounded-0"> <i class=" fa fa-lock"></i> Gerir Acessos</a>
                          <a href="{{ route('us.admin.funcionario.gerirconta',$idUser) }}" class="w-50 shadow mt-2  btn btn-outline-success text-start btn-sm rounded-0"> <i class=" fa fa-user-cog"></i> Gerir Conta</a>
                          <a href="{{ route('us.admin.funcionario.permissoes',$idUser) }}" class="w-50 shadow mt-2  btn btn-outline-success text-start btn-sm rounded-0"> <i class=" fa fa-check-double"></i> Permissoes</a>
                          <a href="{{ route('us.admin.funcionario.historico',$idUser) }}" class="w-50 shadow mt-2  btn btn-outline-success text-start btn-sm rounded-0"> <i class=" fa fa-calendar-alt"></i> Histórico</a>



                     </div>

                 </div>

                </div>
            <div class="col-12 mt-5">
                @yield('usuarioDestaqueSection')


            </div>
        </div>

    </nav>
</div>
@endsection
