<!DOCTYPE html>
<html lang="en">    
<head>
<meta charset="utf-8" />
<title> Add Project| Start Survey</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" />

<style type="text/css">
	
</style>

</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">Start Survey</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">Start Survey</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">

    <div class="col-md-12">
    	<form id="msform">
          <!-- progressbar -->
          <ul id="progressbar">
            <li class="active">General Identification</li>
            <li>A. General details of the Property</li>
            <li>Land & Constructed Area Details</li>
            <li>B. Water Supply</li>
            <li>C. Sanitation & Solid waste management</li>
            <li>D. Photographic & Remark</li>
          </ul>
          <!-- fieldsets -->
          <fieldset>
            
            <div class="card-box project-box">
                <h3 class="mt-0 text-primary">General Identification</h3>
               
                <div class="row">
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">Property Type:</label>
                            <select class="form-control select2" name="property-type" id="property-type">
                            <option>Select Property Type</option>
                            <option value="Slum">Slum</option>
                            <option value="Non Slum">Non Slum</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">Slum Id <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" placeholder="Slum Id" name="slum-id">
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">State <span class="text-danger">*</span></label>
                            <select class="form-control select2" name="state" id="state">
                            <option>Select State</option>
                            <option value="Madhya Pradesh">Madhya Pradesh</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">District <span class="text-danger">*</span></label>
                            <select class="form-control select2" name="district" id="district">
                            <option>Select District</option>
                            <option value="Madhya Pradesh">Madhya Pradesh</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">Division </label>
                            <input type="text" class="form-control" placeholder="Division" name="division">
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">UMC Code </label>
                            <input type="text" class="form-control"  placeholder="UMC Code" name="umc-code">
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">Zone No. </label>
                            <select class="form-control select2" name="zone-no" id="zone-no">
                            <option>Select Zone No</option>
                            <option value="Zone 1">Zone 1</option>
                            <option value="Zone 2">Zone 2</option>
                            <option value="Zone 3">Zone 3</option>
                            <option value="Zone 4">Zone 4</option>
                            <option value="Zone 5">Zone 5</option>
                            <option value="Zone 6">Zone 6</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">Ward No. </label>
                            <select class="form-control select2" name="ward-no" id="ward-no">
                            <option>Select Ward No</option>
                            <option value="Ward 1">Ward 1</option>
                            <option value="Ward 2">Ward 2</option>
                            <option value="Ward 3">Ward 3</option>
                            <option value="Ward 4">Ward 4</option>
                            <option value="Ward 5">Ward 5</option>
                            <option value="Ward 6">Ward 6</option>
                            <option value="Ward 7">Ward 7</option>
                            <option value="Ward 8">Ward 8</option>
                            <option value="Ward 9">Ward 9</option>
                            <option value="Ward 10">Ward 10</option>
                            <option value="Ward 11">Ward 11</option>
                            <option value="Ward 12">Ward 12</option>
                            <option value="Ward 13">Ward 113</option>
                            <option value="Ward 14">Ward 14</option>
                            <option value="Ward 15">Ward 15</option>
                            <option value="Ward 16">Ward 16</option>
                            <option value="Ward 17">Ward 17</option>
                            <option value="Ward 18">Ward 18</option>
                            <option value="Ward 19">Ward 19</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">Parcel No  <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" placeholder="Parcel No" name="parcel-no">
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">Property No  <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" placeholder="Property No" name="property-no">
                        </div>
                    </div>                
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="col-form-label">Aadhar No: <span class="text-danger">*</span></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-4">
                        <div class="form-group">
                            <label class="col-form-label">E-Nagarpalika ID  <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" placeholder="E-Nagarpalika ID" name="e-nagarpalika-id">
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-form-label">Unique ID  <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" placeholder="Unique ID" name="unique-id">
                        </div>
                    </div>
                    
                    <div class="col-md-12 text-right">
                    	
                        <div class="form-group">
                            <input type="button" name="next" class="next btn btn-success w-md waves-effect waves-light" value="Next" />
                        </div>
                    </div>
              </div>
              
              
               
         </div>
        
        
            
            
            
          </fieldset>
          <fieldset>
              <div class="card-box project-box">
                    <h3 class="mt-0 text-primary"><strong>A.</strong> General Property Details</h3>
                   
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>1.</strong> Name of the Respondent:</label>
                                <div class="input-group">
                                <div class="input-group-prepend">
                                <select class="form-control" name="mr">
                                <option value="Mr.">Mr.</option>
                                <option value="Mrs.">Mrs.</option>
                                <option value="Ms.">Ms</option>
                                </select>
                                </div>
                                <input type="text" class="form-control" placeholder="Respondent Name" name="respondent-name">
                                
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>1.1</strong> Relation of respondent with the owner <span class="text-danger">*</span></label>
                                <select class="form-control select2" name="relation-with-owner" id="relation-with-owner">
                                <option>Select Relation</option>
                                <option value="Father">Father</option>
                                <option value="Mother">Mother</option>
                                <option value="Husband">Husband</option>
                                <option value="Son">Son</option>
                                <option value="Doughter">Doughter</option>
                                <option value="Brother">Brother</option>
                                <option value="Sister">Sister</option>
                                <option value="Grand Parent">Grand Parent</option>
                                <option value="Relative">Relative</option>
                                <option value="Self">Self</option>
                                <option value="Grand Child">Grand Child</option>
                                <option value="Other">Other</option>
                                
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label">Please Specify</label>
                                <input type="text" class="form-control" placeholder="Please Specify" name="specify-relation">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>2.</strong> Name of the Property owner:</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <select class="form-control" name="mr">
                                        <option value="Mr.">Mr.</option>
                                        <option value="Mrs.">Mrs.</option>
                                        <option value="Ms.">Ms</option>
                                        </select>
                                    </div>
                                	<input type="text" class="form-control" placeholder="Property Owner Name" name="property-owner-name">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>3.</strong> Father/ Husband Mr./ Mrs./ Ms. <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" placeholder="" name="father-hhusband-mr">
                            </div>
                        </div>
                     </div>
                     <h3 class="mt-15 text-dark">Address</h3>
                   
                     <div class="row">   
                        
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>4.1</strong> House/ Plot/ Building/ Apartment No. <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" placeholder="" name="house-plot-no">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>4.2</strong> Street No. </label>
                                <input type="text" class="form-control" placeholder="" name="street-no">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>4.3</strong> Colony/ Mohallah </label>
                                <input type="text" class="form-control" placeholder="" name="colony">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>4.4</strong> City </label>
                                <input type="text" class="form-control" placeholder="" name="city">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>4.5</strong> Pin </label>
                                <input type="text" class="form-control pin-no" placeholder="" name="pin">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>4.6</strong> Telephone/ Mobile No. </label>
                                <input type="text" class="form-control mobile-no" placeholder="" name="telephone">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>4.7</strong> Electricity Bill ID </label>
                                <input type="text" class="form-control" placeholder="" name="electricity-bill-id">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>4.8</strong> Samargh ID</label>
                                <input type="text" class="form-control" placeholder="" name="samargh-id">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>4.9</strong> Voter ID</label>
                                <input type="text" class="form-control" placeholder="" name="samargh-id">
                            </div>
                        </div>
                     </div>   
                     <h3 class="mt-15 text-dark">Current Tax Rate Zone</h3>
                   
                     <div class="row"> 
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>5.1</strong> Property Tax No.(as per CMC record)</label>
                                <input type="text" class="form-control" placeholder="" name="property-tax-no">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>6.</strong> Property Ownership (Tick as appropriate)</label>
                                <select class="form-control select2" placeholder="" name="property-ownership">
                                
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"> Property Ownership (Tick as appropriate)</label>
                                <input type="text" class="form-control" placeholder="" name="property-ownership-specify">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="col-form-label"><strong>7.</strong> Situation</label>
                                <div class="form-group">
                                	<div class="d-flex align-items-center">
                                	<div class="custom-control custom-switch mr-1">
                                        <input type="checkbox" class="custom-control-input" id="main-road">
                                        <label class="custom-control-label" for="main-road">Main Road</label>
                                    </div>
                                    <div class="custom-control custom-switch mr-1">
                                        <input type="checkbox" class="custom-control-input" id="main-market">
                                        <label class="custom-control-label" for="main-market">Main Market</label>
                                    </div>
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-input" id="any-other-location">
                                        <label class="custom-control-label" for="any-other-location">Any other Location</label>
                                    </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="col-form-label"><strong>8.</strong> Is the property used for residential purpose alone</label>
                                <div class="inline-radio">
                                    <div class="radio-box">
                                        <div class="radio">
                                            <input type="radio" class="" name="property-used-for-residential" id="yes" value="1" checked="">
                                            <label for="yes" class="radio-label">Yes</label>
                                        </div>
                                    </div>
                                    <div class="radio-box">
                                        <div class="radio">
                                            <input type="radio" class="" name="property-used-for-residential" id="no" value="2">
                                            <label for="no" class="radio-label">No</label>
                                        </div>
                                    </div>
                                    <div class="radio-box">
                                        <div class="radio">
                                            <input type="radio" class="" name="property-used-for-residential" id="mix" value="3">
                                            <label for="mix" class="radio-label">Mix</label>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="form-group">
                                <label class="col-form-label"><strong>9.</strong> How many households, including your own, live in this property</label>
                                <input type="text" class="form-control" placeholder="" name="no-of-households">
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-group">
                                <label class="col-form-label"><strong>10.</strong> Please indicate code number of use (see code below)</label>
                                <select class="form-control select2" name="property-uses" id="property-uses">
                                <option>Select Property Uses</option>
                                <option value="Restaurants/Lodging Houses">Restaurants/Lodging Houses</option>
                                <option value="Shops/Office/Bank">Shops/Office/Bank</option>
                                <option value="Commercial Complex (Shoping Mall, Trade Centre etc.)">Commercial Complex (Shoping Mall, Trade Centre etc.)</option>
                                
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12 text-right">
                            
                            <div class="form-group">
                            	<input type="button" name="previous" class="previous btn btn-dark w-md waves-effect waves-light" value="Previous" />
                                <input type="button" name="next" class="next btn btn-success w-md waves-effect waves-light" value="Next" />
                            </div>
                        </div>
                  </div>
                  
                  
                   
             </div>
          
          
            
          </fieldset>
          <fieldset>
          	<div class="card-box project-box">
                    <h3 class="mt-0 text-dark"> Area Details of Land</h3>
                   
                    <div class="row">
                        
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>11.</strong> Type of Construction</label>
                                <select class="form-control select2" name="type-of-construction" id="type-of-construction">
                                <option>Select Type of Construction</option>
                                <option value=" Roofs made of RCC, RBC, Stone"> Roofs made of RCC, RBC, Stone</option>
                                <option value="Roofs made of sheets of cement, iron, tiles">Roofs made of sheets of cement, iron, tiles</option>
                                <option value="Kutcha">Kutcha</option>
                                
                                </select>

                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>12.</strong> Year of Construction</label>
                                <select class="form-control select2" name="year-of-construction" id="year-of-construction">
                                    <option>Select Type of Construction</option>
                                    <option value="After 1997"> After 1997</option>
                                    <option value="Between 1900 & 1997">Between 1900 & 1997</option>
                                    <option value="Prior to 1900">Prior to 1900</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>13.1</strong> Area of Land, Total Plot Size (sqft)</label>
                                <input type="text" class="form-control" placeholder="" name="area-of-land">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>13.2</strong> Plinth Area of Property</label>
                                <input type="text" class="form-control" placeholder="" name="plinth-area-of-property">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>13.3</strong> Vacant Land Area (1-2) sqft.</label>
                                <input type="text" class="form-control" placeholder="" name="vacant-land-area">
                            </div>
                        </div>
                     </div>
                     <h3 class="mt-0 text-dark">Details of Constructed Area</h3>
                     <div class="row">
                        
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="col-form-label"><strong>14.1</strong> Floor</label>
                                <div class="form-group">
                                	<div class="d-flex align-items-center">
                                	<div class="custom-control custom-switch mr-1">
                                        <input type="checkbox" class="custom-control-input" id="vacant-land" name="floor-type1" value="1">
                                        <label class="custom-control-label" for="vacant-land">Vacant Land</label>
                                    </div>
                                    <div class="custom-control custom-switch mr-1">
                                        <input type="checkbox" class="custom-control-input" id="basement" name="floor-type2" value="2">
                                        <label class="custom-control-label" for="basement">Basement</label>
                                    </div>
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-input" id="ground-Floor" name="floor-type3" value="3">
                                        <label class="custom-control-label" for="ground-Floor">Ground Floor</label>
                                    </div>
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-input" id="floors" name="floor-type4" value="4">
                                        <label class="custom-control-label" for="floors">Floors</label>
                                    </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="col-md-12" id="vacant-div">
                        	<div class="fieldset">
                                <legend>14.1 Vacant Land Details </legend>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="col-form-label"><strong>A.</strong> Type of Property</label>
                                            <select class="form-control" name="vacant-property-type">
                                                <option value="">Select Property Type</option>
                                                <option value="Commercial">Commercial</option>
                                                <option value="Residential">Residential</option>
                                                <option value="Other">Other</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="col-form-label"><strong>B.</strong> Total Area (Sqft)</label>
                                            <input type="text" class="form-control" name="vacant-total-area">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="col-form-label"><strong>C.</strong> Type of Property Usage</label>
                                            
                                            <div class="form-group">
                                                <div class="d-flex align-items-center">
                                                <div class="custom-control custom-switch mr-1 d-flex">
                                                    <input type="checkbox" class="custom-control-input" id="vacant-self-occupied">
                                                    <label class="custom-control-label" for="vacant-self-occupied">Self Occupied</label>
                                                </div>
                                                <input type="text" class="form-control small-input" name="vacant-self-occupied-desc">
                                                   
                                                <div class="custom-control custom-switch mr-1">
                                                    <input type="checkbox" class="custom-control-input" id="vacant-rented">
                                                    <label class="custom-control-label" for="vacant-rented">Rented</label>
                                                </div>
                                               
                                                <input type="text" class="form-control small-input" name="vacant-rented-desc">
                                                  
                                                <div class="custom-control custom-switch">
                                                    <input type="checkbox" class="custom-control-input" id="vacant-nature-of-use">
                                                    <label class="custom-control-label" for="vacant-nature-of-use">Nature of use (code in 10)</label>
                                                    
                                                </div>
                                                <input type="text" class="form-control small-input" name="vacant-nature-of-use-desc">
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="col-form-label"><strong>D.</strong> Type of Construction</label>
                                            <select class="form-control" name="vacant-construction-type">
                                                <option value="">Select Construction Type</option>
                                                <option value="Commercial">Roofs made of RCC, RBC, Stone</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="col-form-label"><strong>E.</strong> Total Bild up Area</label>
                                            <input type="text" class="form-control" name="vacant-total-build-up-area">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="col-form-label"><strong>15.</strong> Are you (as a property owner) entitled to any Concession  </label>
                                <div class="form-group">
                                	<div class="inline-radio">
                                        <div class="radio-box">
                                            <div class="radio">
                                                <input type="radio" class="" name="as-a-property-owner" id="aa-yes" value="1" >
                                                <label for="aa-yes" class="radio-label">Yes</label>
                                            </div>
                                        </div>
                                        <div class="radio-box">
                                            <div class="radio">
                                                <input type="radio" class="" name="as-a-property-owner" id="aa-no" value="2">
                                                <label for="aa-no" class="radio-label">No</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="col-md-4" id="concession-div">
                            <div class="form-group">
                                <label class="col-form-label">Select Concession</label>
                                <select class="form-control" name="concession">
                                    <option value="">Select Concession</option>
                                    <option value="Freedom Fighter">Freedom Fighter</option>
                                    <option value="Retired from Armed Forces">Retired from Armed Forces</option>
                                    <option value="Mentally retarded">Mentally retarded</option>
                                    <option value="Abandoned Women">Abandoned Women</option>
                                    <option value="Widow">Widow</option>
                                    <option value="Other eligibility (Specify)">Other eligibility (Specify)</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12 text-right">
                            
                            <div class="form-group">
                            	<input type="button" name="previous" class="previous btn btn-dark w-md waves-effect waves-light" value="Previous" />
                                <input type="button" name="next" class="next btn btn-success w-md waves-effect waves-light" value="Next" />
                            </div>
                        </div>
                  </div>
                  
                  
                   
             </div>
          
          </fieldset>
          <fieldset>
          	<div class="card-box project-box">
                    <h3 class="mt-0 text-primary"> <strong>B. </strong> Water Supply Details</h3>
                   
                    <div class="row">
                        
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>16.</strong> Do you have a in-house municipal water supply connection</label>
                                <div class="form-group">
                                	<div class="inline-radio">
                                        <div class="radio-box">
                                            <div class="radio">
                                                <input type="radio" class="" name="municipal-water-supply" id="mw-yes" value="1" >
                                                <label for="mw-yes" class="radio-label">Yes</label>
                                            </div>
                                        </div>
                                        <div class="radio-box">
                                            <div class="radio">
                                                <input type="radio" class="" name="municipal-water-supply" id="mw-no" value="2">
                                                <label for="mw-no" class="radio-label">No</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                

                            </div>
                        </div>
                        <div class="col-md-4" id="service-conection-no">
                            <div class="form-group">
                                <label class="col-form-label"><strong>17.</strong> Service Connection Number</label>
                                <input type="text" class="form-control" name="service-connection-number">
                            </div>
                        </div>
                        <div class="col-md-4" id="no-of-connections">
                            <div class="form-group">
                                <label class="col-form-label"><strong>18.1 </strong> Number of Connections</label>
                                <input type="text" class="form-control" name="number-of-connections">
                            </div>
                        </div>
                        <div class="col-md-4" id="diameter-of-the-service">
                            <div class="form-group">
                                <label class="col-form-label"><strong>18.2 </strong> Diameter of the service</label>
                                <input type="text" class="form-control" name="diameter-of-the-service">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>19. </strong> Type of Use</label>
                                <select class="form-control" name="type-of-use">
                                    <option value="">Select Type of Use</option>
                                    <option value="Domestic">Domestic</option>
                                    <option value="Commercial">Commercial</option>
                                    <option value="Other">Other</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="col-form-label">Please Specify Type of Use</label>
                                <input type="text" class="form-control" name="specyfy-type-of-use">
                            </div>
                        </div>
                        <div class="col-md-12 text-right">
                            <div class="form-group">
                            	<input type="button" name="previous" class="previous btn btn-dark w-md waves-effect waves-light" value="Previous" />
                                <input type="button" name="next" class="next btn btn-success w-md waves-effect waves-light" value="Next" />
                            </div>
                        </div>
                        
                        
                    </div>
           </div>
          </fieldset>
          <fieldset>
          	<div class="card-box project-box">
                    <h3 class="mt-0 text-primary"> <strong>C. </strong> Sanitation & Waste Management</h3>
                    
                    <h4 class="mt-0 text-dark">Sanitation </h4>
                   
                    <div class="row">
                        
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="col-form-label"><strong>20.</strong> Do you have a toilet in house</label>
                                <div class="form-group">
                                	<div class="inline-radio">
                                        <div class="radio-box">
                                            <div class="radio">
                                                <input type="radio" class="" name="have-toilet" id="hv-yes" value="1" >
                                                <label for="hv-yes" class="radio-label">Yes</label>
                                            </div>
                                        </div>
                                        <div class="radio-box">
                                            <div class="radio">
                                                <input type="radio" class="" name="have-toilet" id="hv-no" value="2">
                                                <label for="hv-no" class="radio-label">No</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                

                            </div>
                        </div>
                        
                        <div class="col-md-4" id="toilet-div">
                            <div class="form-group">
                                <label class="col-form-label"> Type of Toilet</label>
                                <select class="form-control" name="type-of-toilet">
                                    <option value="">Select Type of Toilet</option>
                                    <option value="Connected to municipal sewer system">Connected to municipal sewer system</option>
                                    <option value="Connected to the septic tank">Connected to the septic tank</option>
                                    <option value="Connected to surface drains">Connected to surface drains</option>
                                    <option value="Pour flush pit latrine">Pour flush pit latrine</option>
                                    <option value="Dry/ bucket latrine">Dry/ bucket latrine</option>
                                    <option value="No toilet">No toilet</option>
                                    
                                </select>
                            </div>
                        </div>
                    </div>
                    <h4 class="mt-0 text-dark">Solid Waste Management </h4>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="col-form-label">Door to Door Collection</label>
                                <div class="form-group">
                                	<div class="inline-radio">
                                        <div class="radio-box">
                                            <div class="radio">
                                                <input type="radio" class="" name="door-to-door-collection" id="ddc-yes" value="1" >
                                                <label for="ddc-yes" class="radio-label">Yes</label>
                                            </div>
                                        </div>
                                        <div class="radio-box">
                                            <div class="radio">
                                                <input type="radio" class="" name="door-to-door-collection" id="ddc-no" value="2">
                                                <label for="ddc-no" class="radio-label">No</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4" id="door-to-door-div">
                            <div class="form-group">
                                <label class="col-form-label"> Collection by</label>
                                <select class="form-control" name="collection-by">
                                    <option value="">Select Type of Toilet</option>
                                    <option value="Municipal Authority">Municipal Authority</option>
                                    <option value="Colonizer">Colonizer</option>
                                    <option value="Mohalla Samiti">Mohalla Samiti</option>
                                    <option value="Any Other">Any Other</option>
                                    <option value="Dry/ bucket latrine">Dry/ bucket latrine</option>
                                    <option value="No toilet">No toilet</option>
                                    
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="col-form-label">Please Specify Type of Collection</label>
                                <input type="text" class="form-control" name="specyfy-type-of-collection">
                            </div>
                        </div>
                        <div class="col-md-12 text-right">
                            <div class="form-group">
                            	<input type="button" name="previous" class="previous btn btn-dark w-md waves-effect waves-light" value="Previous" />
                                <input type="button" name="next" class="next btn btn-success w-md waves-effect waves-light" value="Next" />
                            </div>
                        </div>
                        
                        
                    </div>
           </div>
          </fieldset>
          
          <fieldset>
          	<div class="card-box project-box">
                    <h3 class="mt-0 text-primary"> <strong>D. </strong> Photographic & Remarks</h3>
                    <div class="row">
                        <div class="col-md-4">
                        <div class="form-group">
                            <label class="col-form-label">Upload Images:</label>
                            <input type="file" class="dropify" data-default-file=""  />
                        </div>
                        </div>
                        <div class="col-md-12">
                        <div class="form-group">
                            <label class="col-form-label">Remarks:</label>
                            <textarea class="form-control" cols="4" rows="5"></textarea>
                        </div>
                        </div>
                        <div class="col-md-12 text-right">
                            <div class="form-group">
                            	<input type="button" name="previous" class="previous btn btn-dark w-md waves-effect waves-light" value="Previous" />
                                <input type="button" name="save" class="save btn btn-success w-md waves-effect waves-light" value="Save" />
                                <input type="submit" name="submit" class="submit btn btn-primary w-md waves-effect waves-light" value="Submit Data" />
                            </div>
                        </div>
                  </div>
           </div>
          </fieldset>
          
          
        </form>
    </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="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.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>

