@extends('layout.mainlayout-without-nav')
@section('content')
    <div class="account-wrapper">
        <h3 class="account-title">Register</h3>
        <p class="account-subtitle">Access to our dashboard</p>

        <!-- Account Form -->
        <form action="{{ route('register.custom') }}" method="POST">
            @csrf
            <div class="input-block mb-3">
                <label class="col-form-label">Email<span class="mandatory">*</span></label>
                <input class="form-control" type="text" name="email" id="email">
                <div class="text-danger pt-2">
                    @error('0')
                        {{ $message }}
                    @enderror
                    @error('email')
                        {{ $message }}
                    @enderror
                </div>
            </div>
            <div class="input-block mb-3">
                <div class="col-auto">
                    <label class="col-form-label">Password<span class="mandatory">*</span></label>
                </div>
                <div class="position-relative">
                    <input type="password" id="password" class="form-control pass-input"
                        name="password">
                    <span class="fa fa-eye-slash" id="toggle-password"></span>
                </div>
                <div class="text-danger pt-2">
                    @error('password')
                        {{ $message }}
                    @enderror
                </div>
            </div>
            <div class="input-block mb-3">
                <div class="col-auto">
                <label class="col-form-label">Repeat Password<span class="mandatory">*</span></label>
                </div>
                <div class="position-relative">
                   <input class="form-control" type="password" name="repeat-password" id="repeat-password">
                    <span class="fa fa-eye-slash" id="toggle-password1"></span>
                </div>
                <div class="text-danger pt-2">
                    @error('password')
                        {{ $message }}
                    @enderror
                </div>
            </div>
            <div class="input-block mb-3 text-center">
                <button class="btn btn-primary account-btn" type="submit">Register</button>
            </div>
            <div class="account-footer">
                <p>Already have an account? <a href="{{url('index')}}">Login</a></p>
            </div>
        </form>
        <!-- /Account Form -->
    </div>
@endsection