File: /home/imensosw/www/imenso.co/ui/office/leads.html
<!DOCTYPE html>
<html>
<head>
<title>Superadmin | leads</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">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
</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.html">
Projects
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
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="leads-section">
<div class="container">
<div class="admin-heading mt-0 mt-md-4">
<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 js-select2" id="select_industry" multiple="jfk">
<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 js-select2" id="select_tags" multiple="multiple">
<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 src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></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"><input type="text" name="mytext[]" class="form-control mr-2" placeholder="Milestone Name"><input type="text" name="mytext[]" class="form-control mr-2" placeholder="Date"> <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--;
})
// initializing select2 library on all select element having class js-select2
$(".js-select2").select2({
placeholder: 'Select an option'
});
});
</script>
</body>
</html>