@extends('profile.profile')

@section('profile_content')
    <div class='profile-form'>
        <p class='font-bold'>Cambiar E-Mail</p>
        <form method="POST" action="{{ route('profile.updateEmail', $user->id) }}">
            @csrf
            @method('PUT')
            <div class="form-group">
                <div class='form-label'>
                    <span>Contraseña actual</span>
                </div>
                <div class='form-input'>
                    <input
                        name="password2"
                        type="password"
                        required>

                    @error('password2')
                        <div class="form-error">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
            </div>
            <div class="form-group">
                <div class='form-label'>
                    <span>Nuevo E-Mail</span>
                </div>
                <div class='form-input'>
                    <input
                        name="email"
                        type="email"
                        autocomplete="email"
                        maxlength="100"
                        required>
                    @error('email')
                        <div class="form-error">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
            </div>
            <div class="form-group">
                <div class="form-label">
                </div>
                <div class="form-input">
                    <button type="submit" class="btn btn-primary btn-submit">
                        Cambiar E-Mail
                    </button>
                </div>
            </div>
        </form>
    </div>
    <hr class='hr-full'>
    <div class='profile-form'>
        <p class='font-bold'>Cambiar contraseña</p>
        <form method="POST" action="{{ route('profile.updatePassword', $user->id) }}">
            @csrf
            @method('PUT')
            <div class="form-group">
                <div class='form-label'>
                    <span>Contraseña actual</span>
                </div>
                <div class='form-input'>
                    <input
                        name="password_current"
                        type="password"
                        required>

                    @error('password_current')
                        <div class="form-error">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
            </div>
            <div class="form-group">
                <div class='form-label'>
                    <span>Nueva contraseña</span>
                </div>
                <div class='form-input'>
                    <input
                        name="password"
                        type="password"
                        minlength="8"
                        maxlength="100"
                        required>

                    @error('password')
                        <div class="form-error">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
            </div>
            <div class="form-group">
                <div class='form-label'>
                    <span>Confirmar nueva contraseña</span>
                </div>
                <div class='form-input'>
                    <input
                        name="password_confirmation"
                        type="password"
                        minlength="8"
                        maxlength="100"
                        required>
                </div>
            </div>
            <div class="form-group">
                <div class="form-label">
                </div>
                <div class="form-input">
                    <button type="submit" class="btn btn-primary btn-submit">
                        Cambiar contraseña
                    </button>
                </div>
            </div>
        </form>
    </div>
@endsection