@extends('layouts.merchant-backend-layout') @section('content')

<style type="text/css">
  .mylable{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 7px;
    font-weight: 500;
    font-size: 19px;
        margin-right: 5px;
 
  }
  .form-control{
     display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
        border-radius: 5px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
  .chbox1{
    width: 311px;
    height: 41px;
   
    text-align: center;
}
  .chbox3{
    font-size: 24px;
    font-weight: 700;
    margin-left: 15px;
    margin-right: 15px;
}
  .chbox2{
     width: 91%;
     height: 89px;
   
}
.span1{
      font-size: 16px;
    margin-left: 5px;
    margin-right: 35px;
}
.span2{
      font-size: 25px;
    margin-left: 5px;
    margin-right: 35px;
}
.myli
{
    width: 261px;
}
.vl {
   height: 241px;
    border-left: 1px solid gray;
    margin-top: 55px;
}
</style>
<div class="content-wrapper merchant-right-side">

    <section class="content-header">
        <div class="pull-right">
            
        </div><br>

    </section>
    <!-- Main content -->
    <section class="content">

   
      <div class="box box-primary">
       
                            <div class="box-header with-border">
                            <span class="span2">Create a Campaign</span><br><br>
                               <ul class="nav nav-tabs" style="text-align: center;">
				                        <li class="myli active"><a data-toggle="tab" href="#menu3">Referral</a></li>
                                <li class="myli"><a data-toggle="tab" href="#menu2">Activity</a></li>
                                <li class="myli" style="width:261px;"><a data-toggle="tab" href="#home">Event</a></li>
                                <li class="myli"><a data-toggle="tab" href="#menu1">Achievement </a></li>                                
                              </ul>
                            </div>
                            @include('includes.messages')
                            <div class="box-body">
                             <div class="tab-content">
                                    <div id="home" class="tab-pane fade ">
                                     {{Form::open(array('url'=>'merchant/createEvent','method'=>'POST','role'=>"form",'files'=>true,'id'=>'event-form'))}}
                                     <div class="form-group">
                                        <div class="row" style="margin: 5px 5px 5px 5px;">
                                        <div class="col-md-6">
                                        <input type="text" name="e_cname" id="e_cname" class="form-control" style="width: 82%;" placeholder="Name of the Campaign">
                                        <br>
                                        <input type="text" name="e_datepicker1" id="e_datepicker1" class="form-control" style="width: 40%; display: inline-block;" data-date-format="yyyy-mm-dd" type="text" placeholder="Select Start Date ">
                                        <input type="text" name="e_datepicker2" id="e_datepicker2" class="form-control" style="width: 41%; display: inline-block;" data-date-format="yyyy-mm-dd" placeholder="Select End Date "/>
                                        <br>
                                       <br>
                                       <div class="row" >
                                           <div class="col-lg-3" style="padding-top: 10px;">Select Event :</div>
                                           <div class="col-lg-7" style="padding:5px 0">
                                             <select name="event" id="event" class="form-control" style="max-width:95%;">
                                                  <option value="birthday">Birthday</option>     
                                                  <option value="anniversary">Anniversary</option> 
                                                  <option value="credit_expiring">Credits Expiring</option>        
                                              </select>
						                                <input type="hidden" class="chbox" style="display: inline-block;" name='e_trigger_day' id="" value="1" />
                                            </div>
                                       </div>
                                       <br>
                                        <div class="row">
                                          <div class="col-lg-4" style="padding-top:5px">Send Gratification: </div>
                                          <div class="col-lg-4" style="padding:0" onkeypress="return isNumberKey(event)" maxlength="3"> <input type="text" class="form-control" name="gratification" id="gratification"> </div>
                                          <div class="col-lg-4" style="padding-top:5px">days before the event.</div>
                                        </div>
                                        <br>
                                        <br>
                                        <textarea rows="4" cols="50" name='e_displaytext' id="e_displaytext" class="form-control" style="width: 82%;" placeholder="Note if any"></textarea>
                                        </div>
                                        <div class="col-md-1">
                                        <div class="vl"></div>
                                        </div>
                                        <div class="col-md-5">
                                             <div class="row">
                                                <div class="col-md-6">
                                                    <span style="color:#f2922c" >Target Audience</span><br>
                                                    <select name="e_taudience" id="e_taudience" class="form-control">
                                                      <option value="all" selected>All</option>                                    
                                                    </select>
                                                </div>
                                                <div class="col-md-6">
                                                  <span style="color:#f2922c" >Participating sub Logins</span><br>
                                                  <select name="e_subaccount" id="e_subaccount" class="form-control" >
                                                  <option value="all" selected>All</option>                                    
                                                  </select>
                                                </div>
                                              </div>
                                              <br>
                                                <div  style="display:none" class="mandatory_push">
                                                  <div style="margin-bottom: 10px;">
                                                   <input type="checkbox"  value="message" checked disabled /><span class="span1">Mandatory Push/SMS</span>
                                                  </div>
                                                  <input type="text" class="form-control"  readonly placeholder="Credits Expiring">
                                                  <br>
                                                  <textarea rows="4" cols="50" class="form-control" placeholder="Your <value> credits at <Name of the Membership Card> are expiring on <DD
    Mon, YYYY>. Download eWards http://onelink.to/hrrwk4" readonly></textarea>
                                                </div>
                                              <br>
                                              <div style="margin-bottom: 10px;">
                                               <input type="checkbox" class="chbox" name='e_message' id="e_message" value="message" /><span class="span1">Customised Push/SMS</span>
                                              </div>
                                              <input type="text" class="form-control" name='e_pushheading' id="e_pushheading" placeholder="Heading for Push only  (max 20 characters)" style="display:none" maxlength="20">
                                              <br>
                                              <textarea rows="4" cols="50" name='e_body' id="e_body" class="form-control" placeholder="Text body for Push / SMS  (max 160 characters)" maxlength="160" style="display:none"></textarea>
                                          <br>
                                         <input type="checkbox" name='e_referrer' id="e_rewards" value="referrer" /><span class="span1">Set your Reward</span>
                                        <br>
                                        <br>
                                        <div class="row e_rewards-field" style="display:none">
                                              <div class="col-lg-12 col-md-12">
                                                <input type="hidden" class="activity_chbox" style=" display: inline-block;" name='campaignType' id="referrer" value="event" />
                                                <div class="referrer-option">
                                                  <select name="e_referrerRewardType" id="e_referrerRewardType" class="form-control" style=" display: inline-block;">
                                                        <option value="Coupon" selected>Coupon</option>
                                                     @if($loyalty->loyalty_type == 2) 
                                                            <option value="Credit">Credits</option>
                                                     @endif
                                                  </select>
                                                  <br><br>
                                                  <select name="e_referrerSelectedCoupon" id="e_referrerSelectedCoupon" class="form-control">
                                                         <option value="coupon" selected disabled="disabled">Select Coupon</option>
                                                        @foreach($listofcoupon as $tokens)
                                                        <option value="{{$tokens->id}}" >{{$tokens->name}}</option>
                                                        @endforeach
                                                  </select>
                                                  <input type="text"  name="e_referrerCreditValue" id="e_referrerCreditValue" class="form-control numericOnly"  placeholder="Enter value" style="display:none">
                                                  <br>
                                                   <input type="text"  name="e_creditValidity" id="e_creditValidity" class="form-control"  placeholder="Enter Validity of the Credits (in days)" style="display:none" >
                                                </div>
                                              </div>
                                        </div>
                                        </div>
                                      </div>
                                    </div><!-- end of form group -->
                                    <div class="row" style="margin: 5px 5px 5px 5px;">
                                    <div class="col-md-4"></div>
                                      <div class="col-md-2">
                                        <button class="event_submit btn btn-primary" style="width: 74%;margin-left: 90%;" >Save</button>
                                      </div>
                                      <div class="col-md-4"></div>
                                    </div>
                                    {{Form::close()}}
                                    </div>
                                    <div id="menu1" class="tab-pane fade">
                                      {{Form::open(array('url'=>'merchant/createAchivement','method'=>'POST','role'=>"form",'files'=>true,'id'=>'achivement-form'))}}
                                        <div class="form-group">
                                        <div class="row" style="margin: 5px 5px 5px 5px;">
                                        <div class="col-md-6">
                                        <input type="text"  name="ac_name" class="form-control" style="width: 82%;" id="ac_name" placeholder="Name of the Campaign">
                                        <br>
                                     
                                        <input type="text" name="ac_datepicker1" id="ac_datepicker1" class="form-control" style="width: 40%; display: inline-block;" data-date-format="yyyy-mm-dd" type="text" placeholder="Select Start Date ">
                                        <input type="text"  id="ac_datepicker2" class="form-control" style="width: 41%; display: inline-block;" data-date-format="yyyy-mm-dd" name="ac_datepicker2"  placeholder="Select End Date "/>
                                        <br>
                                       <br>
                                       <div class="text-left" style="color:#f2922c">Trigger Frequency</div>
                                    
                                        <label class="radio-inline"><input type="radio" name="ac_trigger_day" value="1" checked="">Daily</label>
                                        <label class="radio-inline"><input type="radio" name="ac_trigger_day" value="7">Weekly</label>
                                        <label class="radio-inline"><input type="radio" name="ac_trigger_day" value="31">Monthly</label> 
                                        <label class="radio-inline"><input type="radio" name="ac_trigger_day" value="90">Quarterly</label> 
                                        <br>
                                        <br>
                                      
                                        <select name="ac_option" id="ac_option" class="form-control" style="width: 37%; display: inline-block;">
                                        <option value="Visits" selected>Visit(s)</option>
                                        <!-- <option value="Ambassador"> Ambassador</option> -->
                                        </select>
                                        <span class="chbox3">=</span>
                                        <input type='tel' pattern='[0-9]{10}' class="form-control numericOnly" style="width: 36%; display: inline-block;" name='ac_trigervalue' id="ac_trigervalue" placeholder="no of referrals">
                                        <br>
                                        <br>
                                        <textarea rows="4" cols="50" name='ac_displaytext' id="displaytext" class="form-control" style="width: 82%;" placeholder="Note if any"></textarea>
                                        </div>
                                        <div class="col-md-1">
                                        <div class="vl"></div>
                                        </div>
                                        <div class="col-md-5">
                                             <div class="row">
                                            
                                                <div class="col-md-6">
                                                 <span style="color:#f2922c" >Target Audience</span><br>
                                                    <select name="ac_audience" id="ac_audience" class="form-control">
                                              <option value="all" selected>All</option>                                    
                                              </select>
                                              </div>
                                            
                                              <div class="col-md-6">
                                              <span style="color:#f2922c" >Participating sub Logins</span><br>

                                              <select name="ac_subaccount" id="ac_subaccount" class="form-control" >
                                              <option value="all" selected>All</option>                                    
                                              </select>
                                                  </div>
                                              </div>
                                              <br>
                                              <div style="margin-bottom: 10px;">
                                               <input type="checkbox" class="referral_chbox" name='ac_message' id="ac_message" value="message" /><span class="span1">Customised Push/SMS</span>
                                              </div>
                                              <input type="text" class="form-control" name='ac_pushheading' id="ac_pushheading" placeholder="Heading for Push only (max 20 characters)" style="display:none" maxlength="20"></textarea>
                                              <br>
                                              <textarea rows="4" cols="50" name='ac_body' id="ac_body" class="form-control" placeholder="Text body for Push / SMS  (max 160 characters)" maxlength="160" style="display:none"></textarea>
                                          <br>
                                         <input type="checkbox" name='ac_referrer' id="ac_rewards" value="referrer" /><span class="span1">Set your Reward</span>
                                        <br>
                                        <br>
                                        <div class="row ac_rewards-field" style="display:none">
                                              <div class="col-lg-12 col-md-12">
                                                <!--<input type="hidden" class="chbox" style=" display: inline-block;" name='referrer' id="referrer" value="referrer" />-->
                                                <div class="ac_referrer-option">
                                                  <select name="ac_referrerRewardType" id="ac_referrerRewardType" class="form-control" style=" display: inline-block;">
                                                        <option value="Coupon" selected>Coupon</option>
                                                                                                   </select>
                                                  <br><br>
                                                  <select name="ac_referrerSelectedCoupon" id="ac_referrerSelectedCoupon" class="form-control">
                                                         <option value="coupon" selected disabled="disabled">Select Coupon</option>
                                                        @foreach($listofcoupon as $tokens)
                                                        <option value="{{$tokens->id}}" >{{$tokens->name}}</option>
                                                        @endforeach
                                                  </select>
                                                  <input type="text"  name="ac_referrerCreditValue" id="ac_referrerCreditValue" class="form-control numericOnly"  placeholder="Enter value" style="display:none">
                                                  <br>
                                                   <input type="text"  name="ac_creditValidity" id="ac_creditValidity" class="form-control numericOnly"  placeholder="Enter Validity of the Credits (in days)" style="display:none" >
                                                </div>
                                              </div>
                                        </div>
                                        </div>
                                      </div>
                                    </div><!-- end of form group -->
                                    <div class="row" style="margin: 5px 5px 5px 5px;">
                                    <div class="col-md-4"></div>
                                      <div class="col-md-2">
                                        <button class="ac_submit btn btn-primary achievement-submit" style="width: 74%;margin-left: 90%;" >Save</button>
                                      </div>
                                      <div class="col-md-4"></div>
                                    </div>
                                    {{Form::close()}}
                                    </div>
                                    <div id="menu2" class="tab-pane fade">
                                     {{Form::open(array('url'=>'merchant/createActivity','method'=>'POST','role'=>"form",'files'=>true,'id'=>'activity-form'))}}
                                     <div class="form-group">
                                        <div class="row" style="margin: 5px 5px 5px 5px;">
                                        <div class="col-md-6">
                                        <input type="text" name="a_cname" id="a_cname" class="form-control" style="width: 82%;" placeholder="Name of the Campaign">
                                        <br>
                                        <input type="text" name="a_datepicker1" id="a_datepicker1" class="form-control" style="width: 40%; display: inline-block;" data-date-format="yyyy-mm-dd" type="text" placeholder="Select Start Date ">
                                        <input type="text" name="a_datepicker2" id="a_datepicker2" class="form-control" style="width: 41%; display: inline-block;" data-date-format="yyyy-mm-dd" placeholder="Select End Date "/>
                                        <br>
                                       <br>
                                       <div class="row" >
                                           <div class="col-lg-3" style="padding-top: 10px;">Select Activity :</div>
                                           <div class="col-lg-7" style="padding:5px 0">
                                             <select name="acitivity" id="activity" class="form-control" style="max-width:95%;">
                                                  <option value="last_visit" >Last Visit date</option>        
                                              </select>
                                            </div>
                                       </div>
                                       <br>
                                       <div class="text-left" style="color:#f2922c">Trigger Frequency</div>
                                        <label class="radio-inline"><input type="radio" name="a_trigger_day" value="1" checked="">Daily</label>
                                        <label class="radio-inline"><input type="radio" name="a_trigger_day" value="7">Weekly</label>
                                        <label class="radio-inline"><input type="radio" name="a_trigger_day" value="31">Monthly</label> 
                                        <label class="radio-inline"><input type="radio" name="a_trigger_day" value="90">Quarterly</label> 
                                        <br>
                                        <br>
                                          <div class="row" style="margin: 5px 5px 5px 5px;">
                                             <div class="col-lg-2" style="padding:5px 0">Last visit was</div>
                                             <div class="col-lg-4" style="padding:0">
                                               <select name="operator" id="operator" class="form-control">
                                                    <option value="1" checked>equal to</option>          
                                                </select>
                                              </div>
                                              <div class="col-lg-2">
                                                <input type="text" class="form-control days numericOnly" name="visit_days" id="#visit_days" maxlength="3" onblur="check_days();">
                                              </div>
                                              <div class="col-lg-4" style="padding:5px 0">
                                                  days ago from trigger date
                                              </div>
                                          </div>
                                        <br>
                                        <br>
                                        <textarea rows="4" cols="50" name='a_displaytext' id="a_displaytext" class="form-control" style="width: 82%;" placeholder="Note if any"></textarea>
                                        </div>
                                        <div class="col-md-1">
                                        <div class="vl"></div>
                                        </div>
                                        <div class="col-md-5">
                                             <div class="row">
                                                <div class="col-md-6">
                                                    <span style="color:#f2922c" >Target Audience</span><br>
                                                    <select name="a_taudience" id="a_taudience" class="form-control">
                                                      <option value="all" selected>All</option>                                    
                                                    </select>
                                                </div>
                                                <div class="col-md-6">
                                                  <span style="color:#f2922c" >Participating sub Logins</span><br>
                                                  <select name="a_subaccount" id="a_subaccount" class="form-control" >
                                                  <option value="all" selected>All</option>                                    
                                                  </select>
                                                </div>
                                              </div>
                                              <br>
                                              <div style="margin-bottom: 10px;">
                                               <input type="checkbox" class="chbox" name='a_message' id="a_message" value="message" /><span class="span1">Customised Push/SMS</span>
                                              </div>
                                              <input type="text" class="form-control" name='a_pushheading' id="a_pushheading" placeholder="Heading for Push only  (max 20 characters)" style="display:none" maxlength="20">
                                              <br>
                                              <textarea rows="4" cols="50" name='a_body' id="a_body" class="form-control" placeholder="Text body for Push / SMS  (max 160 characters)" maxlength="160" style="display:none"></textarea>
                                          <br>
                                         <input type="checkbox" name='a_referrer' id="a_rewards" value="referrer" /><span class="span1">Set your Reward</span>
                                        <br>
                                        <br>
                                        <div class="row a_rewards-field" style="display:none">
                                              <div class="col-lg-12 col-md-12">
                                                <input type="hidden" class="activity_chbox" style=" display: inline-block;" name='campaignType' id="referrer" value="activity" />
                                                <div class="referrer-option">
                                                  <select name="a_referrerRewardType" id="a_referrerRewardType" class="form-control" style=" display: inline-block;">
                                                        <option value="Coupon" selected>Coupon</option>
                                                     @if($loyalty->loyalty_type == 2) 
                                                            <option value="Credit">Credits</option>
                                                     @endif
                                                  </select>
                                                  <br><br>
                                                  <select name="a_referrerSelectedCoupon" id="a_referrerSelectedCoupon" class="form-control">
                                                         <option value="coupon" selected disabled="disabled">Select Coupon</option>
                                                        @foreach($listofcoupon as $tokens)
                                                        <option value="{{$tokens->id}}" >{{$tokens->name}}</option>
                                                        @endforeach
                                                  </select>
                                                  <input type="text"  name="a_referrerCreditValue" id="a_referrerCreditValue" class="form-control numericOnly"  placeholder="Enter value" style="display:none">
                                                  <br>
                                                   <input type="text"  name="a_creditValidity" id="a_creditValidity" class="form-control numericOnly"  placeholder="Enter Validity of the Credits (in days)" style="display:none" >
                                                </div>
                                              </div>
                                        </div>
                                        </div>
                                      </div>
                                    </div><!-- end of form group -->
                                    <div class="row" style="margin: 5px 5px 5px 5px;">
                                    <div class="col-md-4"></div>
                                      <div class="col-md-2">
                                        <button class="activity_submit btn btn-primary" style="width: 74%;margin-left: 90%;" >Save</button>
                                      </div>
                                      <div class="col-md-4"></div>
                                    </div>
                                    {{Form::close()}}
                                    </div>
                                    <div id="menu3" class="tab-pane fade in  active">
                                     {{Form::open(array('url'=>'merchant/referralCoupon','method'=>'POST','role'=>"form",'files'=>true,'id'=>'adds-add-form'))}}
                                     <div class="form-group">
                                        <div class="row" style="margin: 5px 5px 5px 5px;">
                                        <div class="col-md-6">
                                        <input type="text"  name="cname" class="form-control" style="width: 82%;" id="cname" placeholder="Name of the Campaign">
                                        <br>
                                     
                                        <input type="text" name="datepicker1" id="datepicker1" class="form-control" style="width: 40%; display: inline-block;" data-date-format="yyyy-mm-dd" type="text" placeholder="Select Start Date ">
                                        <input type="text"  id="datepicker2" class="form-control" style="width: 41%; display: inline-block;" data-date-format="yyyy-mm-dd" name="datepicker2"  placeholder="Select End Date "/>
                                        <br>
                                       <br>
                                       <div class="text-left" style="color:#f2922c">Trigger Frequency</div>
                                    
                                        <label class="radio-inline"><input type="radio" name="trigger_day" value="1" checked="">Daily</label>
                                        <label class="radio-inline"><input type="radio" name="trigger_day" value="7">Weekly</label>
                                        <label class="radio-inline"><input type="radio" name="trigger_day" value="31">Monthly</label> 
                                        <label class="radio-inline"><input type="radio" name="trigger_day" value="90">Quarterly</label> 
                                        <br>
                                        <br>
                                      
                                        <select name="roption" id="roption" class="form-control" style="width: 37%; display: inline-block;">
                                        <option value="Referral" selected>Referral</option>
                                        <!-- <option value="Ambassador"> Ambassador</option> -->
                                        </select>
                                        <span class="chbox3">=</span>
                                        <input type='tel' pattern='[0-9]{10}' class="form-control numericOnly" style="width: 36%; display: inline-block;" name='trigervalue' id="trigervalue" placeholder="no of referrals">
                                        <br>
                                        <br>
                                        <textarea rows="4" cols="50" name='displaytext' id="displaytext" class="form-control" style="width: 82%;" placeholder="Note if any"></textarea>
                                        </div>
                                        <div class="col-md-1">
                                        <div class="vl"></div>
                                        </div>
                                        <div class="col-md-5">
                                             <div class="row">
                                            
                                                <div class="col-md-6">
                                                 <span style="color:#f2922c" >Target Audience</span><br>
                                                    <select name="taudience" id="taudience" class="form-control">
                                              <option value="all" selected>All</option>                                    
                                              </select>
                                              </div>
                                            
                                              <div class="col-md-6">
                                              <span style="color:#f2922c" >Participating sub Logins</span><br>

                                              <select name="subaccount" id="subaccount" class="form-control" >
                                              <option value="all" selected>All</option>                                    
                                              </select>
                                                  </div>
                                              </div>
                                              <br>
                                              <div style="margin-bottom: 10px;">
                                               <input type="checkbox" class="referral_chbox" name='message' id="message" value="message" /><span class="span1">Customised Push/SMS</span>
                                              </div>
                                              <input type="text" class="form-control" name='pushheading' id="pushheading" placeholder="Heading for Push only (max 20 characters)" style="display:none" maxlength="20"></textarea>
                                              <br>
  	                                      		<textarea rows="4" cols="50" name='body' id="body" class="form-control" placeholder="Text body for Push / SMS  (max 160 characters)" maxlength="160" style="display:none"></textarea>
                                          <br>
                                         <input type="checkbox" name='referrer' id="rewards" value="referrer" /><span class="span1">Set your Reward</span>
                                        <br>
                                        <br>
                                        <div class="row rewards-field" style="display:none">
                                              <div class="col-lg-12 col-md-12">
                                                <!--<input type="hidden" class="chbox" style=" display: inline-block;" name='referrer' id="referrer" value="referrer" />-->
                                                <div class="referrer-option">
                                                  <select name="referrerRewardType" id="referrerRewardType" class="form-control" style=" display: inline-block;">
                                                        <option value="Coupon" selected>Coupon</option>
							                                                                                     </select>
                                                  <br><br>
                                                  <select name="referrerSelectedCoupon" id="referrerSelectedCoupon" class="form-control">
                                                         <option value="coupon" selected disabled="disabled">Select Coupon</option>
                                                        @foreach($listofcoupon as $tokens)
                                                        <option value="{{$tokens->id}}" >{{$tokens->name}}</option>
                                                        @endforeach
                                                  </select>
                                                  <input type="text"  name="referrerCreditValue" id="referrerCreditValue" class="form-control numericOnly"  placeholder="Enter value" style="display:none">
                                                  <br>
                                                   <input type="text"  name="creditValidity" id="creditValidity" class="form-control numericOnly"  placeholder="Enter Validity of the Credits (in days)" style="display:none" >
                                                </div>
                                              </div>
                                        </div>
                                        </div>
                                      </div>
                                    </div><!-- end of form group -->
                                    <div class="row" style="margin: 5px 5px 5px 5px;">
                                    <div class="col-md-4"></div>
                                      <div class="col-md-2">
                                        <button class="submit btn btn-primary" style="width: 74%;margin-left: 90%;" >Save</button>
                                      </div>
                                      <div class="col-md-4"></div>
                                    </div>
                                    {{Form::close()}}
                                        
                                    </div>
                          </div>
                      </div><!-- /.boxbody -->
                      
    </section><!-- /.content -->
</div>


@section('scripts')
<script>
$(".numericOnly").keypress(function (e) {
		if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
	        return false;
	    }
	});

