<div class="wrapper wrapper-content">

    {$title_action = $_L['module_helpdesk Add category']}
    {if (!empty($category->id))}
        {$title_action = $_L['module_helpdesk Edit category']}
    {/if}

    <form id="form-category" enctype="multipart/form-data" class="form-horizontal" method="post" >

        <div class="row">

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

                <div class="ibox float-e-margins">

                    <div class="ibox-title">
                        <h5>{$title_action}</h5>
                        <a href="{$_url}module_helpdesk/category/listall"
                           class="btn btn-xs btn-primary btn-rounded pull-right">
                            <i class="fa fa-bars"></i> {$_L['module_helpdesk list category']}
                        </a>
                    </div>

                    <div class="ibox-content" id="ibox_form">
                        <div class="alert alert-danger" id="emsg">
                            <span id="emsgbody"></span>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <label class="col-md-3 text-right col-sm-12 col-xs-12 control-label" for="title">
                                    {$_L['Title']} <small class="red">*</small>
                                </label> 
                                <div class='col-md-9 col-sm-12 col-xs-12'>
                                    <input type="text" name="title" id="title" class="form-control"
                                        value="{$category->title}" required>
                                </div>
                            </div>
                        </div>
                        <div class="row top10">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <label class="col-md-3 text-right col-sm-12 col-xs-12 control-label" for="title">
                                    {$_L['Description']} 
                                </label> 
                                <div class='col-md-9 col-sm-12 col-xs-12'>
                                    <input type="text" name="description" id="description"  class="form-control"
                                        value="{$category->description}">
                                </div>
                            </div>
                        </div>
                        <div class="row top10">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <label class="col-md-3 text-right col-sm-12 col-xs-12 control-label" for="title">
                                    {$_L['Icon']} 
                                </label> 
                                <div class='col-md-9 col-sm-12 col-xs-12'>
                                    <input type="text" name="icon" id="icon"  class="form-control"
                                        value="{$category->icon}">
                                    <span class="hrlp-block"><a href=" https://fontawesome.com/v4.7.0/icons/ "> https://fontawesome.com/v4.7.0/icons/ </a> </span>
                         
                                </div>
                             </div>
                        </div>
                        
                        <div class="row" style="margin-top:20px">
                            <div class=" col-md-12 form-group">
                                <div class="col-lg-10">
                                        <input type="hidden" id="id" name="id" value="{$category->id}">
                                    <a class="md-btn md-btn-primary waves-effect waves-light"  id="submit">
                                        <i class="fa fa-check"></i> {$_L['Submit']}
                                    </a>
                                    | <a href="{$_url}module_helpdesk/category/listall">{$_L['Or Cancel']}</a>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

            </div>

        </div>

    </form>

</div>