@extends('layouts.master')
@section('content')
    @include('components.breadcum')
    <!-- Login Sign Up Start -->
    <section class="login-sign-up v1 pt-50 pb-50 pt-md-70 pb-md-70 pt-xl-100 pb-xl-100">
        <div class="container">
            <div class="main-form">
                <h5 class="text-6 text-bold text-center">{{ $title }}</h5>
                <p class="text-para-1 text-center mt-20">Enter your credentials to create your account</p>
                <form class="mt-30 mt-xl-50" method="POST" action="{{ route('register') }}">
                    @csrf
                    <div class="form-box">
                        <label class="text-para-2 text-para-xl-1 text-reguler" for="name">Name*</label>
                        <input class="mt-15" id="name" type="text" required autofocus autocomplete="name"
                            value="{{ old('name') }}" name="name">
                        @if ($errors->has('name'))
                            <code>{{ $errors->first('name') }}</code>
                        @endif
                    </div>
                    <div class="form-box mt-20">
                        <label class="text-para-2 text-para-xl-1 text-reguler" for="email">Email*</label>
                        <input class="mt-15" id="email" type="email" required autocomplete="username"
                            value="{{ old('email') }}" name="email">
                        @if ($errors->has('email'))
                            <code>{{ $errors->first('email') }}</code>
                        @endif
                    </div>
                    <div class="form-box mt-20">
                        <label class="text-para-2 text-para-xl-1 text-reguler" for="password">Password*</label>
                        <input class="mt-15" id="password" type="password" required autocomplete="new-password"
                            name="password">
                        @if ($errors->has('password'))
                            <code>{{ $errors->first('password') }}</code>
                        @endif
                    </div>
                    <div class="form-box mt-20">
                        <label class="text-para-2 text-para-xl-1 text-reguler" for="password_confirmation">Confirm
                            Password*</label>
                        <input class="mt-15" id="password_confirmation" type="password" required
                            autocomplete="new-password" name="password_confirmation">
                        @if ($errors->has('password_confirmation'))
                            <code>{{ $errors->first('password_confirmation') }}</code>
                        @endif
                    </div>
                    <button class="btn-anime v1 round-border-small mt-30 mt-xl-50" type="submit">Create Account</button>
                    <a class="link-anime v3 round-border-small mt-20" href="{{ route('login') }}">Already registered?</a>
                </form>
            </div>
        </div>
    </section>
    <!-- Login Sign Up End -->
@endsection