File: /home/imensosw/www/imenso.co/demo/diy/adminpanel/temp.php
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Dashboard - DIY Marketeer</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
<?php include("inc/head.php");?>
</head>
<body>
<?php include("inc/header.php");?>
<div class="main-container" id="main-container">
<script type="text/javascript">
try{ace.settings.check('main-container' , 'fixed')}catch(e){}
</script>
<div class="main-container-inner">
<a class="menu-toggler" id="menu-toggler" href="#">
<span class="menu-text"></span>
</a>
<?php include("inc/sidebar.php");?>
<div class="main-content">
<div class="breadcrumbs" id="breadcrumbs">
<script type="text/javascript">
try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
</script>
<ul class="breadcrumb">
<li>
<i class="icon-dashboard"></i>
<a href="#">Dashboard</a>
</li>
</ul>
<div class="nav-search" id="nav-search">
<form class="form-search">
<span class="input-icon">
<input placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" type="text">
<i class="icon-search nav-search-icon"></i>
</span>
</form>
</div><!-- #nav-search -->
</div>
<div class="page-content">
<div class="row">
<div class="col-xs-12">
<!-- PAGE CONTENT BEGINS -->
<div class="page-header">
<h1>
Marketing Strategy
</h1>
</div>
<div class="row-fluid">
<div class="span12">
<div class="widget-box">
<div class="widget-header widget-header-blue widget-header-flat">
<h4 class="lighter">Create Plan</h4>
</div>
<div class="widget-body">
<div class="widget-main">
<div data-target="#step-container" class="row-fluid" id="fuelux-wizard">
<ul class="wizard-steps">
<li id="cstep1" class="active" data-target="#step1">
<span class="step">1</span>
<span class="title">Plan Settings</span>
</li>
<li id="cstep2" data-target="#step2">
<span class="step">2</span>
<span class="title">Goals</span>
</li>
<li id="cstep3" data-target="#step3">
<span class="step">3</span>
<span class="title">Tractics & Budgets</span>
</li>
<li id="cstep4" data-target="#step4">
<span class="step">4</span>
<span class="title">Calendar & Save</span>
</li>
</ul>
</div>
<hr>
<div id="step-container" class="step-content row-fluid position-relative">
<div id="step1" class="step-pane active">
<form id="sample-form" class="form-horizontal">
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning">Plan Name</label>
<div class="col-sm-9">
<input type="text" id="form-field-1" class="col-xs-10 col-sm-5">
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning">Plan Status</label>
<div class="col-sm-9">
<select class="col-xs-10 col-sm-5" id="form-field-select-1">
<option value="">Please Choose</option>
<option value="AL">Draft</option>
<option value="AK">Active</option>
<option value="AK">Archieve</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning"> <h3 class="lighter block green">TIME PERIOD</h3></label>
<div class="col-sm-9">
</div></div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 col-md-3 control-label no-padding-right" for="inputError">Start </label>
<div class="col-xs-8 col-sm-4">
<div class="input-group">
<input type="text" data-date-format="dd-mm-yyyy" width="100px;" id="id-date-picker-1" class="form-control ">
<span class="input-group-addon">
<i class="icon-calendar bigger-110"></i>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 col-md-3 control-label no-padding-right" for="inputError">End </label>
<div class="col-xs-8 col-sm-4">
<div class="input-group">
<input type="text" data-date-format="dd-mm-yyyy" width="100px;" id="id-date-picker-1" class="form-control ">
<span class="input-group-addon">
<i class="icon-calendar bigger-110"></i>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputInfo">Description</label>
<div class="col-xs-12 col-sm-4">
<textarea class="autosize-transition form-control" id="form-field-11" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 68px;"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputError2">Brand Name</label>
<div class="col-sm-9">
<input type="text" class="col-xs-10 col-sm-5" id="form-field-1">
</div>
</div>
</form>
</div>
<div id="step2" class="step-pane">
<div class="row-fluid">
<form id="sample-form" class="form-horizontal">
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning"> <h3 class="lighter block green">TARGET AUDIENCE</h3></label>
<div class="col-sm-9">
</div></div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning">Target Audience</label>
<div class="col-sm-9">
<small>Click here to select</small><br>
<textarea class="col-xs-10 col-sm-5"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning">Market and Competition</label>
<div class="col-sm-9">
<textarea class="col-xs-10 col-sm-5"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning">How are you different?</label>
<div class="col-sm-9">
<textarea class="col-xs-10 col-sm-5"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning">
<h3 class="lighter block green">GOALS</h3></label>
<div class="col-sm-9">
</div></div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 col-md-3 control-label no-padding-right" for="inputError">Plan goal unit of measurement </label>
<div class="col-xs-8 col-sm-4">
<select class="col-xs-10 col-sm-12" id="form-field-select-1">
<option value="">Please Choose</option>
<option value="AL">Sales</option>
<option value="AK">Leads</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 col-md-3 control-label no-padding-right" for="inputError">Planning Target - Total Budget </label>
<div class="col-xs-8 col-sm-4">
<div class="input-group">
<span class="input-group-addon">
<i class="icon-usd"></i>
</span>
<input type="text" data-date-format="dd-mm-yyyy" width="100px;" id="id-date-picker-1" class="form-control ">
</div>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning">Marketing Strategy</label>
<div class="col-sm-9">
<small>Click here to select</small><br>
<textarea class="col-xs-10 col-sm-5"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputError2">Market Issues</label>
<div class="col-sm-9">
<input type="text" placeholder="1." class="col-xs-10 col-sm-5" id="form-field-1">
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputError2"> </label>
<div class="col-sm-9">
<input type="text" placeholder="2." class="col-xs-10 col-sm-5" id="form-field-1">
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputError2"> </label>
<div class="col-sm-9">
<input type="text" placeholder="3." class="col-xs-10 col-sm-5" id="form-field-1">
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputError2">Market Opportunities </label>
<div class="col-sm-9">
<input type="text" placeholder="1." class="col-xs-10 col-sm-5" id="form-field-1">
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputError2"> </label>
<div class="col-sm-9">
<input type="text" placeholder="2." class="col-xs-10 col-sm-5" id="form-field-1">
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputError2"> </label>
<div class="col-sm-9">
<input type="text" placeholder="3." class="col-xs-10 col-sm-5" id="form-field-1">
</div>
</div>
</form>
</div>
</div>
<div id="step3" class="step-pane">
<form id="sample-form" class="form-horizontal">
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning"><small>Add a tactic. You add each tactic separately.</small></label>
<div class="col-sm-9">
</div></div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning">Tactic Type </label>
<div class="col-sm-9">
<select class="col-xs-10 col-sm-5" id="form-field-select-1"> Please choose </option><option value="64">Coupon FSCI</option><option value="61">Direct Mail</option><option value="24">Email</option><option value="62">Events</option><option value="65">Generic Promotion</option><option value="63">Mobile SMS</option><option value="29">Online Coupon</option><option value="32">Online Promotion</option><option value="20">Online Referral Program</option><option value="25">Search - Paid Key Words</option><option value="26">Search Engine Optimization (SEO)</option><option value="13">Social Media - Blogs, Forums</option><option value="14">Social Media - Twitter, Facebook, Linkedin</option><option value="15">Social Media - Video, Youtube, Podcast</option><option value="27">Web Site Display Ad</option></select>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputError2">Tactic Title </label>
<div class="col-sm-9">
<input type="text" class="col-xs-10 col-sm-5" id="form-field-1">
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputWarning"> <h3 class="lighter block green">TIMING</h3></label>
<div class="col-sm-9">
</div></div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 col-md-3 control-label no-padding-right" for="inputError">Start </label>
<div class="col-xs-8 col-sm-4">
<div class="input-group">
<input type="text" data-date-format="dd-mm-yyyy" width="100px;" id="id-date-picker-1" class="form-control ">
<span class="input-group-addon">
<i class="icon-calendar bigger-110"></i>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 col-md-3 control-label no-padding-right" for="inputError">End </label>
<div class="col-xs-8 col-sm-4">
<div class="input-group">
<input type="text" data-date-format="dd-mm-yyyy" width="100px;" id="id-date-picker-1" class="form-control ">
<span class="input-group-addon">
<i class="icon-calendar bigger-110"></i>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 control-label no-padding-right" for="inputError2">Production Time (Weeks)</label>
<div class="col-sm-9">
<input type="text" class="col-xs-10 col-sm-5" id="form-field-1">
</div>
</div>
</form>
</div>
<div id="step4" class="step-pane">
<div class="center">
<h3 class="green">Congrats!</h3>
Your plan is created! Click finish to continue!
</div>
</div>
</div>
<hr>
<div class="row-fluid wizard-actions">
<button class="btn btn-prev" disabled="disabled"value="Prev" id="countpre">
<i class="icon-arrow-left"></i>
Prev
</button>
<button data-last="Finish " class="btn btn-success btn-next" value="Next" id="countnext" >
Next
<i class="icon-arrow-right icon-on-right"></i>
</button>
<script type="text/javascript">
var count = 0;
var precount = 1;
var button = document.getElementById("countnext");
var display = document.getElementById("displayCount");
document.getElementById('countnext').disabled = false;
if(count==0)
{
document.getElementById('countpre').disabled = true;
}
button.onclick = function(){
if(count==0)
{
document.getElementById('countpre').disabled = true;
count++;
}
if(count==1)
{
$("#step2").addClass('step-pane active');
$("#step1").removeClass('step-pane active');
$("#step1").addClass('step-pane');
$("#cstep2").addClass('active');
$("#cstep1").removeClass('active');
$("#cstep1").addClass('complete');
document.getElementById('countpre').disabled = false;
precount=1;
}
if(count==2)
{
$("#step3").addClass('step-pane active');
$("#step2").removeClass('step-pane active');
$("#step2").addClass('step-pane');
$("#cstep3").addClass('active');
$("#cstep2").removeClass('active');
$("#cstep2").addClass('complete');
document.getElementById('countpre').disabled = false;
precount=2;
}
if(count==3)
{
$("#step4").addClass('step-pane active');
$("#step3").removeClass('step-pane active');
$("#step3").addClass('step-pane');
$("#cstep4").addClass('active');
$("#cstep3").removeClass('active');
$("#cstep3").addClass('complete');
$("#countButton").val("Finish");
document.getElementById('countpre').disabled = false;
precount=3;
}
if(count==4)
{
alert("Thank you! Your information was successfully saved!");
$("#countButton").val("Finish");
precount=4;
}
if(count>4)
{
$("#countButton").val("Finish");
precount=4;
}
count++;
if(precount==4)
{
document.getElementById('countnext').disabled = true;
precount=3;
count=4;
}
/*alert("before count");
alert(count);
alert("before count");
alert(precount);
count++;
alert("after count");
alert(count);
alert("after count");
alert(precount);*/
}
var prebutton = document.getElementById("countpre");
var predisplay = document.getElementById("predisplayCount");
prebutton.onclick = function(){
if(count==0)
{
document.getElementById('countpre').disabled = true;
}
if(precount==1)
{
$("#step1").addClass('step-pane active');
$("#step2").removeClass('step-pane active');
$("#step2").addClass('step-pane');
$("#cstep2").removeClass('active');
$("#cstep1").removeClass('complete');
$("#cstep1").addClass('active');
count--;
}
if(precount==2)
{
$("#step2").addClass('step-pane active');
$("#step3").removeClass('step-pane active');
$("#step3").addClass('step-pane');
$("#cstep3").removeClass('active');
$("#cstep2").removeClass('complete');
$("#cstep2").addClass('active');
count--;
}
if(precount==3)
{
$("#step3").addClass('step-pane active');
$("#step4").removeClass('step-pane active');
$("#step4").addClass('step-pane');
$("#cstep4").removeClass('active');
$("#cstep3").removeClass('complete');
$("#cstep3").addClass('active');
count--;
}
precount--;
if(count==0)
{
document.getElementById('countpre').disabled = true;
precount=0;
count=0;
}
}
</script>
</div>
</div><!-- /widget-main -->
</div><!-- /widget-body -->
</div>
</div>
</div>
<div class="modal" id="modal-wizard">
<div class="modal-dialog">
<div class="modal-content">
<div data-target="#modal-step-contents" class="modal-header">
<ul class="wizard-steps">
<li class="active" data-target="#modal-step1">
<span class="step">1</span>
<span class="title">Validation states</span>
</li>
<li data-target="#modal-step2">
<span class="step">2</span>
<span class="title">Alerts</span>
</li>
<li data-target="#modal-step3">
<span class="step">3</span>
<span class="title">Payment Info</span>
</li>
<li data-target="#modal-step4">
<span class="step">4</span>
<span class="title">Other Info</span>
</li>
</ul>
</div>
<div id="modal-step-contents" class="modal-body step-content">
<div id="modal-step1" class="step-pane active">
<div class="center">
<h4 class="blue">Step 1</h4>
</div>
</div>
<div id="modal-step2" class="step-pane">
<div class="center">
<h4 class="blue">Step 2</h4>
</div>
</div>
<div id="modal-step3" class="step-pane">
<div class="center">
<h4 class="blue">Step 3</h4>
</div>
</div>
<div id="modal-step4" class="step-pane">
<div class="center">
<h4 class="blue">Step 4</h4>
</div>
</div>
</div>
<div class="modal-footer wizard-actions">
<button class="btn btn-sm btn-prev" disabled="disabled">
<i class="icon-arrow-left"></i>
Prev
</button>
<button data-last="Finish " class="btn btn-success btn-sm btn-next">
Next
<i class="icon-arrow-right icon-on-right"></i>
</button>
<button data-dismiss="modal" class="btn btn-danger btn-sm pull-left">
<i class="icon-remove"></i>
Cancel
</button>
</div>
</div>
</div>
</div><!-- PAGE CONTENT ENDS -->
</div><!-- /.col -->
</div>
<div class="hr hr-24"></div>
</div>
</div><!-- /#ace-settings-container -->
</div><!-- /.main-container-inner -->
<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
<i class="icon-double-angle-up icon-only bigger-110"></i>
</a>
</div><!-- /.main-container -->
<?php /*?><?php include("inc/footer.php");?><?php */?>
</body></html>