@extends('layouts.master')

@section('title', isset($data) ? $data['result']['name'] : \Lang::get('forum.create_thread'))

@section('css')
@stop

@section('content')
<div class="container"  style="margin-top: 1%; min-height: 60%">
<div class="row">
<div class="form-group">
	<h2>{{ isset($data) ? $data['result']['name'] : \lang::get('forum.create_thread') }}</h2>
</div>
<legend></legend>
<form action="" method="{{ isset($data) ? 'PUT' : 'POST' }}">
	<div class="form-group">
		<label class="control-label" for="name">@lang('forum.thread_name')</label>
		<input type="text" id="name" name="name" placeholder="@lang('forum.thread_name')" class="form-control" value="{{ isset($data) ? $data['result']['name'] : '' }}"/>
		<span class="help-block" style="display: none;">@lang('forum.enter_thread_name')</span>
	</div>
	<div class="form-group">
	@foreach($GLOBALS['user']['result']['role'] as $user)
			@endforeach
	 
	@if(!empty(array_intersect($user_role, $user_role)))
		<label class="control-label" for="status">@lang('global.status')</label>
		<select id="status" class="form-control" name="status">
			@if(isset($data))
			<option value="0" {{ $data['result']['thread_status_type_id'] == 0 ? 'selected' : '' }}>@lang('global.offline')</option>
			<option value="1" {{ $data['result']['thread_status_type_id'] == 1 ? 'selected' : '' }}>@lang('global.online')</option>
			@else
			<option value="0">@lang('global.offline')</option>
			<option value="1">@lang('global.online')</option>
			@endif
		</select>
	@endif
	</div>
	<div class="form-group">
		<label class="control-label" for="content">@lang('global.description')</label>
		<textarea class="form-control" id="content" name="content">
			{{ isset($data) ? $data['result']['value'] : '' }}
		</textarea>
	</div>
	<div class="form-group">
		<input type="hidden" name="_token" value="{{ csrf_token() }}">
		<a href="{{ url()->previous() }}" class="btn btn-default">@lang('global.back')</a>
		<button type="submit" class="btn btn-success">@lang('global.save')</button>
	</div>
</form>
</div>
</div>
@stop

@section('javascript')
<script type="text/javascript">
	CKEDITOR.replace('content', {
		extraPlugins: 'imageuploader',
		toolbarGroups: [
		{ "name": 'clipboard', "groups": [ 'clipboard', 'undo' ] },
		{ "name": 'editing', "groups": [ 'find', 'selection', 'spellchecker', 'editing' ] },
		{ "name": 'links', "groups": [ 'links' ] },
		{ "name": 'insert', "groups": [ 'insert' ] },
		{ "name": 'document', "groups": [ 'mode', 'document', 'doctools' ] },
		{ "name": 'basicstyles', "groups": [ 'basicstyles', 'cleanup' ] },
		{ "name": 'paragraph', "groups": [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
		{ "name": 'styles', "groups": [ 'styles' ] },
		{ "name": 'colors', "groups": [ 'colors' ] },
		],
		allowedContent: true,
		removeButtons: 'Save,Flash,Iframe,NewPage,Preview,Language'
	});
	CKEDITOR.dtd.$removeEmpty.i = 0;
	
	CKEDITOR.plugins.add( 'imageuploader', {
		init: function( editor ) {
			editor.config.filebrowserBrowseUrl = '/filemanager';
		}
	});


	$('form').on('submit', function(){
		var selector = $('input[name=name]');
		selector.parent().removeClass('has-error');
		if(selector.val() == ''){
			selector.parent().addClass('has-error');
			selector.parent().find('span').css('display', '');
			$('html, body').animate({
				scrollTop: selector.offset().top - 80
			}, 500);
			return false;
		}
	});
</script>
@stop