@extends('layouts.app')
@section('content')
    <div class="auth-page">
        <div class="container h-100">
            <div class="row h-100 justify-content-center align-items-center">
                <div class="ce-card register-page">
                    <div class="ce-card__body">
                        <form class="ce-form" action="{{ route('account.member.register') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="user" value="{{ $user }}">
                            <div class="ce-form__group ce-form__profile">
                                <input type="file" class="ce-form__input" name="profile" accept="image/*" hidden>
                                <img src="{{ asset('images/user.jpg') }}" class="img-fluid rounded-pill" alt="profile">
                            </div>
                            <div class="ce-form__group">
                                <input id="password" type="password"
                                    class="ce-form__input js-validation__password @error('password') is-invalid @enderror" name="password"
                                    autocomplete="new-password" placeholder=" ">
                                <label class="ce-form__label">Mot de passe</label>
                                @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="ce-form__group">
                                <input id="password-confirm" type="password" class="ce-form__input js-validation__confirmation"
                                    name="password_confirmation" autocomplete="new-password" placeholder=" ">
                                <label class="ce-form__label">Confirmer le mot de passe</label>
                            </div>
                            <button type="submit" class="ce-button is-large is-primary">s'enregistrer</button>
                            <span class="ce-card__hint">
                                Vous avez déja un compte ?
                                <a href="{{ route('auth.login') }}" class="ce-card__link">
                                    s'identifier
                                </a>
                            </span>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endsection