@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
	@include('layouts.navbars.auth.topnav', ['title' => 'Seu Perfil'])
	<div class="row mt-4 mx-4">
		<div class="col-12">
			@if ($errors->any())
				<div class="alert alert-danger text-white">
					<ul>
						@foreach ($errors->all() as $error)
							<li>{{ $error }}</li>
						@endforeach
					</ul>
				</div>
			@endif
			@if (session('success'))
				<div class="alert alert-success text-white" role="alert">
					{{ session('success') }}
				</div>
			@endif
			<div class="card mb-4">
				<div class="card-header pb-0">

				</div>
				<div class="card-body px-0 pt-0 pb-2">
					<div class="table-responsive p-0">
					<form role="form" method="POST" action="{{ route('profile.update') }}" enctype="multipart/form-data">
						@csrf
						@method('PUT') <!-- ou @method('PATCH') se você estiver parcialmente atualizando o recurso -->
						<div class="card-header pb-0">
							<div class="d-flex align-items-center">
								<p class="mb-0">Editar Perfil</p>
								<button type="submit" class="btn btn-primary btn-sm ms-auto">Salvar</button>
							</div>
						</div>
						<div class="card-body">
							<p class="text-uppercase text-sm">Informações do Perfil</p>
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<label class="form-control-label">Nome</label>
										<input class="form-control" type="text" name="name" value="{{ old('name', auth()->user()->name) }}">
									</div>
								</div>
								<div class="col-md-12">
									<div class="form-group">
										<label class="form-control-label">Email</label>
										<input class="form-control" type="email" name="email" value="{{ old('email', auth()->user()->email) }}">
									</div>
								</div>
								<div class="col-md-12">
									<div class="form-group">
										<label class="form-control-label">Nova Senha</label>
										<input class="form-control" type="password" name="password">
									</div>
								</div>
								<div class="col-md-12">
									<div class="form-group">
										<label class="form-control-label">Confirmação da Nova Senha</label>
										<input class="form-control" type="password" name="password_confirmation">
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	@include('layouts.footers.auth.footer')
	</div>
@endsection