<style>
    .mainTxt{    
        width: 100%;
        height: 100px;
        font-size: 15px;
    }
</style>

<input type="hidden" name="colorTxt" id="colorTxt" value="{$colorTxt}" />
<!-- BEGIN CONTENT -->
<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" class="form-horizontal" id="page_form" 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 form-md-line-input has-info">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="fa fa-info"></i>
                                        </span>
                                        <input type="text" class="form-control" placeholder="اسم المقال" name="articalName" >
                                        <label for="form_control_1">اسم المقال</label>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input has-info">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="fa fa-users"></i>
                                        </span>
                                        <select name="articalCat" class="form-control input-xlarge select2me input-sm select2-offscreen noborder" data-placeholder="تصنيف المقال" >
                                            {foreach $cats as $single}
                                                <option value="{$single.id}"  >{$single.name}</option>
                                            {/foreach}
                                        </select>
                                        <label for="form_control_1">تصنيف المقال</label>
                                    </div>
                                    
                                </div>
                                <div class="form-group form-md-line-input has-info">
                                   <div class="input-group">
                                       <span class="input-group-addon">
                                           <i class="fa fa-info"></i>
                                       </span>
                                       <input type="text" class="form-control" placeholder="اسم  صوت المتكلم" name="audioTalker" >
                                       <label for="form_control_1">اسم صوت المتكلم</label>
                                   </div>
                               </div>
                               <br><br><br><br>
                                <div class="form-group form-md-line-input has-info">
                                   <div class="input-group">
                                       <span class="input-group-addon">
                                           <i class="fa fa-info"></i>
                                       </span>
                                       <label for="form_control_1">  رفع الملف الصوتى</label>
                                       <input type="file" name="audioVoice" id="fiad"><br><br>
                                   </div>
                               </div>
                                <div class="form-group ">
                                    <label class="control-label col-md-1">الصورة</label>
                                    <div class="col-md-9">
                                        <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" id="image" name="image">
                                                </span>
                                                <a href="#" class="btn red fileinput-exists" data-dismiss="fileinput">
                                                    حذف </a>
                                            </div>
                                        </div>
                                        <div class="clearfix margin-top-10 margin-bottom-10">
                                            <span class="label label-danger">ملاحظه!</span>يمكنك فقط رفع صور ... لا يمكنك رفع اى ملف</div>
                                    </div>
                                </div>
<!--                                <div  contenteditable="true" id="aaaa" class="editablexx">
                                    <p class="xxxx">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ac turpis in urna lacinia posuere. 
                                    </p>
                                </div>-->
                                    <div class="form-group form-md-line-input has-info">
                                        <div class="input-group">
                                            <span class="input-group-addon">
                                                <i class="fa fa-info"></i>
                                            </span>
                                             <label for="form_control_1">المحتوى الرئيسى</label>
                                            <input class="mainTxt" name="mainTxt" id="mainTxt" type="textarea" placeholder="المحتوى الرئيسى" cols="10" rows="4" />
                                        </div>
                                    </div>
                                   
                                    <!--<textarea class="form-control ckeditor" id="moTxt" rows="3" name="content"></textarea>-->
                                    <div class="form-group form-md-line-input has-info">
                                        <div class="input-group">
                                            <span class="input-group-addon">
                                                <i class="fa fa-info"></i>
                                            </span>
                                            <textarea class="form-control ckeditor"  id="moTxt" rows="3" name="mainTxtContent"></textarea>
                                        </div>
                                    </div>
                               
                                    
                                    <div class="form-group form-md-line-input has-info">
                                        <div class="input-group">
                                            <span class="input-group-addon">
                                                <i class="fa fa-info"></i>
                                            </span>
                                             <label for="form_control_1">المحتوى  مترجم</label>
                                            <input class="mainTxt" name="mainTxt2" id="mainTxt2" type="textarea" placeholder="المحتوى مترجم" cols="10" rows="4" />
                                        </div>
                                    </div>
                                   
                                    <!--<textarea class="form-control ckeditor" id="moTxt" rows="3" name="content"></textarea>-->
                                    <div class="form-group form-md-line-input has-info">
                                        <div class="input-group">
                                            <span class="input-group-addon">
                                                <i class="fa fa-info"></i>
                                            </span>
                                            <textarea class="form-control ckeditor"  id="moTxt2" rows="3" name="mainTxtContent2"></textarea>
                                        </div>
                                    </div>
	
<!--                                    <audio controls>
                                        <source src="{$hosturl}/../upload/{$controllname}/589b8a2580ed4d8e1e0e4ed9b334cfe6.mp3" id="audioSrc" type="audio/mp3">
                                      Your browser does not support the audio element.
                                    </audio>-->
                          
<!--                                <div class="form-group form-md-line-input has-info">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="fa fa-info"></i>
                                        </span>
                                        <textarea class="form-control ckeditor" id="moTxt" rows="3" name="content">
                                            
                                            محمد  
                                           طاااااارق 

                                        </textarea>
                                        <label for="form_control_1">المحتوى</label>
                                    </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 -->
