<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title> Add Project|The Housing Value Assessment Methodology</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="" />
    <meta content="Indev Consultancy Pvt. Ltd." name="author" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="shortcut icon" href="assets/images/fav.png">
    <link href="assets/css/app.min.css" id="app-stylesheet" rel="stylesheet" type="text/css" />
</head>

<body data-layout="horizontal" data-topbar="light">
    <div id="wrapper">
        <?php include("include/header.php"); ?>
        <div class="content-page">
            <div class="content">
                <div class="page-title-box">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="d-flex d-title-box-block align-items-center justify-content-between">
                                    <h4 class="page-title">Project Registration</h4>
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="dashboard.php">Home</a></li>
                                            <li class="breadcrumb-item active">Project Registration</li>
                                        </ol>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="card-box project-box">
                                <h4 class="mt-0">Project Details</h4>
                                <form action="" method="post">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="col-form-label">Household No</label>
                                                <input type="text" class="form-control" required="" placeholder="" name="household-no">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="col-form-label">Have You an Aadhar Card ?</label>
                                                <div class="inline-radio">
                                                    <div class="radio-box">
                                                        <div class="radio">
                                                            <input type="radio" class="" name="aadhar" id="yes" value="1" checked="">
                                                            <label for="yes" class="radio-label">Yes, I have</label>
                                                        </div>
                                                    </div>
                                                    <div class="radio-box">
                                                        <div class="radio">
                                                            <input type="radio" class="" name="aadhar" id="other" value="2">
                                                            <label for="other" class="radio-label">I have other Nationalised ID card</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6" id="national-id">
                                            <div class="form-group">
                                                <label class="col-form-label">Select Nationalised ID card:</label>
                                                <select class="form-control select2" name="id-card" id="id-card">
                                                    <option>Select Id Card</option>
                                                    <option value="Driving Licence">Driving Licence</option>
                                                    <option value="Voter Id Card">Voter Id Card</option>
                                                    <option value="Ration Card">Ration Card</option>
                                                    <option value="Electricity Bill">Electricity Bill</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6" id="national-id-num">
                                            <div class="form-group">
                                                <label class="col-form-label">Nationalised ID Number:</label>
                                                <input id="nationalised-id-number" type="text" value="" name="nationalised-id-number" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-lg-6" id="adhar-input">
                                            <div class="form-group">
                                                <label class="col-form-label">Aadhar No:</label>
                                                <div class="input-group">
                                                    <input id="adhar-no" type="text" value="" name="adhar-no" class="form-control aadhar-no">
                                                    <span class="input-group-btn input-group-append">
                                                        <button class="btn btn-primary" type="button"><i class="fas fa-qrcode"></i></button>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="col-form-label">Head of the family name(Female)</label>
                                                <input type="text" class="form-control" required="" placeholder="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="col-form-label">Mobile No</label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control mobile-no" required="" placeholder="">
                                                    <div class="input-group-append">
                                                        <div class="input-group-text"><i class="fa fa-phone-alt"></i></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <label class="col-form-label">Gender:</label>
                                                <select class="form-control" name="gender" id="gender">
                                                    <option>Select Gender</option>
                                                    <option value="Male">Male</option>
                                                    <option value="Female">Female</option>
                                                    <option value="Other">Other</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <label class="col-form-label">Age:</label>
                                                <input type="number" class="form-control" name="age" id="age">
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <label class="col-form-label">Religion:</label>
                                                <select class="form-control" name="religion" id="religion">
                                                    <option>Select Religion</option>
                                                    <option value="Muslim">Hindu</option>
                                                    <option value="Muslim">Muslim</option>
                                                    <option value="Christian">Christian </option>
                                                    <option value="Sikh">Sikh </option>
                                                    <option value="Other">Other </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <label class="col-form-label">Caste:</label>
                                                <input type="text" class="form-control" name="caste" id="caste">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="col-form-label">Total Land Holding</label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control" required="" placeholder="">
                                                    <div class="input-group-append">
                                                        <select class="form-control" name="landholding-type" id="landholding-type">
                                                            <option value="Muslim">In Acres</option>
                                                            <option value="In Bigha">In Bigha</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <h4 class="mb-3">Family Details</h4>
                                        </div>
                                        <div class="col-lg-12 input_fields_wrap">
                                            <fieldset>
                                                <legend>Family Member 1 </legend>
                                                <a class="btn btn-primary add-delete-btn" href="javascript:void(0);">
                                                    <i class="fa fa-plus"></i>
                                                </a>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label class="col-form-label">Name</label>
                                                            <div class="input-group">
                                                                <input type="text" class="form-control" placeholder="" name="m-name[]">
                                                                <div class="input-group-append">
                                                                    <select class="form-control" name="relation[]">
                                                                        <option value="">Relation</option>
                                                                        <option value="Father">Father</option>
                                                                        <option value="Mother">Mother</option>
                                                                        <option value="Uncle">Uncle</option>
                                                                        <option value="Uncle">Aunty</option>
                                                                        <option value="Wife">Wife</option>
                                                                        <option value="Husband">Husband</option>
                                                                        <option value="Brother">Brother</option>
                                                                        <option value="Sister">Sister</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label class="col-form-label">Age:</label>
                                                            <input type="number" class="form-control" name="mage[]">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label class="col-form-label">Education:</label>
                                                            <select class="form-control" name="meducation[]">
                                                                <option value="">Education</option>
                                                                <option value="Post Graduate">Post Graduate</option>
                                                                <option value="Graduate">Graduate</option>
                                                                <option value="12th">12th</option>
                                                                <option value="10th">10th</option>
                                                                <option value="8th">8th</option>
                                                                <option value="5th">5th</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label class="col-form-label">Occupation:</label>
                                                            <input type="text" class="form-control" name="moccupation[]">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label class="col-form-label">Monthly Income:</label>
                                                            <div class="input-group">
                                                                <div class="input-group-prepend">
                                                                    <div class="input-group-text"><i class="fa fa-rupee-sign"></i></div>
                                                                </div>
                                                                <input type="text" class="form-control" name="mmincome[]">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="col-form-label">Project's Image:</label>
                                                <input type="file" class="dropify" data-default-file="assets/images/users/user-1.jpg" />
                                            </div>
                                        </div>
                                        <div class="col-md-12 text-right">
                                            <div class="form-group">
                                                <input type="submit" class="btn btn-primary btn-rounded w-md waves-effect waves-light" name="submit-form" value="Submit Project Data">
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php include("include/footer.php"); ?>
        </div>
    </div>
    <script src="assets/js/vendor.min.js"></script>
    <script src="assets/js/app.min.js"></script>
    <script src="assets/libs/select2/select2.full.min.js"></script>
    <script src="assets/libs/moment/moment.js"></script>
    <script src="assets/libs/multiselect/jquery.multi-select.js"></script>
    <script src="assets/libs/select2/select2.full.min.js"></script>
    <script src="assets/libs/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
    <script src="assets/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script src="assets/libs/jquery-mask-plugin/jquery.mask.min.js"></script>
    <script src="assets/libs/dropify/dropify.min.js"></script>
    <script src="assets/js/custom.js"></script>
</body>

</html>