function isNumberKey(evt)
{
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
    {
        return false;
    }
    else
    {
      return true;
    }
    
}

$("#datepicker1").datepicker({
       autoclose: true,
      startDate: "+1d",
  }).on('changeDate', function (selected) 
  {
      var minDate = new Date(selected.date.valueOf());
      $('#datepicker2').datepicker('setStartDate', minDate);
      $('#datepicker2').val("");

});
    
$("#datepicker2").datepicker({
       autoclose: true,
      startDate: "+1d",
});
    

$('#message').change(function()
  {
      var option = $(this).is(":checked");
      if (option)
      {
          $('#pushheading').fadeIn();
          $('#body').fadeIn();
      }
      else
      {
          $('#pushheading').fadeOut();
          $('#body').fadeOut();
      }
  });

  $('#rewards').change(function()
  {
      var option = $(this).is(":checked");
      if(option)
      {
          $('.rewards-field').fadeIn();
      }
      else
      {
         $('.rewards-field').fadeOut();
      }
  });

$('#referrerRewardType').change(function() 
  	{
  	 	var type = $(this).find('option:selected').attr('value');

        if(type=="Coupon")
        {
            $("#referrerSelectedCoupon").css("display","block");
           
            $("#referrerCreditValue").css("display","none");
            $("#creditValidity").css("display","none");
        }
        else
        {
            $("#referrerSelectedCoupon").css("display","none");
            
            $("#referrerCreditValue").css("display","block");
         	  $("#creditValidity").css("display","block");
        }

	});

 

