@extends('admin.layouts.index')



@section('content')
   <style>
    .form-control {
    width: 95%!important;
    }
   </style>
<!--main content start-->


<style type="text/css">
    .block-sec 
    {
        padding: 35px;
        background: #ddede0;
        border-right: outset;
        border-top-right-radius: 10px;
        border-top-left-radius: 0;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

</style>

<section id="main-content">
	<section class="wrapper">
	<div class="form-w3layouts">
        <!-- page start-->
        <!-- page start-->
        <div class="row">
        <div class="col-lg-12">
            <h2 style="margin:12px;">New Student Admission</h2>
</div>
            
           
        </div>
        
        <div class="col-lg-12">
                <section class="panel">
                <header class="panel-heading">
                            Personal Information
                        </header>
                    <div class="panel-body">
                        <div class="position-center">
                            <form    method="POST" action="application/store" class="form-horizontal shadow p-12" enctype="multipart/form-data">
                                 @csrf
                            <div class="row">

                                <div class="block-sec">
                                    <div class="form-group col-lg-4">
                                        <label for="form_no">FORM NO<span class="strick">*</span></label>
                                        <input type="text" class="form-control" id="form_no" placeholder="FORM NO" name="form_no" required="">
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>


                                    <div class="form-group col-lg-4">
                                        <label for="admission_number">ADMISSION NUMBER<span class="strick">*</span></label>
                                        <input type="text" class="form-control" id="admission_number" placeholder="ADMISSION NUMBER" name="admission_number" required="">
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>

                                    <div class="form-group col-lg-4">
                                        <label for="admission_date">ADMISSION DATE<span class="strick">*</span></label>
                                        <input type="date" class="form-control" id="admission_date" placeholder="ADMISSION DATE" name="admission_date" required="">
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>

                                    <div class="form-group col-lg-4">
                                        <label for="assign_session">ASSIGN SESSION<span class="strick">*</span></label>
                                        {{-- <input type="text" class="form-control" id="assign_session" placeholder="ASSIGN SESSION" name="assign_session" required=""> --}}
                                        <select class="form-control"  name="assign_session" required="">
                                                            <option selected disabled>Select session</option>
                                                             @foreach ($sessions as $cla)
                                                             <option value="{{ $cla->id }}">{{ $cla->name   }}</option>
                                                             @endforeach
                                                          </select>
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>

                                    <div class="form-group col-lg-3">
                                        <label for="assign_class">ASSIGN CLASS<span class="strick">*</span></label>
                                        {{-- <input type="text" class="form-control" id="assign_class" placeholder="ASSIGN CLASS" name="assign_class" required=""> --}}
                                        <select class="form-control" style="" name="assign_class" required="">
                                                            <option selected disabled>Select Class</option>
                                                             @foreach ($classes as $cla)
                                                             <option value="{{ $cla->id }}">{{ $cla->name   }}</option>
                                                             @endforeach
                                                          </select>
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>

                                    <div class="form-group col-lg-3">
                                        <label for="assign_section">ASSIGN SECTION<span class="strick">*</span></label>
                                        {{-- <input type="text" class="form-control" id="assign_section" placeholder="ASSIGN SECTION" name="assign_section" required=""> --}}
                                        <select class="form-control" style="margin-right:10px;"  name="assign_section" required="">
                                                            <option selected disabled>Select Section</option>
                                                             @foreach ($section as $cla)
                                                             <option value="{{ $cla->id }}">{{ $cla->name   }}</option>
                                                             @endforeach
                                                          </select>
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>

                                    <div class="form-group col-lg-2">
                                        <label for="form_no">ROLL NO<span class="strick">*</span></label>
                                        <input type="number" class="form-control" id="roll_no" placeholder="ROLL NO" name="roll_no" required="" min="1">
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>
                                </div>


                                <!-- Student Info -->
                                <div class="block-sec">

                                    <div class="form-group col-lg-4">
                                        <label for="first_name"> NAME<span class="strick">*</span></label>
                                        <input type="text" class="form-control" id="first_name" placeholder="FIRST NAME" name="first_name" required="">
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>

                                    <div class="form-group col-lg-4">
                                        <label for="gender">GENDER<span class="strick">*</span></label>
                                        {{-- <input type="text" class="form-control" id="gender" placeholder="GENDER" name="gender" required=""> --}}
                                        <select class="form-control" name="gender" required="">
                                            <option value="male">Male</option>
                                            <option value="female">Female</option>
                                            <option value="other">Other</option>
                                        </select>
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>

                                    <div class="form-group col-lg-4">
                                        <label for="date_of_birth">DATE OF BIRTH<span class="strick">*</span></label>
                                        <input type="date" class="form-control" id="date_of_birth" placeholder="DATE OF BIRTH" name="date_of_birth" required="">
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>

                                    <div class="form-group col-lg-4">
                                        <label for="blood_group">BLOOD GROUP<span class="strick">*</span></label>
                                        <input type="text" class="form-control" id="blood_group" placeholder="BLOOD GROUP" name="blood_group" required="">
                                        <div class="valid-feedback">Valid.</div>
                                        <div class="invalid-feedback">Please fill out this field.</div>
                                    </div>