@extends('layouts.layouts_front')
@section('content')
@php

   $ImgSize="2M";

   if(array_key_exists("SETTINGS",$FORMDATA)){

      if(array_key_exists("IMAGE-UPLOAD-SIZE",$FORMDATA['SETTINGS'])){ $ImgSize=$FORMDATA['SETTINGS']['IMAGE-UPLOAD-SIZE'];}

   }

@endphp

<link rel="stylesheet" href="{{ url('/') }}/assets/checkbox.css">
<link href="{{ url('/') }}/assets/plugins/wizard/steps.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="{{ url('/') }}/assets/plugins/dropify/dist/css/dropify.min.css" type="text/css">
<link href="{{ url('/') }}/assets/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" type="text/css">
<div class="row">
   <div class="col-12">
      <div class="card wizard-content">
         <div class="card-body">
            <h4 class="card-title">Student Personal Information</h4>
            <form action="#" class="validation-wizard wizard-circle">
               <h6>Personal Information</h6>
               <section>
                  <div class="row">
                     <div class="col-12">
                        <div class="progress">
                           <div class="progress-bar bg-info" role="progressbar" style="width: 10%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                     </div>
                  </div>
                  <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                  <div class="row">
                     <div class="col-md-6">
                        <div class="form-group">
                           <label for="txtFirstName"> First Name :<span class="text-danger">*</span></label>
                           <input type="text" class="form-control required" id="txtFirstName" name="txtFirstName" placeholder="First Name" minlength="3" maxlength="50"> 
                        </div>
                     </div>
                     <div class="col-md-6">
                        <div class="form-group">
                           <label for="txtLastName"> Last Name :</label>
                           <input type="text" class="form-control" id="txtLastName" name="txtLastName" placeholder="Last Name" maxlength="50"> 
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-md-6">
                        <div class="form-group">
                           <label for="txtFathersName"> Fathers Name :<span class="text-danger">*</span></label>
                           <input type="text" class="form-control required" id="txtFathersName" name="txtFathersName" placeholder="Fathers Name" minlength="3" maxlength="50"> 
                        </div>
                     </div>
                     <div class="col-md-6">
                        <div class="form-group">
                           <label for="dtpDOB">DOB :<span class="text-danger">*</span></label>
                           <input type="date" class="form-control required" id="dtpDOB" name="dtpDOB" placeholder="Date Of Birth Name" max="{{date('Y')-10}}{{date('-12-31')}}"> 
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-md-6">
                        <div class="form-group">
                           <label for="lstGender">Gender :<span class="text-danger">*</span></label>
                           <select class="form-control required" name="lstGender" id="lstGender">
                              <option value="">Select a Gender</option>
                              <option value="male">Male</option>
                              <option value="female">Female</option>
                              <option value="others">Others</option>
                           </select>
                        </div>
                     </div>
                     <div class="col-md-6">
                        <div class="form-group">
                           <label for="txtMinoritiesCategory"> Minority Category :<span class="text-danger">*</span></label>