@extends('layouts.layouts_front')
@section('content')
<style>
    .dropify-wrapper {
        height: 150px !important;
        width: 150px !important;

    }
    .dropify-wrapper p{
        font-size: 12px;
    }
</style>
<link rel="stylesheet" href="{{ url('/') }}/assets/plugins/dropify/dist/css/dropify.min.css" type="text/css">
<div class="row">
   <div class="col-12 mt-4">
      <div class="card">
         <div class="card-body collapse show">
            <form action="#">
               <div class="form-body">
                  <h3 class="card-title">Registration Form</h3>
                  <hr>
                  <div class="row pt-3">
                     <div class="col-md-6">
                        <div class="form-group">
                           <label class="control-label">Name</label>
                           <input type="text" id="txtName" name="txtName" class="form-control" placeholder="Enter Name">
                           <div class="errorTxt1">
                              <div id="txtName-error" class="error"></div>
                           </div>
                        </div>
                     </div>
                     <div class="col-md-6">
                        <div class="form-group ">
                           <label class="control-label">Father's Name</label>
                           <input type="text" id="txtFathersName" name="txtFathersName" class="form-control" placeholder="Enter Father's Name">
                           <div class="errorTxt1">
                              <div id="txtFathersName-error" class="error"></div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-md-6">
                        <div class="form-group">
                           <label class="control-label">Date of Birth</label>
                           <input type="date" id="txtDOB" name="txtDOB" class="form-control" placeholder="dd/mm/yyyy">
                           <div class="errorTxt1">
                              <div id="txtDOB-error" class="error"></div>
                           </div>
                        </div>
                     </div>
                     <div class="col-md-6">
                        <div class="form-group">
                           <label class="control-label">Gender</label>
                           <select class="form-control custom-select" id="txtGender" name="txtGender">
                              <option value="">Select</option>
                              <option value="Male">Male</option>
                              <option value="Female">Female</option>
                           </select>
                           <div class="errorTxt1">
                              <div id="txtGender-error" class="error"></div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="row ">
                     <div class="col-md-6">
                        <div class="form-group">
                           <label class="control-label">Email</label>
                           <input type="text" id="txtEmail" name="txtEmail" class="form-control" placeholder="Enter Mail">
                           <div class="errorTxt1">
                              <div id="txtEmail-error" class="error"></div>
                           </div>
                        </div>
                     </div>
                     <div class="col-md-6">
                        <div class="form-group">
                           <label class="control-label">Mobile Number</label>
                           <input type="tel" id="txtMobileNumber" name="txtMobileNumber" class="form-control form-control-danger" placeholder="Enter Mobile Number">
                           <div class="errorTxt1">
                              <div id="txtMobileNumber-error" class="error"></div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-md-6">
                        <div class="form-group">
                           <label class="control-label">Religion</label>