<?php echo $header;?>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>Add Sustainability</h1>
      <ol class="breadcrumb">
        <li><a href="<?php echo base_url();?>admin"><i class="fa fa-dashboard"></i>Dashboard</a></li>
        <li><a href="<?php echo base_url();?>admin/sustainability">Ssustainability </a></li>
        <li class="active">Add</li>
      </ol>
    </section>

    <!-- Main content -->
  
    <section class="content">
    <div class="row">
      <!-- left column -->
      <form role="form" id="Form1" method="post" enctype="multipart/form-data" action="">
      <div class="col-md-9">
        <!-- general form elements -->
        <div class="box box-primary">
            <div class="box-body">
            <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <label for="tags">Meta Title</label>
                    <input type="input" name="meta_title" class="form-control" id="meta_title" placeholder="Enter Meta Title"> 
                  </div>
                </div>
              </div>

              <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <label for="tags">Meta Keyword </label>
                    <input type="input" name="meta_keyword" class="form-control" id="meta_keyword" placeholder="Enter Meta Keyword">
                  </div>
                </div>
              </div>

              <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <label for="sustainability_description" >Sustainability Meta Description</label>
                    <textarea id="summernote" name="meta_description" id="meta_description"></textarea>
                  </div>
                </div>
              </div>
            
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <label for="tags">sustainability Name</label>
                    <input type="input" name="sustainability_name" class="form-control" id="sustainability_name" placeholder="Enter sustainability Name">
                  </div>
                </div>
                
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <label for="sustainability_description" >sustainability Short Description</label>
                    <textarea  name="sustainability_short_description" id="sustainability_short_description"></textarea>
                  </div>
                </div>
              </div>
              
            
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <label for="sustainability_description" >sustainability Long Description</label>
                    <textarea  name="sustainability_long_description" id="sustainability_long_description"></textarea>
                  </div>
                </div>
              </div>
   
            </div>
            <!-- /.box-body -->
        </div>
      </div>
     
      <div class="col-md-3">
              
        <div class="inner_card">
          <div class="card_heading">
            <h5> Images</h5>
          </div>
          <div class="card_content">
          <input class="form-control" type="file" name="sustainability_image[]" id="sustainability_image" multiple="multiple">
            <!-- <button type="button" data-toggle="modal" data-target="#modal-default" class="new_ui_button">Enter Images</button> -->
          </div>
        </div>

        <div class="inner_card">
          <div class="card_header">
            <h5>Publish</h5>
          </div>
          <div class="card_content">
          <button type="submit" name="sbt" class="new_ui_button">Submit</button>
          </div>
        </div>
      </div>
      </form>
    </div>
    
    <!-- /.row -->
  </section>
    <!-- /.content -->
  </div>


  <div class="modal fade" id="modal-default">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">Enter Images</h4>
        </div>
        <div class="modal-body">
          <div id="czContainer">
            <div id="first">
              <div class="recordset">
                <input type="file" placeholder="" class="input_file" required>
              </div>
            </div>
          </div>
        </div>
    </div>
    <!-- /.modal-dialog -->
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.js"></script>        
  <script src="http://dev.soulilution.com/peertopia/Backend/additional-methods.min.js"></script>
  <script>
   $(document).ready(function(){
     $('select#sustainability_category').on('change',function(){
    var item_id=$(this).val(); 
    $.ajax({
            url:'<?php echo base_url();?>admin/sustainability/get_subcategory',
            type:'POST',
            data:{item_id:item_id},
            success:function(html)
            { 
                $('select#sustainability_subcategory').html(html);
            } 
        });
     });
   });
    </script>
  
  <script>
  CKEDITOR.replace('features');
  CKEDITOR.replace('meta_description');
  CKEDITOR.replace('sustainability_short_description');
  CKEDITOR.replace('sustainability_long_description');
   
  </script>
  <?php echo $footer;?>