<script>
	$('#vacant-div').hide();
	$('input[name="vacant-self-occupied-desc"]').hide();
	$('input[name="vacant-rented-desc"]').hide();
	$('input[name="vacant-nature-of-use-desc"]').hide();
	$('#concession-div').hide();
	$('#service-conection-no').hide();
	$('#no-of-connections').hide();
	$('#diameter-of-the-service').hide();
	
	//jQuery time
	var current_fs, next_fs, previous_fs; //fieldsets
	var left, opacity, scale; //fieldset properties which we will animate
	var animating; //flag to prevent quick multi-click glitches
	
	$(".next").click(function () {
	  if (animating) return false;
	  animating = true;
	
	  current_fs = $(this).closest("fieldset");
	  next_fs = $(this).closest("fieldset").next();
	
	  //activate next step on progressbar using the index of next_fs
	  $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
	
	  //show the next fieldset
	  next_fs.show();
	  //hide the current fieldset with style
	  current_fs.animate(
		{ opacity: 0 },
		{
		  step: function (now, mx) {
			//as the opacity of current_fs reduces to 0 - stored in "now"
			//1. scale current_fs down to 80%
			scale = 1 - (1 - now) * 0.2;
			//2. bring next_fs from the right(50%)
			left = now * 50 + "%";
			//3. increase opacity of next_fs to 1 as it moves in
			opacity = 1 - now;
			current_fs.css({
			  transform: "scale(" + scale + ")",
			  position: "absolute"
			});
			next_fs.css({ left: left, opacity: opacity });
		  },
		  duration: 800,
		  complete: function () {
			current_fs.hide();
			animating = false;
		  },
		  //this comes from the custom easing plugin
		  easing: "easeInOutBack"
		}
	  );
	});
	
	$(".previous").click(function () {
	  if (animating) return false;
	  animating = true;
	
	  current_fs = $(this).closest("fieldset");
	  previous_fs = $(this).closest("fieldset").prev();
	
	  //de-activate current step on progressbar
	  $("#progressbar li")
		.eq($("fieldset").index(current_fs))
		.removeClass("active");
	
	  //show the previous fieldset
	  previous_fs.show();
	  //hide the current fieldset with style
	  current_fs.animate(
		{ opacity: 0 },
		{
		  step: function (now, mx) {
			//as the opacity of current_fs reduces to 0 - stored in "now"
			//1. scale previous_fs from 80% to 100%
			scale = 0.8 + (1 - now) * 0.2;
			//2. take current_fs to the right(50%) - from 0%
			left = (1 - now) * 50 + "%";
			//3. increase opacity of previous_fs to 1 as it moves in
			opacity = 1 - now;
			current_fs.css({ left: left });
			previous_fs.css({
			  transform: "scale(" + scale + ")",
			  opacity: opacity
			});
		  },
		  duration: 800,
		  complete: function () {
			current_fs.hide();
			animating = false;
		  },
		  //this comes from the custom easing plugin
		  easing: "easeInOutBack"
		}
	  );
	});
	
	$(".submit").click(function () {
	  return false;
	});
	
	$("input[name='floor-type1']").change(function() {
		if(this.checked) {
			var checkValue = $("input[name='floor-type1']:checked").val();
			//alert(checkValue);
			$('#vacant-div').show();
		}else{
			$('#vacant-div').hide();
		}
	});
	$("#vacant-self-occupied").change(function() {
		if(this.checked) {
			$('input[name="vacant-self-occupied-desc"]').show();
		}else{
			$('input[name="vacant-self-occupied-desc"]').hide();
		}
	});
	$("#vacant-rented").change(function() {
		if(this.checked) {
			$('input[name="vacant-rented-desc"]').show();
		}else{
			$('input[name="vacant-rented-desc"]').hide();
		}
	});
	$("#vacant-nature-of-use").change(function() {
		if(this.checked) {
			$('input[name="vacant-nature-of-use-desc"]').show();
		}else{
			$('input[name="vacant-nature-of-use-desc"]').hide();
		}
	});
	
	$("input[name='as-a-property-owner']").click(function(){
        var radioValue = $("input[name='as-a-property-owner']:checked").val();
        if(radioValue == 1){
            $('#concession-div').show();
        }else{
            $('#concession-div').hide();
        }
    });
	$("input[name='municipal-water-supply']").click(function(){
        var radioValue = $("input[name='municipal-water-supply']:checked").val();
        if(radioValue == 1){
            $('#service-conection-no').show();
			$('#no-of-connections').show();
			$('#diameter-of-the-service').show();
        }else{
            $('#service-conection-no').hide();
			$('#no-of-connections').hide();
			$('#diameter-of-the-service').hide();
        }
    });
	
	
	
	

</script>

</body>
</html>