@extends('adminlte::page')

@section('title', 'Perfil do Usuário')

@section('content_header')
<h1>Perfil do Usuário</h1>
@stop

@section('content')
<div class="row">
    <div class="col-12 mb-3 text-right">
        <a class="btn btn-secondary btn-sm" href="{{ route('user.profile') }}">[<>] Atualizar</a>
    </div>
</div>

@if ($message = Session::get('success'))
<div class="alert alert-success">
    <p>{{ $message }}</p>
</div>
@endif

<div class="card card-primary card-outline">
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">PERFIL</h3>
        </div>

        <div class="row">
            <div class="col-12 col-md-4 col-lg-4 card-body box-profile">
                <div class="text-center">
                    <i class="fa fa-user-circle fa-5x" aria-hidden="true"></i>
                </div>
                <h3 class="profile-username text-center">{{ $user->name }}</h3>
                <ul class="list-group list-group-unbordered mb-3">
                    <li class="list-group-item text-center">
                        <b>E-mail:</b> {{ $user->email }}
                    </li>
                </ul>
            </div>

            <div class="col-12 col-md-8 col-lg-8 card-body" style="height: 300px;">
                <div class="row">
                    <div class="text-center"> 
                        <button class="btn btn-sm btn-warning mt-5" id="btn_form_editar_profile">Editar meus dados</button>
                    </div>
                </div>
                <form action="{{ route('user.profile.update') }}" method="POST" enctype="multipart/form-data" class="d-none" id="form_editar_profile">
                    @csrf

                    <div class="row">
                        <div class="col-12 col-md-4 col-lg-4">
                            <div class="form-group">
                                <strong>Nome</strong>
                                <input type="text" name="name" class="form-control form-control-sm" placeholder="Nome" value="{{ $user->name }}">
                            </div>
                        </div>
                        <div class="col-12 col-md-4 col-lg-4">
                            <div class="form-group">
                                <strong>E-mail</strong>
                                <input type="email" name="email" class="form-control form-control-sm" placeholder="E-mail" value="{{ $user->email }}">
                            </div>
                        </div>
                        <div class="col-12 col-md-4 col-lg-4">
                            <div class="form-group">
                                <strong>Senha</strong>
                                <input type="password" name="password" class="form-control form-control-sm" placeholder="Senha" value="{{ $user->password }}">
                            </div>
                        </div>
                        <div class="col-12 my-3 text-center">
                            <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                            <button type="submit" class="btn btn-primary btn-sm">Atualizar</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
    @endsection