$(".submit").click(function(e)
{
    e.preventDefault();
  	var Campaign_name = $("#cname").val();
    var start_date = $("#datepicker1").val();
    var end_date = $("#datepicker2").val();
  	var trigger_value = $('#trigervalue').val();
   	var sms_option = $("#message").is(":checked");
    var pushheading = $("#pushheading").val();
   	var smstext = $("#body").val();

   	var referrer_option = $("#rewards").is(":checked");
   	var referrerRewardType = $("#referrerRewardType").find('option:selected').attr('value');
   	var coupon_option1 = $("#referrerSelectedCoupon").find('option:selected').attr('value');
   	var referrerCreditValue = $("#referrerCreditValue").val();
    var creditValidity = $("#creditValidity").val();
    var no_format = /^[0-9]*$/;

  	if(Campaign_name=="")
  	{
  		alert("Please enter the Campaign name");
  	}
    else if(start_date=="")
    {
      alert("Please enter the Campaign start date");
    }
    else if(end_date=="")
    {
      alert("Please enter the Campaign end date");
    }
  	else if(trigger_value=="")
  	{
  		alert("Please enter the Trigger value");
  	}
    else if(!trigger_value.match(no_format))
    {
      alert("Only numeric value accepted for trigger");
    }
    else if(!sms_option&&!referrer_option)
    {
      alert("Either Push/SMS or Reward is manadatory");
    }
  	else if(sms_option&&(pushheading==""||smstext==""))
  	{
  		alert("Please enter the header and body for Push/SMS");
  	}
  	else if(referrer_option&&referrerRewardType=="Coupon"&&coupon_option1=="coupon")
  	{
  		alert("Please select the Coupon.");
  	}
  	else if(referrer_option&&referrerRewardType=="Credit"&&(referrerCreditValue==""||creditValidity==""))
  	{
  		alert("Please enter the credit and credit validity.");
  	}
    else
    {
        $("#adds-add-form").submit();
    }

});


