<div class="panel panel-default">
	<div class="panel-body">
		{$action = 'create'}
		{if (!empty($article))}
			{$action = 'update'}
		{/if}
		<form class="form-horizontal" method="post" action="{$_url}module_cms/article/{$action}/">
			<div class="row">
				<div class=" col-md-4 col-sm-12 col-xs-12">
					{$title = ''}
					{if (!empty($article->title))}
						{$title = $article->title}
					{/if}
					<label class="control-label" for="title">{$_L['CMS_Article_Title']}<small class="red">*</small> </label>
					<input type="text" id="title" value="{$title}" name="title" class="form-control" maxlength="255" required>
				</div>
				<div class=" col-md-3 col-sm-12 col-xs-12">
					{$slug = ''}
					{if (!empty($article->slug))}
						{$slug = $article->slug}
					{/if}
					<label class="control-label" for="slug">{$_L['CMS_Article_Slug']}</label>
					<input type="text" id="slug" name="slug" value="{$slug}" class="form-control" maxlength="255">
				</div>
				<div class=" col-md-3 col-sm-12 col-xs-12">
					<label class="control-label" for="category">{$_L['CMS_Categories']}<small class="red">*</small></label>
					<select class="form-control" name="cms_category_id" id="cms_category_id" required>
						<option value="">--{$_L['CMS_Select_Category']}</option>
						{if !empty($categories)}
							{foreach $categories as $category}
								<option value="{$category->id}" {(!empty($article) && $article->cms_category_id == $category->id) ? 'selected' : ''}>{$category->title}</option>
							{/foreach}
						{/if}
					</select>
				</div>
				<div class=" col-md-2 col-sm-12 col-xs-12">
					<label class="control-label" for="status">{$_L['Status']}</label><br>
					{$checked = ''}
					{if (!empty($article->status))}
						{$checked = 'checked'}
					{/if}
					<input class="form-control" type="checkbox" name="status" id="status" {$checked} data-toggle="toggle" data-size="small" data-on="{$_L['Active']}" data-off="{$_L['Inactive']}">
				</div>
			</div>
			<div class='row'>
				<div class="col-xs-12 div_form">  <h2> {$_L['CMS_Main_Image']}</h2></div>

				<div class="col-xs-12">
					<div action="" class="dropzone" id="upload_container">
						<div class="dz-message">
							<h3> <i class="fa fa-cloud-upload"></i>  {$_L['Drop File Here']}</h3>
							<br />
							<span class="note">{$_L['Click to Upload']}</span>
						</div>
					</div>

					<input type="hidden" name="cms_image_id" id="cms_image_id" value="{if (!empty($image))}{$image}{/if}">
				</div>
			</div>
			<div class="row">
				{$text = ''}
				{if (!empty($article->text))}
					{$text = $article->text}
				{/if}
				<div class="col-md-12 col-sm-12 col-xs-12">
					<label class="control-label" for="description">{$_L['CMS_Article_Text']}</label>
					<textarea class="form-control" name="text" id="text" rows="3">{$text}</textarea>
				</div>
			</div>
			<div class="row" style="margin-top:20px">
				<div class=" col-md-12 form-group">
					<div class="col-md-offset-2 col-lg-10">
						{if !empty($article->id)}
							<input type="hidden" id="articleId" name="id" value="{$article->id}">
						{/if}
						<button class="md-btn md-btn-primary waves-effect waves-light" type="submit" id="submit">
							<i class="fa fa-check"></i> Save
						</button>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>