File: /home/imensosw/www/imenso.co/ui/office/projects.html
<!DOCTYPE html>
<html>
<head>
<title>Superadmin | Projects</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">
<img src="assets/img/brand-logo.svg">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#">
Dashboard
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">
Projects
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="leads.html">
Leads
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Portfolio
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="far fa-bell"></i>
</a>
</li>
<li class="nav-item">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="far fa-user-circle"></i> John Doe
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Profile</a>
<a class="dropdown-item" href="#">Logout</a>
</div>
</div>
</li>
</ul>
</div>
</nav>
<div class="admin-bg">
<section class="project-section">
<div class="container">
<div class="project-card">
<div class="admin-heading mt-0 mt-md-4">
<h3 class="m-0">Project</h3>
</div>
</div>
<div class="superadmin-card mt-4">
<form>
<div class="form-group d-flex align-items-center ">
<label for="project_name">Project Name</label>
<input type="text" class="form-control" id="Project_name" aria-describedby="" placeholder="Project Name">
</div>
<div class="form-group d-flex align-items-center">
<label for="client_name">Client Name</label>
<input type="text" class="form-control" id="client_name" aria-describedby="" placeholder="Client Name">
</div>
<div class="form-group d-flex align-items-center date-select-wrap">
<label for="start_date">Start Date</label>
<input type="date" class="form-control date-select" id="birthday" name="birthday">
</div>
<div class="admin-heading">
<h3 class="m-0">Milestones</h3>
</div>
<div class="input_fields_wrap mt-4">
<div class="d-flex align-items-center mb-3 milestones-wrap"><input type="text" name="mytext[]" class="form-control mr-2" placeholder="Milestone Name"><input type="date" class="form-control mr-2" placeholder="Date" name=""> <input type="text" class="form-control mr-2" name="mytext[]" placeholder="Amount">
<a href="#" class="remove_field first-remove-btn"><i class="fas fa-minus-circle"></i></a>
</div>
</div>
<div class="add-more-btn-wrap text-center text-md-right">
<button class="add_field_button btn btn-primary"><i class="fas fa-plus-circle"></i> <span>Add More Fields</span></button>
</div>
<button class="btn btn-primary mt-5 submit-btn">Submit</button>
</form>
</div>
</div>
</section>
<!-- <section class="leads-section mt-5">
<div class="container">
<div class="admin-heading">
<h3 class="m-0">Leads</h3>
</div>
<form>
<div class="radio-wrap d-flex align-items-start align-items-md-center justify-content-between mb-3 mb-md-5 mt-4">
<h4 class="mb-3 m-md-0">Plateforms</h4>
<div class="custom-control custom-radio">
<input type="radio" id="customRadio1" name="customRadio" class="custom-control-input" checked>
<label class="custom-control-label m-0" for="customRadio1">Upwork</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" id="customRadio2" name="customRadio" class="custom-control-input">
<label class="custom-control-label m-0" for="customRadio2">Freelancer</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" id="customRadio3" name="customRadio" class="custom-control-input">
<label class="custom-control-label m-0" for="customRadio3">Other</label>
</div>
</div>
<div class="superadmin-card">
<div class="form-group d-flex align-items-center">
<label for="lead_url">Lead Url</label>
<input type="text" class="form-control" id="lead_url" aria-describedby="" placeholder="Lead Url">
</div>
<div class="form-group d-flex align-items-center">
<label for="lead_title">Lead Title</label>
<input type="text" class="form-control" id="lead_title" aria-describedby="" placeholder="Lead Title">
</div>
<div class="form-group d-flex align-items-center">
<label for="exampleFormControlTextarea1">Cover Letter</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Cover Letter"></textarea>
</div>
<div class="form-group d-flex align-items-center">
<label for="select_industry">Industry</label>
<select class="form-control" id="select_industry">
<option>IT</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group d-flex align-items-center">
<label for="select_tags">Tags</label>
<select class="form-control" id="select_tags">
<option>IT</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</div>
</form>
</div>
</section> -->
</div>
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
var max_fields = 10; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper).append('<div class="d-flex align-items-center mb-3 milestones-wrap"><input type="text" name="mytext[]" class="form-control mr-2" placeholder="Milestone Name"><input type="date" class="form-control mr-2" placeholder="Date" name=""> <input type="text" class="form-control mr-2" name="mytext[]" placeholder="Amount"><a href="#" class="remove_field text-center"><i class="fas fa-minus-circle"></i> </a></div>'); //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
</script>
</body>
</html>