/* Activity scripts */

$("#a_datepicker1").datepicker({
       autoclose: true,
      startDate: "+1d",
  }).on('changeDate', function (selected) 
  {
      var minDate = new Date(selected.date.valueOf());
      $('#a_datepicker2').datepicker('setStartDate', minDate);
      $('#a_datepicker2').val("");

});
    
$("#a_datepicker2").datepicker({
       autoclose: true,
      startDate: "+1d",
  }).on('changeDate', function (selected) 
  {
      var minDate = new Date(selected.date.valueOf());
      $('#a_datepicker2').datepicker('setStartDate', minDate);
});
    

$('#a_message').change(function()
  {
      var option = $(this).is(":checked");
      if (option)
      {
          $('#a_pushheading').fadeIn();
          $('#a_body').fadeIn();
      }
      else
      {
          $('#a_pushheading').fadeOut();
          $('#a_body').fadeOut();
      }
  });

  $('#a_rewards').change(function()
  {
      var option = $(this).is(":checked");
      if(option)
      {
          $('.a_rewards-field').fadeIn();
      }
      else
      {
         $('.a_rewards-field').fadeOut();
      }
  });


   $('input[type=radio][name=a_trigger_day]').change(function() 
  {
      var option = $(this).val();
      if(option==1)
      {
          $('#operator').html("<option value='1' checked>equal to</option>");
      }
      else if(option==7)
      {
          $('#operator').html("<option value='1' checked>equal to</option><option value='2' checked>greater than</option>");
      }
      else if(option==31)
      {
          $('#operator').html("<option value='1' checked>equal to</option><option value='2' checked>greater than</option>");
      }
      else if(option==90)
      {
          $('#operator').html("<option value='1' checked>equal to</option><option value='2' checked>greater than</option>");
      }

  });

