@extends('layouts.app')

@section('title', 'Editar Perfil')

@section('content')
<div class="row g-3 mb-4">
    <div class="col-auto">
        <h2 class="mb-0">Editar Perfil</h2>
    </div>
</div>

<div class="row g-3">
    <div class="col-12 col-xl-8">
        <!-- Informações do Perfil -->
        <div class="card mb-3">
            <div class="card-header">
                <h5 class="mb-0">Informações Pessoais</h5>
            </div>
            <div class="card-body">
                @if (session('status') === 'profile-updated')
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        Perfil atualizado com sucesso!
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                <form method="post" action="{{ route('profile.update') }}">
                    @csrf
                    @method('patch')

                    <div class="row g-3">
                        <div class="col-12 col-sm-6">
                            <label class="form-label" for="name">Nome Completo</label>
                            <input class="form-control" id="name" type="text" name="name" value="{{ old('name', $user->name) }}" required autofocus autocomplete="name" />
                            @error('name')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12 col-sm-6">
                            <label class="form-label" for="email">Email</label>
                            <input class="form-control" id="email" type="email" name="email" value="{{ old('email', $user->email) }}" required autocomplete="username" />
                            @error('email')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror

                            @if ($user instanceof \Illuminate\Contracts\Auth\MustVerifyEmail && ! $user->hasVerifiedEmail())
                                <div class="mt-2">
                                    <p class="text-warning small">
                                        Seu email não foi verificado.
                                        <form class="d-inline" method="post" action="{{ route('verification.send') }}">
                                            @csrf
                                            <button type="submit" class="btn btn-link p-0 text-decoration-underline small">
                                                Clique aqui para reenviar o email de verificação.
                                            </button>
                                        </form>
                                    </p>

                                    @if (session('status') === 'verification-link-sent')
                                        <p class="text-success small">
                                            Um novo link de verificação foi enviado para seu email.
                                        </p>
                                    @endif
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-auto">
                            <button class="btn btn-primary" type="submit">Salvar Alterações</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <!-- Alterar Senha -->
        <div class="card mb-3">
            <div class="card-header">
                <h5 class="mb-0">Alterar Senha</h5>
            </div>
            <div class="card-body">
                @if (session('status') === 'password-updated')
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        Senha atualizada com sucesso!
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                <form method="post" action="{{ route('profile.password.update') }}">
                    @csrf
                    @method('put')

                    <div class="row g-3">
                        <div class="col-12">
                            <label class="form-label" for="update_password_current_password">Senha Atual</label>
                            <input class="form-control" id="update_password_current_password" name="current_password" type="password" autocomplete="current-password" />
                            @error('current_password', 'updatePassword')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12 col-sm-6">
                            <label class="form-label" for="update_password_password">Nova Senha</label>
                            <input class="form-control" id="update_password_password" name="password" type="password" autocomplete="new-password" />
                            @error('password', 'updatePassword')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12 col-sm-6">
                            <label class="form-label" for="update_password_password_confirmation">Confirmar Nova Senha</label>
                            <input class="form-control" id="update_password_password_confirmation" name="password_confirmation" type="password" autocomplete="new-password" />
                            @error('password_confirmation', 'updatePassword')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-auto">
                            <button class="btn btn-primary" type="submit">Atualizar Senha</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

</div>

    <div class="col-12 col-xl-4">
        <!-- Avatar Atual -->
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Avatar Atual</h5>
            </div>
            <div class="card-body text-center">
                <div class="avatar avatar-5xl mb-3">
                    @if($user->avatar)
                        <img class="rounded-circle" src="{{ Storage::url($user->avatar) }}" alt="Avatar do usuário" />
                    @else
                        <img class="rounded-circle" src="{{ asset('img/team/72x72/57.webp') }}" alt="Avatar padrão" />
                    @endif
                </div>
                <h6 class="mb-2">{{ $user->name }}</h6>
                <p class="text-body-tertiary mb-3">{{ $user->email }}</p>
                <a href="{{ route('profile.avatar') }}" class="btn btn-outline-primary">
                    <span class="fas fa-camera me-2"></span>Alterar Avatar
                </a>
            </div>
        </div>
    </div>
</div>
@endsection