@extends('layouts.backend')

@section('top-title', 'SugarSammy: Edit Page')
	
@section('title', 'Admin')

@section('content')

				

<div style="max-width: 1200px; margin: 0 auto;">

@if (\Session::has('message'))

	<div class="alert alert-success" style="background-color: darkred; color: white; width: calc(100% - 40px); padding: 20px; text-align: center; clear: both; margin: 20px 0;">
        <ul>
            <li>{!! \Session::get('message') !!}</li>
			<li style="margin-top: 10px;"><a href="{{ URL::route('pages.view', $page['slug']) }}" style="color: white;">View page</a></li>
        </ul>
    </div>

@endif
	
<a href="{{ URL::route('site.admin') }}" style="float:right">Back to admin</a>


{!! Form::open(['url' => "/pages/edit/$id"]) !!}
	
	<label for="title_en">English Title:</label>
	<input type="text" id="title_en" name="title_en" value=""><br><br>
	<label for="content_en">English Content:</label>
	<textarea id="content_en" name="content_en"></textarea><br><br>
	<label for="title_fr">French Title:</label>
	<input type="text" id="title_fr" name="title_fr" value=""><br><br>
	<label for="content_fr">French Content:</label>
	<textarea id="content_fr" name="content_fr"></textarea><br>
	
	<div style="text-align: center; margin: 20px 0; display: none;">
		<h3 style="font-weight: bold; font-size: 20px;">Select the sidebar you want this page to display</h3>
		<div style="padding: 10px; text-align: center; display: inline-block; vertical-align: top;">
			Sidebar 1<br>
			<input type="radio" name="sidebar" value="0" checked><br>
			<div style="display: inline-block; margin-top: 10px;">
				@include('sidebar')
			</div>
		</div>
		<div style="padding: 10px; text-align: center; display: inline-block; vertical-align: top;">
			Sidebar 2<br>
			<input type="radio" name="sidebar" value="1" ><br>
			<div style="display: inline-block; margin-top: 10px;">
				@include('sidebar_2')
			</div>
		</div>
		<div style="padding: 10px; text-align: center; display: inline-block; vertical-align: top;">
			Sidebar 3<br>
			<input type="radio" name="sidebar" value="2" ><br>
			<div style="display: inline-block; margin-top: 10px;">
				@include('sidebar_3')
			</div>
		</div>
	</div>

		<!-- <input type="file" name="file" id="file"> -->
	<!-- <input type="submit"> -->
{{ Form::submit('Save Page')  }}
{!! Form::close() !!}
	
</div>

<script src="{{ URL::to('js/tinymce/tinymce.min.js') }}"></script>
<script>
 var editor_config = {
      path_absolute : "{{ URL::to('/') }}/",
      selector : "textarea",
      plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak code",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern"
      ],
      toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media | code",
	  menu: "tools",
      relative_urls: false,
      file_browser_callback : function(field_name, url, type, win) {
        var x = window.innerWidth || document.documentElement.clientWidth || document.getElementByTagName('body')[0].clientWidth;
        var y = window.innerHeight|| document.documentElement.clientHeight|| document.grtElementByTagName('body')[0].clientHeight;
        var cmsURL = editor_config.path_absolute+'laravel-filemanaget?field_name'+field_name;
        if (type = 'image') {
          cmsURL = cmsURL+'&type=Images';
        } else {
          cmsUrl = cmsURL+'&type=Files';
        }

        tinyMCE.activeEditor.windowManager.open({
          file : cmsURL,
          title : 'Filemanager',
          width : x * 0.8,
          height : y * 0.8,
          resizeble : 'yes',
          close_previous : 'no'
        });
      },
	 
	 height: "400"
    };

    tinymce.init(editor_config);
  </script>
  
@endsection