@extends('usuarios.funcionarios.master.layout2')

@section('conteudo')
    <nav class="d-none">
        {{ $funcionario= \App\Models\Funcionario::where('id',$id)->first() }}
        {{ $usuario= $funcionario->getUser }}
        {{ $sector= $funcionario->getSector }}
        {{ $categoria= $funcionario->getCategoria }}
        {{ $pessoa= $usuario->getPessoa }}
    </nav>

    {{-- \App\Models\User::where('id',$funcionario->user_id)->first() --}}
    <br>
    {{-- <div class="container ">
        <nav class="row">

            <nav class="col-12" 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-start">
                    <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>
        </nav>
    </div> --}}
    <div class="p-4">

        <label for="" class="m-3">Edição de dados</label>

        <nav class="container">

            @if($editar===1)
                <link rel="stylesheet" href="{{ asset('css/codropsDemo.css') }}">
                <link rel="stylesheet" href="{{ asset('css/input.css') }}">
                <nav class="row">
                    <nav class="col-12 text-center ">
                        <form action="{{ route('us.admin.funcionario.editar_foto_editar',$id) }}" method="post" class="content" enctype="multipart/form-data" >
                            @csrf
                            <img src="{{ asset('storage/img/'.$usuario->avatar) }}" id="img" class="border border-3 rounded animate__animated animate__fadeInDown shadow " width="400" height="400" alt="Foto de perfil do usuário">
                            <br> <br>
                            {{-- <div class="box"> --}}
                                <input type="file" name="image" id="file-5" class="inputfile inputfile-4 d-none"   />
                                <label title="clique para adicionar uma nova foto" for="file-5" class="text-dark"><figure   class="bg-dark"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/></svg></figure>
                                    {{-- <span   class="text-dark" >Escolha uma nova foto&hellip;</span> --}}
                                </label>
                            </div>
                            {{-- <input type="file" name="" id=""> --}}
                            <div class="d-none animate__animated animate__fadeInUp shadow p-5 " style="background-color: #ccc;" id="endFormSecret" >
                                <input type="password" name="password" class="form-control" placeholder="Sua senha" id="" required> <br>
                                <button class="btn btn-sm btn-success"> <i class="fa fa-check"></i> Salvar alterações</button> <br>
                            </div>
                        </form>
                    </nav>
                </nav>
            @elseif($editar===2)
                 <nav class="row">
                    <nav class="col-12">
                        <hr><br><br>
                        <form action="{{ route('us.admin.funcionario.editar_dados_gerais_editar',$funcionario->id) }}" method="POST" >
                            @csrf
                            <div class="col-md-6 position-relative">
                                <label for="validationTooltip01" class="form-label">Id</label>
                                <input type="text" class="form-control txtNome" disabled value="{{ $funcionario->id }}" id="validationTooltip01" placeholder="Nome" required>
                                <div class="valid-tooltip">
                                  Boa!
                                </div>
                                <div class="invalid-tooltip">
                                  Informe o primeiro nome.
                                </div>
                              </div>
                              <div class="col-md-6 position-relative">
                                <label for="validationTooltip02" class="form-label">Data de cadastrto</label>
                                <input type="text" class="form-control txtSobrenome" disabled  value="{{ $funcionario->created_at }}" id="validationTooltip02" placeholder="Sobrenome" required>
                                <div class="valid-tooltip">
                                  Boa!
                                </div>
                                <div class="invalid-tooltip">
                                  Informe o último nome.
                                </div>
                                <br>
                            </div>

                            <div class="col-md-6 position-relative">
                                <label for="validationTooltip01" class="form-label">Nome</label>
                                <input type="text" name="nome" class="form-control txtNome"  value="{{ $pessoa->nome }}" id="validationTooltip01" placeholder="Nome" required>
                                <div class="valid-tooltip">
                                  Boa!
                                </div>
                                <div class="invalid-tooltip">
                                  Informe o primeiro nome.
                                </div>
                              </div>
                              <div class="col-md-6 position-relative">
                                <label for="validationTooltip02" class="form-label">Nome de usuário</label>
                                <input type="text" class="form-control txtSobrenome" disabled  value="{{ $usuario->name }}" id="validationTooltip02" placeholder="Sobrenome" required>
                            </div>
                              <div class="col-md-6 position-relative">
                                  <br>
                                  <br>
                                <label for="validationTooltip03" class="form-label">Email</label>
                                <input type="email" name="email" class="border border-danger form-control txtEmail" value="{{ $usuario->email }}" title="Campo irreversível, perigoso, tenha a certeza de que vai editar com precisão" placeholder="Email" id="validationTooltip03" required>
                                <div class="invalid-tooltip">
                                  Informe um email correcto.
                                </div>
                                <div class="valid-tooltip">
                                  Boa!
                                </div>
                              </div>
                              <div class="col-md-6   position-relative">
                                <br>
                                <br>
                                <label for="validationTooltip02" class="form-label ">Telemóvel</label>
                                <input type="number" value="{{ $pessoa->telefone }}"  class="form-control txtTelefone" id="validationTooltip02" name="telefone" placeholder="Telemóvel" required>
                                <div class="valid-tooltip">
                                  Boa!
                                </div>
                                <div class="invalid-tooltip">
                                  Informe o Telemóvel.
                                </div>
                              </div>
                              <nav class="row justify-content-start">
                                <br><br><br>
                                 <div class="col-md-6 p-4 position-relative">
                                   <label for="validationTooltip02" class="form-label">Nmec</label>
                                   <input type="number" class="form-control nmec" value="{{ $funcionario->nmec }}" name="nmec" id="validationTooltip02" placeholder="Nmec" required>
                                   <div class="valid-tooltip">
                                     Boa!
                                   </div>

                                 </div>
                            </nav>
                            <nav class="row justify-content-center">
                                <br><br><br>
                                 <div class="col-md-6 p-4 text-end position-relative">


                                   <nav class="d-none ">
                                        {{$sectores=\App\Models\Sector::where('id','>',1)->get()}}
                                        {{$categorias=\App\Models\Categoria::where('id','>',2)->distinct()->orderby('categoria','ASC')->get()}}
                                   </nav>
                                   <label for="validationTooltip02" class="form-label">SECTOR</label>  <br>
                                   <select id="Sector" name="sector" class="position-relative w-100 bg-dark" style="width:200px;" >
                                        @foreach($sectores as $sector)
                                            <option value="{{$sector->id}}"> {{Str::upper( $sector->sector)}}</option>
                                        @endforeach
                                    </select>
                                 </div>

                                 <div class="col-md-6 p-4 position-relative">
                                   <label for="validationTooltip02" class="form-label">CATEGORIA</label> <br>
                                   <select id="Categoria" name="categoria"  class="position-relative w-100 bg-dark" style="width:200px;" >
                                    @foreach($categorias as $categoria)
                                         <option value="{{$categoria->id}}">{{Str::upper( $categoria->categoria)}}</option>
                                     @endforeach

                                  </select>
                                 </div>
                            </nav>
                            <br><br><br><br>
                            <div class="  animate__animated animate__fadeInUp shadow p-5 " style="background-color: #ccc;" id="endFormSecret" >
                                <input type="password" name="password" class="form-control" placeholder="Sua senha" id="" required> <br>
                                <button class="btn btn-sm btn-success"> <i class="fa fa-check"></i> Salvar alterações</button> <br>
                            </div>
                        </form>
                    </nav>
                </nav>
            @elseif($editar===3)
                <nav class="row">
                    <nav class="col-12">
                        <form action="{{ route('us.admin.funcionario.editar_outros_dados_editar',$id) }}" method="post" style="background-color: #ccc;"  class="  row  shadow p-5" enctype="multipart/form-data" >
                            @csrf

                            <div class="col-4">
                                <a href="{{ route('us.admin.funcionario.editar_foto',$funcionario->id) }}"><img src="{{ asset('storage/img/'.$usuario->avatar) }}" id="img" class="border border-3 rounded animate__animated animate__fadeInDown shadow " width="200" height="200" alt="Foto de perfil do usuário"></a>
                            </div>
                            <div class="col-8">
                                <div class="animate__animated animate__fadeInUp " id="endFormSecret" >
                                    <label for="">Controlo da conta</label>
                                    <select class="form-select" name="estado" aria-label="Default select example">
                                        <option value="2">Bloquear</option>
                                        <option value="3">Liberar</option>
                                        <option value="4">Eliminar</option>
                                      </select>
                                      <br><br>
                                    <input type="password" name="password" class="form-control border border-danger" placeholder="Sua senha para confirmar a sua identidade" id="" required> <br>
                                    <button class="btn btn-sm btn-danger">  Prosseguir com a decisão <i class="fa fa-angle-double-right"></i></button> <br>
                                </div>
                            </div>
                        </form>
                    </nav>
                </nav>

            @else
                <nav class="row">
                    <nav class="col-12">
                        <form action="{{ route('us.admin.funcionario.editar_password_editar',$id) }}" method="post" style="background-color: #ccc;"  class="  row  shadow p-5" enctype="multipart/form-data" >
                            @csrf

                            <div class="col-4">
                                <a href="{{ route('us.admin.funcionario.editar_foto',$funcionario->id) }}"><img src="{{ asset('storage/img/'.$usuario->avatar) }}" id="img" class="border border-3 rounded animate__animated animate__fadeInDown shadow " width="200" height="200" alt="Foto de perfil do usuário"></a>
                            </div>
                            <div class="col-8">
                                <div class="animate__animated animate__fadeInUp " id="endFormSecret" >
                                    <input type="password" name="password_nova1" class="form-control" placeholder="Nova senha para o usuário" id="" required> <br>
                                    <input type="password" name="password_nova2" class="form-control" placeholder="Repita a senha para o usuário" id="" required> <br>
                                    <input type="password" name="password" class="form-control border border-danger" placeholder="Sua senha para confirmar a sua identidade" id="" required> <br>
                                    <button class="btn btn-sm btn-success"> <i class="fa fa-check"></i> Salvar alterações</button> <br>
                                </div>
                            </div>
                        </form>
                    </nav>
                </nav>
            @endif


        </nav>
    </div>
    <script >

        $(function(){

            $("#Sector").select2({
                     placeholder: 'Selecione um sector'
               });
               $("#Categoria").select2({
                   placeholder: 'Selecione uma categoria'
               });

            $("#file-5").change(function(){

                $("#endFormSecret").addClass('d-none')

                readURL(this);
            });

        })
        function readURL(input) {

            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    // alert(e)
                    $('#img').attr('src', e.target.result);
                    $("#endFormSecret").removeClass('d-none')
                }

                reader.readAsDataURL(input.files[0]);
            }
        }

    </script>


@endsection