@extends('layouts.admin.master')

@section('admin_main_body')


 <!-- Page Header -->
    <div class="my-4 page-header-breadcrumb d-flex align-items-center justify-content-between flex-wrap gap-2">
        <div>
            <h4 class="page-title fw-medium fs-18 mb-2">Register New User</h4>
            <div class="">
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="javascript:void(0);">UserRegidtration</a></li>
                        <li class="breadcrumb-item"><a href="javascript:void(0);">New User</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Register</li>
                    </ol>
                </nav>
            </div>
        </div>
        <div class="btn-list">
            <a class="btn btn-primary-light btn-wave me-2" href="{{ route('admin.view.users') }}">
                <i class="bx bx-crown align-middle" ></i> View Users List
            </a>
            <a class="btn btn-secondary-light btn-wave me-0" href="">
                <i class="bx bx-arrow-back align-middle"></i> Back
            </a>

        </div>
    </div>
    <!-- Page Header Close -->

    <!-- Start:: row-1 -->
    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                    {{-- <div class="card-title">
                        <h6> Register New Student</h6>
                    </div> --}}

                </div>

       <form method="post" action="{{route('admin.store.new.user')}}" enctype="multipart/form-data">

        @csrf

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
       <h6><b>1. Personal Information</b></h6>
        {{-- <div class="row">
            <div class="col-sm-12">

              <div class="section-title">
                <h6>New Student Registration</h6>
                  <div class="divider"></div>
                  </div>
          </div>
          </div> --}}



                <div class="card-body">
                    <div class="row gy-4">


                        <div class="col-6">
                            <label for="input-label" class="form-label">First Name<span class="text-danger"> *</span></label>
                            <input type="text" name="first_name" class="form-control" id="first_name">
                        </div>
                        <div class="col-6">
                            <label for="input-label" class="form-label">Last Name <span class="text-danger"> *</span></label>
                            <input type="text" name="last_name" class="form-control" id="last_name">
                        </div>


                        <div class="row g-3">
                            <div class="col-sm-6">
                                <label for="input-label"  class="form-label">Email<span class="text-danger"> *</span></label>
                                <input type="email" name="email" id="email" class="form-control" placeholder="Email"
                                    aria-label="Email">
                            </div>

                            <div class="col-3">
                                <label for="input-label" class="form-label">Birth Date <span class="text-danger"> </span></label>
                                <input type="date" name="dob" id="dob" class="form-control" placeholder="Birth Date"
                                    aria-label="Birth Date">
                            </div>


                                      <div class="col-3">
                         <label for="input-datet" class="form-label">Gender</label>
                                    <select class="form-select" id="select" name="gender" required="">
                                        <option selected="" disabled="" value="">Select Gender</option>
                                        <option value="Female">Female</option>
                                        <option value="Male">Male</option>
                                      </select>
                            </div>
                         <div class="col-3">
                                <label for="input-label" class="form-label">Joined Date <span class="text-danger"> </span></label>
                                <input type="date" name="admission_date" id="join_date" class="form-control" placeholder="Admission Date"
                                    aria-label="Admission Date">
                            </div>

                       <div class="col-3">
                                <label for="input-label" class="form-label">Membership Number <span class="text-danger"> </span></label>
                                <input type="text" name="student_no" id="student_no" class="form-control" placeholder="Auto Genereated. See setings for more"
                                    aria-label="student_no">
                            </div>


                        </div>

                        {{-- <div class="row " style ="padding-top: 10px;">
                            <div class="col-12 ">

                            </div>
                            </div> --}}
            <hr class="my-6 mx-n6" />

              <h6><b>2. Profile Data</b></h6>




                        <div class="row g-3">
                            <div class="col-sm-4">
                                <input type="text" name="address"  class="form-control" placeholder="Address"
                                    aria-label="City">
                            </div>
                                <div class="col-4">
                                <input type="text" name="post_code"  class="form-control" placeholder="Post Code / Zip"
                                    aria-label="State">
                            </div>
                            <div class="col-4">
                                <input type="text" name="city"  class="form-control" placeholder="City"
                                    aria-label="State">
                            </div>
                                <div class="col-4">
                                <input type="text" name="region"  class="form-control" placeholder="Region/State"
                                    aria-label="State">
                            </div>
                            <div class="col-4">
                                <input type="text" name="country"  class="form-control" placeholder="Country"
                                    aria-label="Zip">
                            </div>
                                <div class="col-4">
                                <input type="text" name="phone" class="form-control" placeholder="Phone"
                                    aria-label="Zip">
                            </div>


                                <div class="col-sm-4">

                                    <label for="input-label" class="form-label">Pursuing Course, Degree/Major<span class="text-danger">* </span></label>
                                <select class="form-control" name="major" required="">
                                   <option selected="" disabled="" value="">Select Degree Type</option>

                                {{-- @foreach ($degrees as $degree)
                                  <option value="{{$degree->id}}">{{$degree->degree_name}}</option>
                                @endforeach --}}

                                  </select>
                            </div>


                <div class="col-4">
                          <label for="input-file" class="form-label">Upload Document</label>
                            <input class="form-control" name="document_name" type="file" id="file">
                        </div>

                           <div class="col-4">
                            <label for="text-area" class="form-label">Notes</label>
                            <input class="form-control" type="text-area" id="text-area" name="notes" placeholder="Add short notes">
                        </div>
                        </div>

                        </div>





                        <div class="row " style ="padding-top: 15px;">
                            <div class="col-12 ">

                            </div>
                            </div>

                            {{-- <div class="card-header justify-content-between">
                                <div class="card-title">
                                    <h6>  Student Academics </h6>
                                </div> --}}





                        <div class="row " style ="padding-top: 25px;">
                            <div class="col-12 ">

                            </div>
                            </div>

                        <div class="row g-3">
                            <div class="col-md-12">
                                <div class="d-md-flex d-grid align-items-center gap-3">
                                    <button type="submit" class="btn btn-primary px-4">Register</button>
                                    <button type="reset" class="btn btn-light px-4">Cancel</button>
                                </div>
                            </div>
                        </div>
                        </form>

                        </div>
                    </div>
                </div>
</div>
</div>

   <!-- Content -->
@endsection