  <script src="https://cdn.ckeditor.com/4.7.1/standard/ckeditor.js"></script>
  
        <section class="content-header">

      <h1>

        Members 

      </h1>

      <ol class="breadcrumb">

        <li><a href="<?php echo base_url().'admin';?>"><i class="fa fa-dashboard"></i> Home</a></li>

        <li><a href="<?php echo base_url('admin/users/alllist');?>">Members</a></li>

        <li class="active"> Add</li>

      </ol>

    </section>

    

    <section class="content">

      <div class="row">

      <?php echo $this->utility->showMsg();?>

        <div class="col-md-12">

        <div class="loader" style="display:none;"><img src='<?php echo base_url();?>assets/images/loading.gif' alt='loading' /></div>

          <!-- Horizontal Form -->

          <div class="box box-info">

            <div class="box-header with-border">

              <h3 class="box-title">Add </h3>

            </div>

            <!-- /.box-header -->

            <!-- form start -->

            <form id="add_frm" name="add_frm" class="form-horizontal" method="post" action="" enctype="multipart/form-data" autocomplete="off">

              <div class="box-body">

                <div class="form-group">

                  <label class="col-sm-2 control-label">Email</label>

                  <div class="col-sm-6">

                    <input type="text" class="form-control" id="email" name="useremail" value="" placeholder="Please enter email">

                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Username</label>

                  <div class="col-sm-6">

                    <input type="text" class="form-control" id="username" name="userusername" value="" placeholder="Please enter username">

                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Password</label>

                  <div class="col-sm-6">

                    <input type="text" class="form-control" id="password" name="userpassword" value="" placeholder="Please enter password">
                    <!-- <span class="toggle">Show</span> -->
                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Discount</label>

                  <div class="col-sm-6">

                    <select name="discount" class="form-control">
                    <?php for($i=1; $i<61; $i++){ ?>
                        <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                    <?php }?>
                    </select>
                  </div>

                </div>
                
                <div class="form-group">

                  <label class="col-sm-2 control-label">Account Type</label>

                  <div class="col-sm-6">

                    <select name="acount_type" class="form-control">
                        <option value="lady" > Lady </option>
                        <option value="gentleman" > Gentleman </option>
                        <option value="couple" > Couple </option>
                    </select>
                  </div>

                </div>
                <h4>LADY</h4>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Date of birth</label>

                  <div class="col-sm-6">
                      <input type="text" class="form-control" name="lady_dob" id="lady_dob" value="">
                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Physis</label>

                  <div class="col-sm-6">

                    <select name="lady_physis" class="form-control">
                        <option value="normal" > Normal </option>
                        <option value="athletic" > Athletisch </option>
                        <option value="muscular" > Muskulös </option>
                        <option value="slim" > Schlank </option>
                        <option value="plump" > Vollschalng </option>
                        <option value="obese" > Übergewichtig </option>
                    </select>
                  </div>

                </div>
                <h4>GENTLEMAN</h4>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Date of birth</label>

                  <div class="col-sm-6">
                      <input type="text" class="form-control" name="gen_dob" id="gen_dob" value="">
                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Physis</label>

                  <div class="col-sm-6">

                    <select name="gen_physis" class="form-control">
                        <option value="normal" > Normal </option>
                        <option value="athletic" > Athletisch </option>
                        <option value="muscular" > Muskulös </option>
                        <option value="slim" > Schlank </option>
                        <option value="plump" > Vollschalng </option>
                        <option value="obese" > Übergewichtig </option>
                    </select>
                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">About Text</label>

                  <div class="col-sm-6">
                    <textarea name="about" class="form-control"></textarea>
                    
                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Preferences</label>

                  <div class="col-sm-6">

                    <select name="preferences" class="form-control">
                        <option value="" >Keine</option>
                        <option value="soft_swap" > Soft Swap </option>
                        <option value="full_swap" > Full Swap </option>
                    </select>
                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Interested In</label>

                  <div class="col-sm-6">
                    <input type="checkbox" name="interested_lady" value="1" >Ladies
                    <input type="checkbox" name="interested_gen" value="1" >Gentleman
                    <input type="checkbox" name="interested_couple" value="1" >Couples
                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Country</label>

                  <div class="col-sm-6">

                    <select name="country" class="form-control">
                      <?php if(!empty($coutries)){
                            foreach($coutries as $row){?>
                              <option value="<?php echo $row['country_code']; ?>" ><?php echo $row['country_name']; ?></option>
                          <?php } } ?>    
                    </select>
                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Language</label>

                  <div class="col-sm-6">

                    <select name="language" class="form-control">
                      <?php if(!empty($languages)){
                            foreach($languages as $row){?>
                              <option value="<?php echo $row['id']; ?>" ><?php echo $row['name']; ?></option>
                          <?php } } ?>   
                    </select>
                  </div>

                </div>

                <div class="form-group">

                  <label class="col-sm-2 control-label">Images</label>

                  <div class="col-sm-6">
                      <input type="file" name="imagefile" value="Upload" class="form-control">
                      <!--<input type="checkbox" name="is_private" id="is_private" value="1">Private Image
                      <input type="checkbox" name="is_avatar" id="is_avatar" value="1">Avatar Image-->
                  </div>

                </div>
                       

              </div>
             

              <!-- /.box-body -->

              <div class="box-footer">

                <button type="button" onclick="return_back()"class="btn btn-default  margin-left  " >Cancel</button>

                <input type="submit" class="btn btn-info " value="Add" id="add">

              </div>

              <input type="hidden" name="frmSecurity" value="<?php echo $this->utility->getSecurity();?>"/>

              <!-- /.box-footer -->

            </form>

          </div>

          <!-- /.box -->

         

          <!-- /.box -->

        </div>

        <!--/.col (right) -->

      </div>

      <!-- /.row -->

    </section>

    <style type="text/css">

    .loader{

      position: fixed;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 100%;

      background-color: rgba(0, 0, 0, 0.60);

      z-index: 9999;

      text-align: center;

    }

    .loader img{

      z-index: 99999;

      margin-top: 10%;

    }
    input#password {
        -webkit-text-security: disc;
        -moz-text-security: disc;
    }

    </style>
  <script type='text/javascript'>
      $("#add_frm").validate({
        rules: {
          email: {
            required: true,
            email:true
          },
          username:{
            required: true,
          },
          interested:{
            required:true
          }
        }
      });
  </script>

  <script type="text/javascript">
    function return_back()
    {
      var back_url='<?php echo base_url()?>admin/users/alllist';
      window.location=back_url;
    }
    
    $(function(){
      $("#example1").DataTable();
      $("#gen_dob").datetimepicker();
      $("#lady_dob").datetimepicker();

      $('.toggle').click(function(){
        if($(this).prev().attr('type')=='password')
        {
          $(this).prev().attr('type','text');
          $(this).html('Hide');
        }
        else
        {
          $(this).prev().attr('type','password');
          $(this).html('Show');
        }
      })

      $('#is_avatar').click(function(){
        if($(this).is(':checked'))
        {
          $('#is_private').prop('checked',false);
        }
      })
      $('#is_private').click(function(){
        if($(this).is(':checked'))
        {
          $('#is_avatar').prop('checked',false);
        }
      })
    })
  </script>