<!-- BEGIN CONTENT -->
<div class="page-content-wrapper clinick setting">
    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <h3 class="page-title">
            {$shcontrollname}
        </h3>
        <div class="page-bar">
            <ul class="page-breadcrumb">
                {$breadcrumbs}
            </ul>
        </div>
        <!-- END PAGE HEADER-->
        <!-- BEGIN PAGE CONTENT-->
        <div class="row">
            <div class="col-md-12">
                <div class="portlet light bg-inverse">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="icon-equalizer font-red-sunglo"></i>
                            <span class="caption-subject font-red-sunglo bold uppercase">Add new in {$shcontrollname}</span>
                        </div>
                        <div class="actions">
                            <a class="btn default btn-xs blue tooltips" href="{$hosturl}/controllers/{$controllname}.php?ac=show" data-container="body" data-placement="top" data-original-title="Show">
                                Show items
                            </a>
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <!-- BEGIN FORM-->
                        <form action="{$hosturl}/controllers/{$controllname}.php?ac=addit" method="post" class="" id="member_form">
                            <div class="form-body">
                                <div class="alert alert-danger display-hide">
                                    <button class="close" data-close="alert"></button>
                                    You have errors, see it again.
                                </div>
                                <div class="alert alert-success display-hide">
                                    <button class="close" data-close="alert"></button>
                                    You are good, GO ON.
                                </div>

                                <h3 class="form-section">My info</h3>
                                <div class="form-group form-md-line-input has-info">
                                    <div>
                                        <input type="text" class="form-control" placeholder="My name" name="name" required="">
                                        <label for="form_control_1">My name</label>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input has-info">
                                    <div>
                                        <input type="text" class="form-control" placeholder="Email Address" name="email" id="email">
                                        <label for="form_control_1">Email Address</label>
                                    </div>
                                    <div class="alert alert-warning display-hide" id="showerroremail">
                                        <button class="close" data-close="alert"></button>
                                        Use another one , this used before with other user.
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="col-md-3">
                                        <div class="form-group form-md-line-input has-info">
                                            <div>
                                                <select class="form-control input-xlarge select2me input-sm select2-offscreen noborder"
                                                        id="branch"  data-placeholder="Choose one" name="branch">
                                                    <option value=""></option>
                                                    <option value="-1">All</option>
                                                    {foreach $branches as $single}
                                                    <option value="{$single->id}">{$single->name}</option>
                                                    {/foreach}
                                                </select>
                                                <label for="form_control_1">Branches</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group form-md-line-input has-info">
                                            <div>
                                                <select class="form-control input-xlarge select2me input-sm select2-offscreen noborder" required="" id="role"  data-placeholder="Choose one" name="role">
                                                    <option value=""></option>
                                                    {foreach $roles as $single}
                                                    <option value="{$single->id}">{$single->name}</option>
                                                    {/foreach}
                                                </select>
                                                <label for="form_control_1">Roles</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3" style="display: none;" id="specialDiv" >
                                        <div class="form-group form-md-line-input has-info">
                                            <div>
                                                <select class="form-control input-xlarge select2me input-sm select2-offscreen noborder"  id="special" data-placeholder="Choose one" name="special">
                                                    <option value=""></option>
                                                </select>
                                                <label for="form_control_1">Specialization </label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3" style="display: none;" id="positionDiv" >
                                        <div class="form-group form-md-line-input has-info">
                                            <div>
                                                <select class="form-control input-xlarge select2me input-sm select2-offscreen noborder"  id="position" data-placeholder="Choose one" name="position">
                                                    <option value=""></option>
                                                </select>
                                                <label for="form_control_1">Position</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="loginInfoDiv">

                                    <h3 class="form-section">Login info</h3>
                                    <div class="form-group form-md-line-input has-info">
                                        <div>
                                            <input type="text" class="form-control" placeholder="Username" name="username" id="username" required="">
                                            <label for="form_control_1">Username</label>
                                        </div>
                                        <div class="alert alert-warning display-hide" id="showerrorusername">
                                            <button class="close" data-close="alert"></button>
                                            Use another one , this used before with other user.
                                        </div>
                                    </div>
                                    <div class="form-group form-md-line-input has-info">
                                        <div>
                                            <input type="password" class="form-control" placeholder="Password" name="password" id="password" required="">
                                            <label for="form_control_1">Password</label>
                                        </div>
                                    </div>
                                    <div class="form-group form-md-line-input has-info">
                                        <div>
                                            <input type="password" class="form-control" placeholder="Confirm password" id="confirmpassword"  name="confirmpassword"  required="">
                                            <label for="form_control_1">Confirm password</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-offset-3 col-md-4">
                                        <button type="submit" class="btn green">Save</button>
                                        <button type="button" class="btn default rtnshow" data-controll="{$controllname}">Cancel</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <!-- END FORM-->
                    </div>
                </div>
            </div>
        </div>
        <!-- END PAGE CONTENT-->
    </div>
</div>
<!-- END CONTENT -->