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

<style type="text/css">
label{
  color: #6e6e6e;
}

  .mylable{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 7px;
    font-weight: 500;
    font-size: 19px;
    margin-right: 5px;
 
  }
  #dvPassport
  {
  	display: none;
  }
  #redeemdiv
  {
  	display: none;
  }
  .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;
}
/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:83%;
    z-index:10000;
        margin-left: -26px;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 30%;
    position: relative;
    border-radius: 0px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -29px;
    right: -53px;
    font-size: 17px;
    line-height: 28px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 16px;
    margin-top: 20px;
    display: inline-block;
    font-weight: bold;
}
.checkbox{
  display: -webkit-inline-box;
  display: inline-block;
}
.check-email{
  padding-left: 8px; 
  display: inline-block;
  color: #6e6e6e;
  font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}
.box p {
    padding: 0px 10px 0px;
    font-weight: 600;
}

/* Popup box BEGIN */
</style>
<div class="content-wrapper merchant-right-side">

<!-- Main content -->
  <section class="content">
    <div class="box box-primary">
      <div class="box-header with-border">
        <span class="span2">Create Promo Code</span><br><br>
      </div>
      <div class="validation_messages">
      @include('includes.messages')   
      </div>
      <div class="box-body">
        <div class="tab-content">
          <div id="home" class="tab-pane fade  active in">
            <form method="POST" action="{{url('merchant/createPromoCode')}}" accept-charset="UTF-8" role="form" id="event-form" enctype="multipart/form-data">
            <!-- Start Popup portion -->
                  <div class="hover_bkgr_fricc">
                    <span class="helper"></span>
                  <div>
                  <div class="row">
                    <div class="col-md-12 box-header with-border" style="padding: 0px 0px 0px 0px;font-size: 15px;color: #6e6e6e;font-weight: 400;">
                    <div class="popupCloseButton">X</div>
                      <p>Select sub logins allowed to redeem this code</p>
                    </div>
                    <div class="col-md-12" style="text-align: left;margin-top: 20px;">
                    	                    			<div class="col-md-12" style="text-align: center;margin-top:30px;">
		                          <p>No sub account present</p>
		                        </div>
                    	                        
                        
                        <!-- <input class="checkbox" type="checkbox" name="check[]" value="2"><p class="check-email">palashnath2211@gmail.com</p><br>
                        <input class="checkbox" type="checkbox" name="check[]" value="3"><p class="check-email">palash.einfo@gmail.com</p><br>
                        <input class="checkbox" type="checkbox" name="check[]" value="4"><p class="check-email">palash_wb@yahoo.com</p><br>
                        <div class="col-md-12" style="text-align: center;margin-top:30px;">
                          <input class="event_submit1 btn btn-primary"  value="Submit">
                        </div> -->   
                    </div>
                  </div>
                </div>
                </div>
                <!-- End Popup portion -->
              <input name="_token" type="hidden" value="mSSw8mOxzGNZbXsULIuRVFlFeVwua8QR8xDmhE4H">
              <div class="form-group">
                  <div class="row" style="margin: 5px 5px 5px 5px;"><!--Start 1st portion -->
                    <div class="col-md-6">
                      <label>Promo Name</label>
                      <input type="text" name="promo_name" id="promo_name" class="form-control" style="width: 100%;" placeholder=""><br>
                    </div>
                    <div class="col-md-3">
                      <label>Promo Validity</label>
                      <div class="row">
                        <div class="col-md-6">
                          <input type="text" name="e_datepicker1" id="e_datepicker1" class="form-control" style="width: 100%; display: inline-block;" data-date-format="yyyy-mm-dd" placeholder="Start Date ">
                        </div>
                        <div class="col-md-6">
                           <input type="text" name="e_datepicker2" id="e_datepicker2" class="form-control" style="width: 100%; display: inline-block;" data-date-format="yyyy-mm-dd" placeholder="End Date ">
                        </div>
                      </div>
                    </div>
                    <div class="col-md-3">&nbsp;</div>
                  </div><!--End 1st portion -->
                  <div class="row" style="margin: 5px 5px 5px 5px;"><!--Start 2st portion -->
                    <div class="col-md-6">
                      <div class="form_group" name="f_days">
                      {{ Form::label('title', 'Valid on the following days',['class' => 'required'] ) }}<br>
                        <div class="ck-button">
                            <label>
                              <input type="checkbox" class="hidden" name='day[]' value="1"><span>SUN</span>
                            </label>
                            <label>
                              <input type="checkbox" class="hidden" name='day[]' value="2"><span>MON</span>
                            </label>
                            <label>
                              <input type="checkbox" class="hidden" name='day[]' value="3"><span>TUE</span>
                            </label>
                            <label>
                              <input type="checkbox" class="hidden" name='day[]' value="4"><span>WED</span>
                            </label>
                            <label>
                              <input type="checkbox" class="hidden" name='day[]' value="5"><span>THU</span>
                            </label>
                            <label>
                              <input type="checkbox" class="hidden" name='day[]' value="6"><span>FRI</span>
                            </label>
                            <label>
                              <input type="checkbox" class="hidden" name='day[]' value="7"><span>SAT</span>
                            </label>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="row">
                        <div class="col-md-6">
                        {{ Form::label('title', 'Valid From',['class' => 'required']) }}
                              <select name="vfrom" class="form-control">
                                <option value="" >Time</option>
                                <option value="00.01">00.01</option>
                                                                 <option value="01.00">01.00</option>
                                                                  <option value="02.00">02.00</option>
                                                                  <option value="03.00">03.00</option>
                                                                  <option value="04.00">04.00</option>
                                                                  <option value="05.00">05.00</option>
                                                                  <option value="06.00">06.00</option>
                                                                  <option value="07.00">07.00</option>
                                                                  <option value="08.00">08.00</option>
                                                                  <option value="09.00">09.00</option>
                                                                  <option value="10.00">10.00</option>
                                                                  <option value="11.00">11.00</option>
                                                                  <option value="12.00">12.00</option>
                                                                  <option value="13.00">13.00</option>
                                                                  <option value="14.00">14.00</option>
                                                                  <option value="15.00">15.00</option>
                                                                  <option value="16.00">16.00</option>
                                                                  <option value="17.00">17.00</option>
                                                                  <option value="18.00">18.00</option>
                                                                  <option value="19.00">19.00</option>
                                                                  <option value="20.00">20.00</option>
                                                                  <option value="21.00">21.00</option>
                                                                  <option value="22.00">22.00</option>
                                                                  <option value="23.00">23.00</option>
                                                             </select>
                        </div>
                        <div class="col-md-6">
                          {{ Form::label('title', 'Valid Till',['class' => 'required']) }}
                          <select name="vto" class="form-control">
                            <option value="">Time</option>
                                                        <option value="01.00">01.00</option>
                                                        <option value="02.00">02.00</option>
                                                        <option value="03.00">03.00</option>
                                                        <option value="04.00">04.00</option>
                                                        <option value="05.00">05.00</option>
                                                        <option value="06.00">06.00</option>
                                                        <option value="07.00">07.00</option>
                                                        <option value="08.00">08.00</option>
                                                        <option value="09.00">09.00</option>
                                                        <option value="10.00">10.00</option>
                                                        <option value="11.00">11.00</option>
                                                        <option value="12.00">12.00</option>
                                                        <option value="13.00">13.00</option>
                                                        <option value="14.00">14.00</option>
                                                        <option value="15.00">15.00</option>
                                                        <option value="16.00">16.00</option>
                                                        <option value="17.00">17.00</option>
                                                        <option value="18.00">18.00</option>
                                                        <option value="19.00">19.00</option>
                                                        <option value="20.00">20.00</option>
                                                        <option value="21.00">21.00</option>
                                                        <option value="22.00">22.00</option>
                                                        <option value="23.00">23.00</option>
                                                        <option value="23.59">23.59</option>
                          </select>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="row">
                        <div class="col-md-6">
                          <label>Type of Code</label>
                          <select name="e_taudience" id="e_taudience" class="form-control">
                            <option value="all" selected="">Open</option>                                
                          </select>
                        </div>
                        <div class="col-md-6">&nbsp;</div>
                      </div> 
                    </div>
                  </div>
                </div><!--End 2st portion -->
                <div class="row" style="margin: 5px 5px 5px 5px;"><!--Start 3st portion -->
                  <div class="col-md-6">
                    <label>Total No. of times this code can be redeemed:</label>
                    <div class="row">
                      <div class="col-md-5" style="padding-right: 0px;">
                        <label class="radio-inline">
                          <input type="radio" name="check1" id="check1" onclick="myhide()" value="1" checked><span>Unlimited</span>
                        </label>
                        <label class="radio-inline" for="unlimited check">
                          <input type="radio" id="chkPassport" name="check1" onclick="ShowHideDiv(this)" value="0"/><span>Limited</span>
                        </label>
                      </div>
                      <div class="col-md-7" style="padding-right: 0px;padding-left: 0px;">
                        <div id="dvPassport">
                        <input type="text" id="txtPassportNumber" name="txtPassportNumber" onkeypress="return isNumberKey(event)"/>
                      </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-6">
                  <label>No. of times this code can be redeemed by one customer:</label>
                    <div class="row">
                      <div class="col-md-5">
                        <label class="radio-inline" style="padding-right: 0px;">
                          <input type="radio" " name="redeemcheck" id="redeemcheck"  onclick="myhides()" value="1" checked><span>Unlimited</span>
                        </label>
                        <label class="radio-inline" for="unlimited user">
                          <input type="radio" id="customcheck" name="redeemcheck" value="0" onclick="ShowHideDiv1(this)"/><span>Limited</span>
                        </label>
                      </div>
                      <div class="col-md-7" style="padding-right: 0px;padding-left: 0px;">
                        <div id="redeemdiv">
                            <input type="text" id="redeemtext" name="redeemtext" onkeypress="return isNumberKey(event)" />
                       </div>
                      </div>
                    </div>
                  </div>
                </div><!--End 3st portion -->
                <div class="row" style="margin: 5px 5px 5px 5px;"><!--Start 4st portion -->
                  <div class="col-md-6">
                    <div class="form_group">
                    {{ Form::label('title', 'Terms & Conditions, if any ',['class' => 'required']) }}
                    {{Form::textarea('terms',Input::old('terms'),array('class' => 'required form-control','rows'=>'3'))}}
                    </div>
                  </div>
                  <div class="col-md-6">
                        <div class="popup" onclick="myFunction()">
                          <a class="trigger_popup_fricc" style="color: #3c8dbc;">Select sub logins allowed to redeem this code</a>
                        </div>
                      </div>
                </div><!--End 4st portion -->



</div>
</div><!-- end of form group -->
<div class="row" style="margin: 35px 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>
</div>
</div>
</div>
</div>
</section><!-- /.content -->
</div>


@section('scripts')
<script>
function isNumberKey(evt)
            {
                var charCode = (evt.which) ? evt.which : event.keyCode
                if(charCode > 31 && (charCode < 48 || charCode > 57))
                {
                    return false;
                }
                else
                {
                    return true;
                }
            }
/* Event scripts */

$("#e_datepicker1").datepicker({
       autoclose: true,
      startDate: new Date(),
  }).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: new Date(),
  }).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 promo_name = $("#promo_name").val();
    var start_date = $("#e_datepicker1").val();
    var end_date = $("#e_datepicker2").val();
    var F_days = $("#required").val();
    // if (document.getElementById('chkPassport').checked) 
    // {
    //   var limited_code = $("#txtPassportNumber").val();
    //   //alert(limited_code);
    //   //alert("Redeem limit cannot be blank or zero");
    //   if(limited_code == '' || limited_code < 1)
    //   {
    //     alert("Redeem limit cannot be blank or zero");
    //   }
    //   //alert(limited_code);
    // }
    // if (document.getElementById('customcheck').checked) 
    // {
    //   var limited_code = $("#redeemtext").val();
    //   //alert(limited_code);
    //   //alert("Redeem limit cannot be blank or zero");
    //   if(limited_code == '' || limited_code < 1)
    //   {
    //     alert("Redeem limit cannot be blank or zero1");
    //   }
    // }
    // if (document.getElementById('chkPassport').checked) 
    // {
    //   var limited_code = $("#txtPassportNumber").val();
    //   //alert(limited_code);
    //   //alert("Redeem limit cannot be blank or zero");
    //   if(limited_code == '' || limited_code < 1)
    //   {
    //     alert("Redeem limit cannot be blank or zero");
    //   }
    // }
    //alert('hello');
    if(promo_name=="")
    {
      alert("Please enter the Promo name");
    }
    else if(start_date=="")
    {
      alert("Please enter the Promo start date");
    }
    else if(end_date=="")
    {
      alert("Please enter the Promo end date");
    }
    else if(F_days=="")
    {
      alert("Please enter the F_days");
    }
    else if (document.getElementById('chkPassport').checked || document.getElementById('customcheck').checked) 
    {
      
      
      //alert(limited_code);
      //alert("Redeem limit cannot be blank or zero");
      if (document.getElementById('chkPassport').checked)
      {
        var limited_code = $("#txtPassportNumber").val();
        if(limited_code == '' || limited_code < 1)
        {
          alert("Redeem limit cannot be blank or zero");
        }  
      }
      if (document.getElementById('customcheck').checked) 
      {
        var limited_code1 = $("#redeemtext").val();
        if(limited_code1 == '' || limited_code1 < 1)
        {
         alert("Redeem limit cannot be blank or zero");
        }
      }
      //alert(limited_code);
    }
    else
    {
        $("#event-form").submit();
    }

});

// $(".event_submit").click(function(e)
// {
//     e.preventDefault();
//     var promo_name = $("#promo_name").val();
//     var start_date = $("#e_datepicker1").val();
//     var end_date = $("#e_datepicker2").val();
//     var F_days = $("#required").val();

//     //alert('hello');
//     if(promo_name=="")
//     {
//       alert("Please enter the Promo name");
//     }
//     else if(start_date=="")
//     {
//       alert("Please enter the Promo start date");
//     }
//     else if(end_date=="")
//     {
//       alert("Please enter the Promo end date");
//     }
//     else if(F_days=="")
//     {
//       alert("Please enter the F_days");
//     } if (document.getElementById('chkPassport').checked) 
//     {
//       var limited_code document.getElementById('txtPassportNumber').val();
//       if(limited_code == '' || limited_code < 1)
//       {
//         alert("Redeem limit cannot be blank or zero");
//       }
//     }
//     else
//     {
//         $("#event-form").submit();
//     }
// });

  function ShowHideDiv(chkPassport) {
  var dvPassport = document.getElementById("dvPassport");
  dvPassport.style.display = chkPassport.checked ? "block" : "none";
  }
  function ShowHideDiv1(customcheck) {
  var dvPassport1 = document.getElementById("redeemdiv");
  dvPassport1.style.display = customcheck.checked ? "block" : "none";
  }