$('#a_referrerRewardType').change(function() 
{
    var type = $(this).find('option:selected').attr('value');

      if(type=="Coupon")
      {
          $("#a_referrerSelectedCoupon").css("display","block");
         
          $("#a_referrerCreditValue").css("display","none");
          $("#a_creditValidity").css("display","none");
      }
      else
      {
          $("#a_referrerSelectedCoupon").css("display","none");
          
          $("#a_referrerCreditValue").css("display","block");
          $("#a_creditValidity").css("display","block");
      }

});

 function check_days()
 {
    var days = $(".days").val();
    var no_format = /^[0-9]*$/;

    if(days<1||days>999)
    {
      alert("The value should be between 1 - 999");
    }
    else if(!days.match(no_format))
    {
       alert("Only numeric value accepted");
    }
 }

$(".activity_submit").click(function(e)
{
    e.preventDefault();
    var Campaign_name = $("#a_cname").val();
    var start_date = $("#a_datepicker1").val();
    var end_date = $("#a_datepicker2").val();
    var sms_option = $("#a_message").is(":checked");
    var pushheading = $("#a_pushheading").val();
    var smstext = $("#a_body").val();
    var days = $(".days").val();

    var referrer_option = $("#a_rewards").is(":checked");
    var referrerRewardType = $("#a_referrerRewardType").find('option:selected').attr('value');
    var coupon_option1 = $("#a_referrerSelectedCoupon").find('option:selected').attr('value');
    var referrerCreditValue = $("#a_referrerCreditValue").val();
    var creditValidity = $("#a_creditValidity").val();

    if(Campaign_name=="")
    {
      alert("Please enter the Campaign name");
    }
    else if(start_date=="")
    {
      alert("Please enter the Campaign start date");
    }
    else if(end_date=="")
    {
      alert("Please enter the Campaign end date");
    }
    else if(days=="")
    {
      alert("Please enter the last visit date");
    }
    else if(!sms_option&&!referrer_option)
    {
      alert("Either Push/SMS or Reward is manadatory");
    }
    else if(sms_option&&(pushheading==""||smstext==""))
    {
      alert("Please enter the header and body for Push/SMS");
    }
    else if(referrer_option&&referrerRewardType=="Coupon"&&coupon_option1=="coupon")
    {
      alert("Please select the Coupon.");
    }
    else if(referrer_option&&referrerRewardType=="Credit"&&(referrerCreditValue==""||creditValidity==""))
    {
      alert("Please enter the credit and credit validity.");
    }
    else
    {
        $("#activity-form").submit();
    }

});
/* Event scripts */

