@extends('auth.layouts.app')
@section('content')
    <div class="login-wrap d-flex align-items-center flex-wrap justify-content-center">
        <div class="container">
       
                <div class="col-md-12 col-lg-12" >
                    <div class="login-box bg-white box-shadow border-radius-10" style="max-width:600px!important;">
                        <div class="login-title">
                            <h2 class="text-center">Register To Books in Videos</h2>
                        </div>
                        <x-auth-validation-errors class="mb-4 text-danger" :errors="$errors" />
                        <form method="POST" action="{{ route('register') }}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="input-group mb-0">
                                        <label>First Name</label>
                                    </div>
                                    <div class="input-group custom">
                                        <input type="text" name="fname" value="{{ old('fname') }}"
                                            class="form-control form-control-lg" placeholder="Enter First Name" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input-group mb-0">
                                        <label>Last Name</label>
                                    </div>
                                    <div class="input-group custom">
                                        <input type="text" placeholder="Enter Last Name" name="lname"
                                            value="{{ old('lname') }}" class="form-control form-control-lg" required>
                                    </div>
                                </div>
                            </div>
                            <div class="input-group mb-0">
                                <label>Email</label>
                            </div>
                            <div class="input-group custom">
                                <input type="email" placeholder="Enter Email" name="email" value="{{ old('email') }}"
                                    class="form-control form-control-lg" required>
                            </div>
                            <div class="input-group mb-0">
                                <label>Profile Picture</label>
                            </div>

                            <div class="input-group custom">
                                <input type="file" name="profile_image" value="{{ old('profile_image') }}"
                                    class="form-control form-control-lg">
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="input-group mb-0">
                                        <label>Password</label>
                                    </div>
                                    <div class="input-group custom">
                                        <input type="password" placeholder="Password" name="password"
                                            value="{{ old('password') }}" class="form-control form-control-lg" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input-group mb-0">
                                        <label>Confrim Password</label>
                                    </div>
                                    <div class="input-group custom">
                                        <input type="password" placeholder="Confrim Password" name="password_confirmation"
                                            value="{{ old('password_confirmation') }}" class="form-control form-control-lg"
                                            required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12 col-lg-12">
                                    <div class="input-group mb-0">
                                        <input class="btn btn-lg btn-block text-white" type="submit"
                                            value="Create Account">
                                    </div>
                                    <div class="font-16 weight-600 pt-10 pb-10 text-center" data-color="#707373">OR</div>
                                    <div class="input-group mb-0">
                                        <a class="btn btn-lg btn-block text-white"
                                            href="{{ route('login') }}">Login</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection