<div class="content-wrapper leftNone">
<?php $validator = array('role' => 'form', 'data-toggle' => 'validator'); echo form_open('superadmin/addonsmanagement', $validator); ?>
<input type="hidden" name="EditId" id="AddOnEditId">
<input type="hidden" name="AddEdit" id="AddEdit" value="AddEdit">
<div class="mctopright pull-right">
  <button type="submit" class="btn btn-outline green btn-sm opo addressEdit active newsolidbtn1 opened mcfr" style="">Save</button>
  <button data-toggle="control-sidebar" id="addclose" class="btn btn-outline red btn-sm opo active newsolidbtn1 mcfr hideMe" style="">Cancel</button>
</div>
<!-- Main content -->
<section class="content-header content-header1">
  <h1 class="pull-left">Add Addons</h1>
</section>
<section class="content mctop26">
  <div class="box-body">
    <div class="col-md-12 col-sm-12 col-xs-12 margintop10 custom-padding-0">
      <div class="col-md-6 col-sm-6 col-xs-12 margintop10 paddingleft0">
        <p>Select Restaurant Name <span class="mandatory">*</span></p>
        <div class="form-group float-label-control">
          <select class="fs_input" name="restaurant_name" id="restaurant_name" required>
            <option value="">Select Restaurant</option>
            <?php
              foreach ($RestaurantList as $key => $value) {
            ?>
            <option value="<?=$value->restaurant_id?>"><?=$value->restaurant_name?></option>
            <?php
              }
            ?>
          </select>
        </div>
      </div>
      <div class="col-md-6 col-sm-6 col-xs-12 margintop10 paddingright0">
        <p>Category <span class="mandatory">*</span></p>
        <div class="form-group float-label-control">
          <select class="fs_input" name="category_name" id="category_name" required>
            <option value="">Select Category</option>
            <?php
              foreach ($CategoryList as $key => $value) {
            ?>
            <option value="<?=$value->maincateid?>"><?=$value->maincatename?></option>
            <?php
              }
            ?>
          </select>
        </div>
      </div>
    </div>
    <!-- .................advance option................ -->
    <div class="col-md-6 col-sm-6 col-xs-12 custom-padding-0" style="margin-top: 20px;">
      <!-- <div class="col-md-6 col-sm-6 col-xs-12 margintop10 paddingleft0">
        <label><button class="btn btn-info actioncolor borderR" onclick="addMoreMainAdd(this.form);return false;"><i class="fa fa-plus"></i> &nbsp;Add More Main Addons</button></label>
      </div> -->
      <div class="col-md-12 col-sm-12 col-xs-12 custom-padding-0" id="show_advance">
        <div class="col-md-12 col-sm-12 col-xs-12 custom-padding-0" id="ootZ1">
          <div id="adddons" class="col-md-12 col-sm-12 col-xs-12 margintop10 custom-padding-0 mtop15">
            <div class="col-md-12 col-sm-12 col-xs-12 margintop10 custom-padding-0">
              <div class="col-md-4 col-sm-4 col-xs-12 margintop10 paddingleft0">
                <p>Addons/Option Name <span class="mandatory">*</span></p>
                <div class="form-group float-label-control">
                  <input type="text" value="" class="fs_input new_fs"  placeholder="Addons/Option Name" name="addons_name" id="addons_name" required>
                </div>
              </div>
              <div class="col-md-4 col-sm-4 col-xs-12 margintop10 paddingright0">
                <div class="form-group float-label-control mct30">
                  <input onkeypress="return only_num(event, this.value)" type="text" value="" class="fs_input new_fs"  placeholder="Number Allow to Choose" name="mainaddoncnt" id="mainaddoncnt" required>
                </div>
              </div>
              <div class="col-md-1 col-sm-1 col-xs-12 custom-padding-0 delete_advance">
                <!-- <i class="fa fa-trash fa-fontsize cursor" onclick="removeRowM(this.form);return false;" id="removeM" aria-hidden="true"></i> -->
              </div>
              <div class="col-md-2 col-sm-2 col-xs-12 custom-padding-0 add_advance">
                <button class="btn btn-info actioncolor borderR" onclick="addMoreMainSubAdd(this.form, 1);return false;"><i class="fa fa-plus"></i> &nbsp;Add sub Addons/Options</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- ..................end advance option..................  -->
  </div>
  </form>
</div>
<script type="text/javascript">
  // ...................advance options...................
  var XrowCount = 1;
  function addMoreMainAdd(frm) { 
    //console.log(frm);
    XrowCount ++;    
    var append='<div class="col-md-12 col-sm-12 col-xs-12 custom-padding-0 menuBod" id="ootZ'+XrowCount+'">'
    +          '<div id="adddons'+XrowCount+'" class="col-md-12 col-sm-12 col-xs-12 margintop10 custom-padding-0 mtop15">'
    +                      '<div class="col-md-12 col-sm-12 col-xs-12 margintop10 custom-padding-0">'
    +                        '<div class="col-md-4 col-sm-4 col-xs-12 margintop10 paddingleft0">'
    +                       '<p>Addons Name <span class="mandatory">*</span></p>'
    +                        '<div class="form-group float-label-control">'
    +                         '<input id="mainaddons_'+XrowCount+'" name="mainaddons['+XrowCount+'][mainaddonsname]" type="text" value="" class="fs_input new_fs"  placeholder="Addons Name" required>'
    +                        '</div>'
    +                       '</div>'
    +                        '<div class="col-md-4 col-sm-4 col-xs-12 margintop10 paddingright0">'
    +                        '<div class="form-group float-label-control mct30">'
    +                      '<input name="mainaddons['+XrowCount+'][mainaddoncnt]" type="text" value="" class="fs_input new_fs"  placeholder="Number Allow to Choose" required>'
    +                    '</div>'
    +                  '</div>'
    +                    '<div class="col-md-1 col-sm-1 col-xs-12 custom-padding-0 delete_advance">'
    +                     '<i class="fa fa-trash fa-fontsize cursor" onclick="removeRowZ('+XrowCount+');return false;" id="removeZ'+XrowCount+'" aria-hidden="true"></i>'
    +                     '</div>'
    +                     '<div class="col-md-2 col-sm-2 col-xs-12 custom-padding-0 add_advance">'
    +                      '<button class="btn btn-info actioncolor borderR" onclick="addMoreSubAdd(this.form, '+XrowCount+');return false;"><i class="fa fa-plus"></i> &nbsp;Add Subaddons List</button>'
    +                        '</div>'
    +                    '</div>'
    +                     '</div>'
    +                     '</div>'

    jQuery('#show_advance').append(append);
    /*$(function() {
      $('#addonForm').validator('update');
    })*/
  }
  function removeRowZ(removeNum) {
    jQuery('#ootZ'+removeNum).remove();
  }
// .....................end advance options..................

// ...................advance menu options..................
  var YrowCount = 1;
  function addMoreMainSubAdd(frm, rowNum) { 
    //alert('');
    YrowCount ++;  
    
    var append='<div id="adddonsX'+YrowCount+'" class="col-md-12 col-sm-12 col-xs-12 margintop10 custom-padding-0">'
    +                      '<div class="col-md-4 col-sm-4 col-xs-12 margintop10 paddingleft0">'
    +                       '<div class="form-group float-label-control">'
    +                        '<input id="subadd_'+YrowCount+'" name="subadd['+YrowCount+'][subaddon]" type="text" value="" class="fs_input new_fs"  placeholder="" required>'
    +                        '</div>'
    +                  '</div>'
    +                        '<div class="col-md-1 col-sm-1 col-xs-12 margintop10 paddingleft0 mct10">'
    +                        '<i class="fa fa-trash fa-fontsize cursor" id="removeM'+YrowCount+'" onclick="removeRowM('+YrowCount+');return false;" aria-hidden="true"></i>'
    +                        '</div>'
    +                        '</div>'
    jQuery('#ootZ'+rowNum).append(append);
    $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
      checkboxClass: 'icheckbox_minimal-blue',
      radioClass: 'iradio_minimal-blue'
    });
    /*$(function() {
      $('#addonForm').validator('update');
    })*/
  }

  var ZrowCount = 1;
  function addMoreSubAdd(frm, rowNum) { 
    //alert('');
    ZrowCount ++;  
    
    var append='<div id="adddonsX'+ZrowCount+'" class="col-md-12 col-sm-12 col-xs-12 margintop10 custom-padding-0">'
    +                      '<div class="col-md-4 col-sm-4 col-xs-12 margintop10 paddingleft0">'
    +                       '<div class="form-group float-label-control">'
    +                        '<input name="mainaddons['+rowNum+'][subaddons]['+ZrowCount+'][subaddonsname]" type="text" value="" class="fs_input new_fs"  placeholder="" required>'
    +                        '</div>'
    +                  '</div>'
    +                        '<div class="col-md-1 col-sm-1 col-xs-12 margintop10 paddingleft0 mct10">'
    +                        '<i class="fa fa-trash fa-fontsize cursor" id="removeM'+ZrowCount+'" onclick="removeRowM('+ZrowCount+');return false;" aria-hidden="true"></i>'
    +                        '</div>'
    +                        '</div>'
    jQuery('#ootZ'+rowNum).append(append);
    $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
      checkboxClass: 'icheckbox_minimal-blue',
      radioClass: 'iradio_minimal-blue'
    });
    /*$(function() {
      $('#addonForm').validator('update');
    })*/
  }
  function removeRowM(removeNum) {
    jQuery('#adddonsX'+removeNum).remove();
  }
</script>