$("#e_datepicker1").datepicker({
       autoclose: true,
      startDate: "+1d",
  }).on('changeDate', function (selected) 
  {
      var minDate = new Date(selected.date.valueOf());
      $('#e_datepicker2').datepicker('setStartDate', minDate);
      $('#e_datepicker2').val("");

});
    
$("#e_datepicker2").datepicker({
       autoclose: true,
      startDate: "+1d",
  }).on('changeDate', function (selected) 
  {
      var minDate = new Date(selected.date.valueOf());
      $('#e_datepicker2').datepicker('setStartDate', minDate);
});


$('#event').change(function()
{
    var option = $(this).find('option:selected').attr('value');
    if(option=="credit_expiring")
    {
        $('.mandatory_push').fadeIn();
    }
    else
    {
        $('.mandatory_push').fadeOut();
    }
});
    

$('#e_message').change(function()
  {
      var option = $(this).is(":checked");
      if (option)
      {
          $('#e_pushheading').fadeIn();
          $('#e_body').fadeIn();
      }
      else
      {
          $('#e_pushheading').fadeOut();
          $('#e_body').fadeOut();
      }
  });

  $('#e_rewards').change(function()
  {
      var option = $(this).is(":checked");
      if(option)
      {
          $('.e_rewards-field').fadeIn();
      }
      else
      {
         $('.e_rewards-field').fadeOut();
      }
  });


