<script src="<?php echo base_url();?>back_end_resource/language/language.js" type="text/javascript"></script>
<input type="hidden" id="baseUrl" value="<?php echo base_url(); ?>">
<div class="col-sm-10">
    <div class="row ">
        <div class="col-sm-12 padding-zero">
            <div class="col-sm-12">
                <div class="col-sm-4 form-group">
                    <a href="javascript:void(0)" onclick="add_language_form()" class="btn btn-sm btn-success"><i class="fa fa-plus-circle" title="Add Language"></i></a>
                </div>
                
                <div class="col-sm-4 form-group">                
                    <div class="input-group">
                        <input class="form-control" id="SearchLanguage" placeholder="Search here..." aria-describedby="basic-addon1" type="text">
                        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-search"></i></span>
                    </div>                
                </div>
                
            </div>
        </div>

        <div class="col-sm-12" id="add_language" style="display:none">
            <div class="col-sm-12 gray_ttc " >
                <div class="col-sm-12 h3 text-center">
                    Add Language
                    <hr>
                    <br>
                </div>
                
                <div class="form-group col-sm-6 col-sm-offset-3">
                    <div class="input-group">
                        <input type="text" 
                               placeholder="Please type Language Name"
                               class="form-control text-input"
                               id="add_language_name"
                               name="add_language_name"
                               pattern=".{3,20}" required title="3 to 20 characters"
                               value="" >
                        <span class="input-group-addon" id="basic-addon1" title="Please type Language Name"><i class="fa fa-language"></i></span>
                    </div>
                    <div style="color: red; " id="add_language_name_error" class="text-center"></div>
                </div>
                <div class="col-sm-12"><br></div>
                <div class="form-group col-sm-12">
                    <div class="col-sm-12">
                        <center> 
                            <button type="submit" onclick="add_language()" id="submit" class="btn btn-default" >
                                <i class="fa fa-save" title="Add Language"></i></button>
                            <button type="button" id="button_cancel" onclick="cancel_add_language()" class="btn btn-default" >
                                <i class="fa fa-remove" title="Cancel"></i></button>
                        </center>
                    </div>
                </div>
                
            </div>
        </div>
        
        <div class="col-sm-12" id="edit_language" style="display:none">
            <div class="col-sm-12 gray_ttc " >
                <div class="col-sm-12 h3 text-center">
                    Edit Language
                    <hr>
                    <br>
                </div>
                
                <input type="hidden" name="language_ID" id="language_ID">
                <div class="form-group col-sm-6 col-sm-offset-3">
                    <div class="input-group">
                        <input type="text" 
                               placeholder="Please type Language Name"
                               class="form-control text-input"
                               id="language_name"
                               name="language_name"
                               pattern=".{3,20}" required title="3 to 20 characters"
                               value="" >
                        <span class="input-group-addon" id="basic-addon1" title="Please type Language Name"><i class="fa fa-language"></i></span>
                    </div>
                    <div style="color: red; " id="edit_language_name_error" class="text-center"></div>
                </div>
                <div class="col-sm-12"><br></div>
                <div class="form-group col-sm-12">
                    <div class="col-sm-12">
                        <center> 
                            <button type="submit" id="submit" onclick="update_language()" class="btn btn-default" >
                                <i class="fa fa-save" title="Update Language"></i></button>
                                <button type="button" id="button_cancel" onclick="cancel_edit_language()" class="btn btn-default" >
                                <i class="fa fa-remove" title="Cancel"></i></button>
                        </center>
                    </div>
                </div>
                
            </div>
        </div>
        <div class="col-sm-12 "><br></div>
        <div class="col-sm-12" id="view_language">  
            
            <script type="text/javascript">
                manage_language_by_ajax();
            </script>
        </div>
        
        
    </div>
    <div class="col-sm-12 "><br></div>    
</div>
