@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 -->
                        <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>
                                        <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=""></p>
                                            </div>

                                            <div class="col-sm form-group align-self-center">
                                                <p>Email: <input class="form-control" type="text" name=""></p>
                                            </div>
                                        </div>

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

                                            <div class="col-sm form-group align-self-center">
                                                <p>NIF: <input class="form-control" type="text" name=""></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 class="col-sm form-group align-self-center">
                                                <a href="" class="btn btn-primary">Redefinir Senha</a>
                                            </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>
                            </div>
                        </div>
                        <!-- /.card -->


                    </div>
                </div>



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