
<div class="page-content">
    <!-- Page Breadcrumb -->
    <div class="page-breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="fa fa-home"></i>
                <a href="#">Employee</a>
            </li>
            <li class="active">Designation</li>
        </ul>
    </div>
    <!-- /Page Breadcrumb -->

    <!-- Page Header -->
    <div class="page-header position-relative">
        <div class="header-title">
            <h1>
                Employee Designation
            </h1>
        </div>
        <!--Header Buttons-->
        <div class="header-buttons">
            <a class="sidebar-toggler" href="#">
                <i class="fa fa-arrows-h"></i>
            </a>
            <a class="refresh" id="refresh-toggler" href="">
                <i class="glyphicon glyphicon-refresh"></i>
            </a>
            <a class="fullscreen" id="fullscreen-toggler" href="#">
                <i class="glyphicon glyphicon-fullscreen"></i>
            </a>
        </div>
        <!--Header Buttons End-->
    </div>
    <!-- /Page Header -->
    <!-- Page Body -->
    



    
    <!-- End Page Body -->
                

    <div class="page-body">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="row">
                    <div class="col-xs-12 col-md-12">
                        <div class="widget">
                            <div class="widget-header ">
                                <span class="widget-caption">Employee Designation</span>
                                <div class="widget-buttons">
                                    <a href="#" data-toggle="maximize">
                                        <i class="fa fa-expand"></i>
                                    </a>
                                    <a href="#" data-toggle="collapse">
                                        <i class="fa fa-minus"></i>
                                    </a>
                                    <a href="#" data-toggle="dispose">
                                        <i class="fa fa-times"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="widget-body">
                                <div class="table-toolbar">
                                    
                                    <a id="close" href="<?php echo site_url('designations')?>" class="btn btn-danger">
                                        <span class="fa fa-arrow-left"></span>
                                    </a>
                                    <div class="btn-group pull-right">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="well bordered-left bordered-themeprimary">
                                            <h3>Overview</h3>
                                            <p>vBizz Let you add n numbers of designation for yor company.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class = "row center">
                                    <div class="col-lg-10 col-sm-6 col-xs-12">
                                        <div class="widget center">
                                            <div class="widget-header bordered-bottom bordered-lightred">
                                                <span class="widget-caption">Add New Record</span>
                                            </div>
                                            <div class="widget-body">
                                                <div id="horizontal-form">
                                                    <form class="form-horizontal" role="form" method="POST" action="<?php echo site_url('add_designation')?>">
                                                        <input type="hidden" name="id" value="<?php echo !empty($designation)?$designation->id:''?>">
                                                        <div class="form-group">
                                                            <label for="inputEmail3" class="col-sm-2 control-label no-padding-right">Designation Name</label>
                                                            <div class="col-sm-10">
                                                                <input type="text" class="form-control" name="title" placeholder="Designation Name" required
                                                                    value="<?php echo !empty($designation)?$designation->title:''?>"
                                                                >
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="published" class="col-sm-2 control-label no-padding-right" >Published</label>
                                                            <div class="col-sm-10">
                                                                <label>
                                                                    <input id="published" name="published" class="checkbox-slider slider-icon colored-blue yesno" type="checkbox" 
                                                                    <?php
                                                                        if (!empty($designation)){
                                                                            if ($designation->published==1) {
                                                                                echo 'checked';
                                                                            } else {   
                                                                                echo '';
                                                                            }
                                                                            
                                                                        } 
                                                                    ?>
                                                                    >
                                                                    <span class="text" style="margin-top:6px"></span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="inputPassword3" class="col-sm-2 control-label no-padding-right">Description</label>
                                                            <div class="col-sm-10">
                                                                    <textarea name="description" class="form-control" rows="3" placeholder="Content"><?php echo !empty($designation)?$designation->description:''?></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <div class="col-sm-offset-2 col-sm-10">
                                                                <button type="submit" class="btn btn-success">
                                                                <span class="fa fa-check"></span>
                                                                Save</button>
                                                                <a id="close" href="<?php echo site_url('designations')?>" class="btn btn-danger">
                                                                    <span class="fa fa-close"></span>
                                                                    Close
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Page Content -->