<div class="col-sm-8">
    <div class="row ">
        <div class="col-sm-12 " >
            <div class="col-sm-12">
                <h3>Create Certificate</h3>
                <hr>

                <nav class="text-justify">
                    <center>
                        <div class="col-sm-12">
                            <span class="clo-sm-3" title="Course Profile" style="padding: 0">
                                <span class="number badge" style="background-color: green">1</span>
                                <span class="text-left label" style="color: #000;font-size: 14px;font-weight: normal">Certificate Information</span>
                                <span class="nav-arrow" id="cborder" style="margin-right: 2px"><img src="<?php echo base_url()?>image/border.jpg"></span>
                            </span>

                            <span class="clo-sm-3" title="Add work Files" style="padding: 0">
                                <span class="number badge" style="background-color: gray;">2</span>
                                <span class="text-left label" style="color: #000;font-size: 14px;font-weight: normal;padding: 0">Assign Certificate</span>
                            </span>

                        </div>
                    </center>

                </nav>

                <div class="col-sm-12"><br></div>

            </div>

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

                <div class="col-sm-12 gray_ttc" >

                    <div class="col-sm-12" ><br></div>                  

                    <form id="formID2" action="" method="post" name="certificateForm" enctype="multipart/form-data" >

                        <div class="form-group col-sm-6 ">
                            <div class="input-group">
                                <input type="text"
                                       data-errormessage-value-missing="Certificate Name is Required!"
                                       class="form-control validate[required]"
                                       name="certificate_name" id="certificate_name"
                                       value=""
                                       placeholder="Please Type Certificate name.."
                                       aria-describedby="basic-addon1" >
                                <span class="input-group-addon" id="basic-addon1"><i class="fa  fa-adn"></i></span>
                            </div>
                        </div>

                        <div class="form-group col-sm-12" ><br></div>

                        <div class="form-group col-sm-12" >
                            <div class="input-group screen1280" id="" > 
                                <textarea class="form-control resoulation1280" rows="4"  
                                          name="certificate_description[]" id="certificate_description1"
                                          placeholder="Please Type Your Certificate Description" ></textarea>
                            </div>

                            <div class="input-group screen1024" id="" >
                                <textarea   class="form-control  resoulation1024 " rows="4"
                                            name="certificate_description[]" id="certificate_description2"
                                            placeholder="Please Type Your Certificate Description"></textarea>
                            </div>
                            <div class="input-group screenMobile" id="" >
                                <textarea   class="form-control  resoulationMobile " rows="4"
                                            name="certificate_description[]" id="certificate_description3"
                                            placeholder="Please Type Your Certificate Description"></textarea>
                            </div>

                            <div class="input-group screenMobile_max499" id="" >
                                <textarea   class="form-control  resoulationMobile_max499 " rows="4"
                                            name="certificate_description[]" id="certificate_description4"
                                            placeholder="Please Type Your Certificate Description"></textarea>
                            </div>
                        </div>

                        <div class="form-group col-sm-12" ><br></div>

                        <div class="form-group col-sm-6 ">                            
                            <input type="file" class="filestyle" data-icon="false" onchange="" name="company_image">
                            <span class="pull-left">[ Upload Image ]</span>
                        </div>
                        <div class="form-group col-sm-6 ">
                            <div id="image" style="float:left;width: 150px; height: 50px;" > </div>
                        </div>

                        <input style="float:left;" type='hidden' name="image_path" id="image_path" value=""/>                       

                        <div class="form-group col-sm-12" ><br></div>

                        <div class="form-group col-sm-6 ">
                            <select data-errormessage-value-missing="Certificate Share Status is Required!"
                                    class="form-control validate[required]" 
                                    name="certificate_share_status" id="certificate_permission_status" >
                                <option value=""> -Certificate Share Status - </option>
                                <option value="1">public</option>
                                <option value="2">Talha Training User</option>
                                <option value="3">My Link</option>
                                <option value="4">My Teacher</option>
                                <option value="5">Group</option>
                            </select>
                        </div>

                        <div class="form-group col-sm-6 text-left">
                            <select data-errormessage-value-missing="Certificate status is Required!"
                                    class="form-control validate[required]"  
                                    id="certificate_status" 
                                    name="certificate_status" >
                                <option value=""> -Select Certificate  Status - </option>
                                <option value="1">Published</option>
                                <option value="0">UnPublished</option>
                                <option value="2">Archived</option>
                            </select>
                        </div>

                        <div class="form-group col-sm-12" ><br></div>

                        <div class="col-sm-4"></div>
                        <div class="col-sm-4">
                            <input type="submit" class="green-btn btn btn-default" value="Create Certificate !"><br/><br/>
                        </div>
                        <div class="col-sm-4"></div>

                    </form>

                </div>
            </div>

        </div><!-- /.row gray -->

    </div>

</div>
<script src="<?php echo base_url()?>front_end_resource/certificate/certificate.js" type="text/javascript"></script>