@extends('main')

@section('title', '| Tworzenie nowego posta')

@section('stylesheets')
	
	{!! Html::style('css/parsley.css') !!}
	{!! Html::style('css/select2.min.css') !!}

	<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>

	<script>
		tinymce.init({
			selector: 'textarea',
			plugins: "link code",
			menubar: false
		});
	</script>

@endsection

@section('content')

 <div class="row">
 	<div class="col-md-8 col-md-offset-2">
 		<h1>Tworzenie nowego posta</h1>
 		<hr>

		
 		{!! Form::open(array('route' => 'posts.store' , 'data-parsley-validate')) !!}
		    {{ Form::label('title' , 'Tytuł:') }}
		    {{ Form::text('title' , null , array('class' => 'form-control' , 'required' => '' , 'maxlength' => '255')) }}

			{{ Form::label('slug' , 'Slug:') }}
			{{ Form::text('slug', null , array('class' =>'form-control' , 'required' => '' , 'minlenght' => '5' , 'maxlength' => '255') )}}

			{{ Form::label('category_id' , 'Kategoria:') }}
			<select class="form-control" name="category_id">
				@foreach ($categories as $category)				
					<option value='{{ $category->id }}'>{{ $category->name  }}</option>
				@endforeach
			</select>

			<!--wykorzystywanie select2 https://select2.github.io/examples.html -->
			<!-- select2-multi jest to nazwa klasy do ktorej sie odwolujemy na dole w skrypcie text/javascript -->
			{{ Form::label('tags' , 'Tagi:') }}
			<select class="form-control select2-multi" name="tags[]" multiple="multiple">
				@foreach ($tags as $tag)				
					<option value='{{ $tag->id }}'>{{ $tag->name }}</option>
				@endforeach
			</select>

		    {{ Form::label('body' , "Post:") }}
		    {{ Form::textarea('body' , null , array('class' => 'form-control')) }}

		    {{ Form::submit('Stwórz Post' , array('class' => 'btn btn-success btn-lg btn-block' , 'style' => 'margin-top: 20px;')) }}

		{!! Form::close() !!}

 	</div>
 </div>



@endsection

@section('scripts')

	{!! Html::script('js/parsley.min.js') !!}
	{!! Html::script('js/select2.min.js') !!}
	
	<script type="text/javascript">
		$('.select2-multi').select2();
	</script>

@endsection