<div class="wrapper wrapper-content">

    {$title_action = $_L['module_teammanagement Add category']}
    {if (!empty($category->id))}
        {$title_action = $_L['module_teammanagement 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_teammanagement/category/listall"
                           class="btn btn-xs btn-primary btn-rounded pull-right">
                            <i class="fa fa-bars"></i> {$_L['module_teammanagement 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['module_teammanagement Add category parent']}
                                </label> 
                                <div class='col-md-9 col-sm-12 col-xs-12'>
                                    <select name="parent_id" id="parent_id" style="width:100%">
                                        {if $parent}
                                            <option value="{$parent->id}">{$parent->title}</option>
                                        {/if}
                                        
                                    </select>
                                </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['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 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['Image']} 
                                </label> 
                                <div class='col-md-9 col-sm-12 col-xs-12'>
                                    <input type="file" name="file" id="file"  class="form-control" >
                                    {if not empty ($category->src)}
                                        <br/>
                                        <div class="row">
                                            <div class="col-md-4 col-xs-12">
                                                <img class="img-responsive" id="image" src="{APP_URL}/application/plugins/module_teammanagement/uploads/category/{$category->src}">
                                                <center><a href="#" class="btn btn-xs btn-danger" id="removerImage"><i class="fa fa-times"></i> {$_L['Remove']}</a> </center>
                                            </div>
                                        </div>
                                        <input type="hidden" id="src" name="src" value="{$category->src}">
                                         {/if}
                                </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_teammanagement/category/listall">{$_L['Or Cancel']}</a>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

            </div>

        </div>

    </form>

</div>