$('#e_referrerRewardType').change(function() 
{
    var type = $(this).find('option:selected').attr('value');

      if(type=="Coupon")
      {
          $("#e_referrerSelectedCoupon").css("display","block");
         
          $("#e_referrerCreditValue").css("display","none");
          $("#e_creditValidity").css("display","none");
      }
      else
      {
          $("#e_referrerSelectedCoupon").css("display","none");
          
          $("#e_referrerCreditValue").css("display","block");
          $("#e_creditValidity").css("display","block");
      }

});


$(".event_submit").click(function(e)
{
    e.preventDefault();
    var Campaign_name = $("#e_cname").val();
    var start_date = $("#e_datepicker1").val();
    var end_date = $("#e_datepicker2").val();
    var gratification = $("#gratification").val();
    var sms_option = $("#e_message").is(":checked");
    var pushheading = $("#e_pushheading").val();
    var smstext = $("#e_body").val();
    var event = $("#event").find('option:selected').attr('value');

    var referrer_option = $("#e_rewards").is(":checked");
    var referrerRewardType = $("#e_referrerRewardType").find('option:selected').attr('value');
    var coupon_option1 = $("#e_referrerSelectedCoupon").find('option:selected').attr('value');
    var referrerCreditValue = $("#e_referrerCreditValue").val();
    var creditValidity = $("#e_creditValidity").val();

    if(Campaign_name=="")
    {
      alert("Please enter the Campaign name");
    }
    else if(start_date=="")
    {
      alert("Please enter the Campaign start date");
    }
    else if(end_date=="")
    {
      alert("Please enter the Campaign end date");
    }
    else if(gratification=="")
    {
      alert("Please enter the Gratification date");
    }
    else if(!sms_option&&!referrer_option&&event!="credit_expiring")
    {
      alert("Either Push/SMS or Reward is manadatory");
    }
    else if(sms_option&&(pushheading==""||smstext==""))
    {
      alert("Please enter the header and body for Push/SMS");
    }
    else if(referrer_option&&referrerRewardType=="Coupon"&&coupon_option1=="coupon")
    {
      alert("Please select the Coupon.");
    }
    else if(referrer_option&&referrerRewardType=="Credit"&&(referrerCreditValue==""||creditValidity==""))
    {
      alert("Please enter the credit and credit validity.");
    }
    else
    {
        $("#event-form").submit();
    }

});

