<!-- BEGIN CONTENT -->
<script src="{$path}/_assets/global/plugins/jquery.min.js" type="text/javascript"></script>

<div class="page-content-wrapper">
    <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">اضافه جديد فى   {$shcontrollname}</span>
                        </div>
                        <div class="actions">
                            <a class="btn default btn-xs blue tooltips" href="{$hosturl}/{$controllname}/show" data-container="body" data-placement="top" data-original-title="Show">
                                <i class="icon-list"></i>
                                عرض البيانات
                            </a>
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <!-- BEGIN FORM-->
                        <form action="{$hosturl}/{$controllname}/addit" method="post" id="theform" class="form-horizontal" enctype="multipart/form-data">
                            <div class="form-body">
                                <div class="alert alert-danger display-hide">
                                    <button class="close" data-close="alert"></button>
                                    لديك خطا فى ادخال البيانات , حاول مره اخرى
                                </div>
                                <div class="alert alert-success display-hide">
                                    <button class="close" data-close="alert"></button>
                                    لقد ادخلت بيانات صحيح
                                </div>


                                <div class="form-group">
                                    <label class="col-md-2 control-label" style="text-align: right">الرابط </label>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" placeholder="الرابط" name="link" id="link" minlength="2" required>
                                    </div>
                                    <span class="help-block help-block-error" id="showerrortitle" style="color: #F3565D"></span>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" style="text-align: right">نوع الرابط</label>
                                    <div class="col-sm-2">

                                        <label>
                                            <input type="radio" name="link_type" value="0" checked="checked">داخلي
                                        </label>

                                    </div>

                                    <div class="col-sm-2">

                                        <label>
                                            <input type="radio" name="link_type" value="1">خارجي
                                        </label>

                                    </div>
                                </div>


                                <div class="clearfix"></div>


                                <div class="form-group">
                                    <label class="col-md-2 control-label" style="text-align: right"> صورة </label>
                                    <div class="col-md-8">
                                        <div class="clearfix"></div>
                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                                            <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;"></div>
                                            <div>
                                                <span class="btn default btn-file">
                                                    <span class="fileinput-new">استعراض</span>
                                                    <span class="fileinput-exists">تغيير</span>
                                                    <input type="file" name="image"  accept="image/jpg, image/jpeg, image/png" class="img_cls" required>
                                                </span>
                                                <a href="#" class="btn red fileinput-exists" data-dismiss="fileinput">
                                                    حذف </a>
                                            </div>
                                            <div class="clearfix margin-top-10 margin-bottom-10">
                                                <span class="label label-danger">ملاحظة!</span> يمكنك فقط رفع صور
                                            </div>
                                        </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">حفظ</button>
                                        <button type="button" class="btn default rtnshow" data-controll="{$controllname}">إلغاء</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <!-- END FORM-->
                    </div>
                </div>
            </div>
        </div>
        <!-- END PAGE CONTENT-->
    </div>
</div>
<!-- END CONTENT -->
<script src="{$path}/_assets/custom/image_validation.js"></script>