@extends('layouts.auth') 

@section('content')
<div class="container mt-5 mb-5">
<div class="row justify-content-center">
    <div class="col-md-2"></div>
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">Register Now</div>
            <div class="card-body">
                <h5 class="card-title ">
                    <img src="{{ asset('images/login/user.png') }}" class="avatar avatar-xxl p-2 brround d-block mx-auto mb-6" width="13%" height="13%"/>
                </h5>
                <p class="card-text"></p>

                <form method="GET">
                    <div class="form-group">
                        <label for="name">Name</label>
                        <input
                            type="text"
                            class="form-control"
                            id="name"
                        
                            placeholder="Your Name"
                            required
                        />
                    </div>

                    <div class="form-group">
                        <label for="birthdate">Birthdate</label>
                        <input
                            type="date"
                            class="form-control"
                            id="birthdate"
                            required
                        />
                        <small id="birthdate" class="form-text text-muted"
                            ></small
                        >
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1">Gender</label>
                        <select class="from-control input-group custom-select" id="inputGroupSelect01" required>
                            <option value="1">Male</option>
                            <option value="2">Female</option>
                          </select>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1">Email</label>
                        <input
                            type="email"
                            class="form-control"
                            id="exampleInputEmail1"
                            aria-describedby="emailHelp"
                            placeholder="Enter email"
                            required
                        />
                        <small id="emailHelp" class="form-text text-muted"
                            ></small
                        >
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Password</label>
                        <input
                            type="password"
                            class="form-control"
                            id="exampleInputPassword1"
                            placeholder="Password"
                            required
                        />
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Confirm Password</label>
                        <input
                            type="password"
                            class="form-control"
                            id="exampleInputPassword1"
                            placeholder="Confirm Password"
                            required
                        />
                    </div>

            <div class="row mt-4">
               <div class="col-md-12">
                            <button type="submit" class="btn btn-primary theme-button-one float-right">
                                Register
                            </button>
                            <a href ="#" class="mr-4 mt-2 float-left" >Already Have an Account ?</a>
               </div>
               

                    </div>
{{-- 
                    <div class="row mt-4 col-md-6">
                      
                            <a href ="#" >Don't Have An Account ?  Register Now</a>

                  
                    </div> --}}
                </form>
            </div>
        </div>
    </div>
    <div class="col-md-2"></div>
</div>
</div>
{{-- <img src="{{ asset('images/blog/0.png') }}" /> --}}
@endsection