/* Achievement Script */

$("#ac_datepicker1").datepicker({
       autoclose: true,
      startDate: "+1d",
  }).on('changeDate', function (selected) 
  {
      var minDate = new Date(selected.date.valueOf());
      $('#ac_datepicker2').datepicker('setStartDate', minDate);
      $('#ac_datepicker2').val("");

});
    
$("#ac_datepicker2").datepicker({
       autoclose: true,
      startDate: "+1d",
});
    

$('#ac_message').change(function()
  {
      var option = $(this).is(":checked");
      if (option)
      {
          $('#ac_pushheading').fadeIn();
          $('#ac_body').fadeIn();
      }
      else
      {
          $('#ac_pushheading').fadeOut();
          $('#ac_body').fadeOut();
      }
  });

  $('#ac_rewards').change(function()
  {
      var option = $(this).is(":checked");
      if(option)
      {
          $('.ac_rewards-field').fadeIn();
      }
      else
      {
         $('.ac_rewards-field').fadeOut();
      }
  });

$('#ac_referrerRewardType').change(function() 
    {
      var type = $(this).find('option:selected').attr('value');

        if(type=="Coupon")
        {
            $("#ac_referrerSelectedCoupon").css("display","block");
           
            $("#ac_referrerCreditValue").css("display","none");
            $("#ac_creditValidity").css("display","none");
        }
        else
        {
            $("#ac_referrerSelectedCoupon").css("display","none");
            
            $("#ac_referrerCreditValue").css("display","block");
            $("#ac_creditValidity").css("display","block");
        }

  });

 

$(".achievement-submit").click(function(e)
{
    e.preventDefault();
    var Campaign_name = $("#ac_name").val();
    var start_date = $("#ac_datepicker1").val();
    var end_date = $("#ac_datepicker2").val();
    var trigger_value = $('#ac_trigervalue').val();
    var sms_option = $("#ac_message").is(":checked");
    var pushheading = $("#ac_pushheading").val();
    var smstext = $("#ac_body").val();

    var referrer_option = $("#ac_rewards").is(":checked");
    var referrerRewardType = $("#ac_referrerRewardType").find('option:selected').attr('value');
    var coupon_option1 = $("#ac_referrerSelectedCoupon").find('option:selected').attr('value');
    var referrerCreditValue = $("#ac_referrerCreditValue").val();
    var creditValidity = $("#ac_creditValidity").val();
    var no_format = /^[0-9]*$/;

    if(Campaign_name=="")
    {
      alert("Please enter the Campaign name");
    }
    else if(start_date=="")
    {
      alert("Please enter the Campaign start date");
    }
    else if(end_date=="")
    {
      alert("Please enter the Campaign end date");
    }
    else if(trigger_value=="")
    {
      alert("Please enter the Trigger value");
    }
    else if(!trigger_value.match(no_format))
    {
      alert("Only numeric value accepted for trigger");
    }
    else if(!sms_option&&!referrer_option)
    {
      alert("Either Push/SMS or Reward is manadatory");
    }
    else if(sms_option&&(pushheading==""||smstext==""))
    {
      alert("Please enter the header and body for Push/SMS");
    }
    else if(referrer_option&&referrerRewardType=="Coupon"&&coupon_option1=="coupon")
    {
      alert("Please select the Coupon.");
    }
    else if(referrer_option&&referrerRewardType=="Credit"&&(referrerCreditValue==""||creditValidity==""))
    {
      alert("Please enter the credit and credit validity.");
    }
    else
    {
        $("#achivement-form").submit();
    }

});


</script>
@stop
@stop