@extends('Templates/templateAdmin')

@section('Main-content')
    <section class="content">

        <div class="container-fluid">
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <!-- Card box User Profile -->
                    <br><br>
                    <div class="card card-primary">

                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col-sm">
                                    <div class="user-panel mt-3 pb-3 mb-3">

                                        <div class="image d-flex justify-content-center align-items-center">

                                            <label for="input-file" class="imgProfile-hover">
                                                <img src="{{ asset('/img/avatar5.png') }}"
                                                    class="img-circle elevation-2 imgProfile" alt="User Image">

                                                {{-- Parte de baixo para colocar o 'Escolher arquivo' --}}
                                                {{-- <div class="input-group input-file">
                                                            <input type="text" class="form-control"
                                                                placeholder="Escolha um arquivo" readonly>
                                                            <span class="input-group-btn">
                                                                <button class="btn btn-secondary btn-choose"
                                                                    type="button">Escolher arquivo</button>
                                                            </span>
                                                        </div>  --}}
                                            </label>
                                            {{-- <input type="file" id="input-file" class="d-none"> --}}
                                        </div>
                                        <div class="text-center">
                                            <h5>{{$user->userType->type }} :: {{$user->name}} </h5>
                                        </div>

                                    </div>
                                    <div class="info text-center">
                                        {{-- <p class="d-block" style="font-size: 2rem;">{{ $tipo_usuario }}</p> --}}
                                    </div>
                                </div>
                                <div class="col-sm">
                                    <div class="row">
                                        <div class="col-sm form-group align-self-center">
                                            <p>Nome: <input class="form-control" type="text" name=""  value="{{$user->name}}"></p>
                                        </div>

                                        <div class="col-sm form-group align-self-center">
                                            <p>Email: <input class="form-control" type="text" name="" value="{{$user->email}}"></p>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-sm form-group align-self-center">
                                            <p>Telemovel: <input class="form-control" type="text" name="" value="{{$user->user_phone}}"></p>
                                        </div>

                                        <div class="col-sm form-group align-self-center">
                                            <p>NIF: <input class="form-control" type="text" name="" value="{{$user->user_nif}}"></p>
                                        </div>
                                    </div>

                                        {{-- <div class="row">
                                            <div class="col-sm form-group align-self-center">
                                                <p>Senha : <input class="form-control" type="password"  ></p>
                                            </div>
                                    
                                            <div class="col-sm form-group align-self-center">
                                                <p>Confirmar Senha : <input class="form-control" type="password" ></p>
                                            </div>
                                        </div> --}}
                                   
                                    <div class="row">
                                        <div class="col-sm form-group align-self-center">
                                            {{-- <p>Nova Senha: <input class="form-control" type="text" name=""></p> --}}
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!-- /.card-body -->

                        <div class="card-footer">
                            <div class="float-right">
                                <button type="submit" class="btn btn-primary">Guardar</button>
                            </div>

                            <form method="POST" action="{{ route('logout') }}">
                                @csrf
                                <button type="submit" class="btn btn-danger">Logout</button>
                            </form>

                        </div>
                    </div>
                    <!-- /.card -->


                </div>
            </div>



        </div>
        {{-- ./container-fluid" --}}
    </section>
    {{-- ./content --}}
    </div>
    {{-- ./content-wrapper --}}
@endsection