</script>
<script type="text/javascript">
  function myhide() 
    {
      var x = document.getElementById('dvPassport');
      if (x.style.display === 'block') 
        {
          x.style.display = 'none';
          document.getElementById('txtPassportNumber').value = "";
        } 
        else 
        {
            x.style.display = 'none';
            document.getElementById('txtPassportNumber').value = "";
        }
    } 
</script>
<script type="text/javascript">
  function myhides() 
    {
      var x = document.getElementById('redeemdiv');
        if (x.style.display === 'block') 
          {
            x.style.display = 'none';
            document.getElementById('redeemtext').value = "";
          }
          else 
          {
              x.style.display = 'none';
              document.getElementById('redeemtext').value = "";
          }
    } 
$(window).load(function () {
    $(".trigger_popup_fricc").click(function(){
       $('.hover_bkgr_fricc').show();
    });
    $('.popupCloseButton').click(function(){
        $('.hover_bkgr_fricc').hide();
    });
    $('.event_submit1').click(function(){
        $('.hover_bkgr_fricc').hide();
    });

});
//select all checkboxes
$("#select_all").change(function(){  //"select all" change 
    $(".checkbox").prop('checked', $(this).prop("checked")); //change all ".checkbox" checked status
});

//".checkbox" change 
$('.checkbox').change(function(){ 
    //uncheck "select all", if one of the listed checkbox item is unchecked
    if(false == $(this).prop("checked")){ //if this item is unchecked
        $("#select_all").prop('checked', false); //change "select all" checked status to false
    }
    //check "select all" if all checkbox items are checked
    if ($('.checkbox:checked').length == $('.checkbox').length ){
        $("#select_all").prop('checked', true);
    }
});
</script>
@stop
@stop