File: /home/imensosw/www/imenso.co/dev/triwinds/admin2/add-new-home.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Triwind Communities </title>
<link rel='stylesheet' href='css/bootstrap.min.css' media='all' />
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
<link href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
<link href="https://cdn.rawgit.com/atatanasov/gijgo/master/dist/combined/css/gijgo.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<?php include('header.php');?>
<nav class="navbar navbar-expand-lg fixed-top">
<div class="form-header">
<a href="homes.php"><i class="fa fa-chevron-left"></i></a> Add New Home
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="ml-auto userinfo">
<a href="" class="mr-4 notify"><i class="fa fa-bell-o"></i></a>
<div class="user-area dropdown">
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="images/avatar-3.png" class="rounded mr-2" width="30">
Alice Smith
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Profile</a>
<a class="dropdown-item" href="#">Setting</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Logout</a>
</div>
</div>
</div>
</div>
</nav>
<main class="offset">
<div class="container-fluid">
<div class="row gutter pt-4">
<div class="col-lg-6 offset-lg-1">
<form>
<div class="d-card">
<h4>Basic Details</h4>
<div class="form-group">
<label>Park</label>
<select class="chosen-select">
<option>Abc</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea class="form-control" rows="5"></textarea>
</div>
<div class="form-group">
<label>Space</label>
<input type="" class="form-control" name="">
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Lenght (Ft)</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col">
<div class="form-group">
<label>Width (Ft)</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col">
<div class="form-group">
<label>Area (Sq. Ft)</label>
<input type="" disabled="" class="form-control" name="">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Bedroom(s)</label>
<select class="chosen-select">
<option>1</option>
<option>2</option>
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<label>Bathroom(s)</label>
<select class="chosen-select">
<option>1</option>
<option>2</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label>Address</label>
<textarea class="form-control" rows=""></textarea>
</div>
<div class="form-group">
<label>State</label>
<select class="chosen-select">
<option>MI</option>
</select>
</div>
</div>
<div class="d-card mt-4">
<h4>Amenities</h4>
<div class="form-group">
<label>Amenities & Attractions</label>
<textarea class="form-control" rows="5"></textarea>
</div>
</div>
<div class="d-card mt-4">
<h4>Pictures</h4>
<div class="uploader">
<i class="fa fa-upload fa-2x"></i>
Upload Pictures
</div>
</div>
<div class="d-card mt-4">
<h4>Pricing</h4>
<fieldset class="form-group">
<div class="row">
<div class="col-sm-3">
<div class="form-check">
<input class="form-check-input" type="radio" onclick="$('#forRent').show(); $('#forSale').hide();" name="gridRadios" id="gridRadios1" value="option1" checked>
<label class="form-check-label" for="gridRadios1">
Rent
</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-check">
<input class="form-check-input" type="radio" onclick="$('#forRent').hide(); $('#forSale').show();" name="gridRadios" id="gridRadios2" value="option2">
<label class="form-check-label" for="gridRadios2">
Sale
</label>
</div>
</div>
</div>
</fieldset>
<div class="row" id="forRent">
<div class="col-lg-6">
<div class="form-group">
<label>Occupied POH Rent</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label>Market Rent</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label>21st Loan Payment/Rent Credit</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label>POH Rent</label>
<input type="" class="form-control" name="">
</div>
</div>
</div>
<div class="row" id="forSale" style="display: none;">
<div class="col-lg-6">
<div class="form-group">
<label>Cost Basic</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label>NADA</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label>Sale Price</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label>Approved?</label>
<select class="chosen-select">
<option>Yes</option>
<option>No</option>
</select>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="col-lg-4">
<form>
<div class="d-card">
<h4>Quick Status</h4>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Sales Status</label>
<select class="chosen-select">
<option>Rented</option>
<option>Coming Soon</option>
</select>
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Condition</label>
<select class="chosen-select">
<option>New</option>
<option>Used</option>
</select>
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Occupancy</label>
<select class="chosen-select">
<option>Occupied</option>
<option>On Order</option>
</select>
</div>
</div>
<div class="d-card mt-4">
<h4>Important Dates</h4>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">MCO date</label>
<input id="datepicker" width="270" />
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Permit issue date</label>
<input id="datepicker2" width="270" />
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Delivery date</label>
<input id="datepicker3" width="270" />
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Contractor start date</label>
<input id="datepicker4" width="270" />
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Estimated completion</label>
<input id="datepicker5" width="270" />
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Installation Acceptance Date</label>
<input id="datepicker6" width="270" />
</div>
</div>
<div class="d-card mt-4">
<h4>Other Details</h4>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Title Status</label>
<input type="text" class="form-control" style="width: 170px;">
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">DTN #</label>
<input type="text" class="form-control" style="width: 170px;">
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Tax Clearance</label>
<input type="text" class="form-control" style="width: 170px;">
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">DOM</label>
<input type="text" class="form-control" style="width: 170px;">
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Trade Name</label>
<input type="text" class="form-control" style="width: 170px;">
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Model</label>
<input type="text" class="form-control" style="width: 170px;">
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Serial</label>
<input type="text" class="form-control" style="width: 170px;">
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">HUD Insignia</label>
<input type="text" class="form-control" style="width: 170px;">
</div>
<div class="form-group d-flex align-items-center justify-content-between">
<label style="width: 80%">Decal</label>
<input type="text" class="form-control" style="width: 170px;">
</div>
</div>
</form>
</div>
</div><!--/row-->
</div>
<?php include("footer.php");?>
</body>
</html>