{!! Theme::section('community.pannel.cms.pages-menu',['subpage'=>'page_list']) !!}

<style type="text/css">
	.inside-form-view{
		/*width:80%;
		float:right;	*/
	}
	
	.pannel-settings-forms tr:nth-child(2n+1) {
		background-color:inherit;
	}
	
	.pannel-settings-forms tr:nth-child(2n) {
		background-color:inherit;
	}
	
	.inside-form-view{
		padding-top:15px;	
	}
</style>

<div class="inside-form-view">
	<span class="resize-editor-screen-btn resize-editor-screen-btn-open"><i class="fa fa-arrows-alt" aria-hidden="true"></i></span>
    <span class="community-pannel-heading">{{trans('organizationpages.add-page')}}</span> 
    
    <form class="form-horizontal community-outer-settings single-column-form" role="form" action="" method="post" enctype="multipart/form-data">
         {{ csrf_field() }}
        <input type="hidden" id="page-template" value="1" /> 
       	
        
        <div class="panel panel-default community-homepage-design-menu">
            <div class="panel-heading">
                <ul class="nav nav-tabs" style="border-bottom: medium none; margin-bottom: -10px;">
                    <li class="active"><a href="#website-settings" data-toggle="tab">{{trans('organizationpages.page-settings')}}</a></li>
                    <li class=""><a href="#page-design" data-toggle="tab" class="tabCommunityPhotoscm">{{trans('organizationpages.page-design')}}</a></li>
                </ul>
            </div>
            
            <div class="panel-body">
            
                <div class="tab-content">
                    <div class="tab-pane fade in active" id="website-settings">
                    	<div class="form-group">
                            <label class="col-sm-12 control-label">{{trans('organizationpages.title-of-the-page')}}:</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control" id="page_title" name="val[title]" placeholder="{{trans('organizationpages.enter-title-of-the-page')}}" required="required" autocomplete="off" />
                            </div>
                         </div>
                         
                          <div class="form-group">
                            <label class="col-sm-12 control-label" style="text-align:left">{{trans('organizationpages.page-url')}}:</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control page-slug-input" id="page_slug" name="val[slug]" placeholder="{{trans('organizationpages.type-desired-url-name')}}" required="required" autocomplete="off" data-target="#page-slug" />
                                <span class="brand-colored-texts">{{trans('organizationpages.desired-url-will-be')}}</span>  <strong>{{$community->present()->url('page')}}/<span class="brand-colored-texts" id="page-slug"></span></strong></p>
                
                            </div>
                          </div>
                         
                          <input type="hidden" name="val[pagename]" id="pagename" value="{{rand(111111,999999)+time()}}" />
                          <input type="hidden" name="hasSaved" id="hasSaved" value="1" />
                         
                          <div class="form-group">
                            <label class="col-sm-12 control-label">{{trans('organizationpages.show-this-page-as')}}:</label>
                            <div class="col-sm-12">
                                <select class="form-control" name="val[show_page_as_menu]" id="show_page_as_menu">
                                    <option value="1">{{trans('organizationpages.menu')}}</option>
                                    <option value="0">{{trans('organizationpages.sub-menu')}}</option>
                                    <option value="2">{{trans('organizationpages.inside-page')}}</option>
                                </select>
                            </div>
                         </div>
                         
                         <div class="form-group pages-menus-list" style="display:none">
                                     <label class="col-sm-12 control-label">{{trans('organizationpages.select-menu')}}: @if(count($pagesmenus)==0) <a style="color:#F00" href="{{$community->present()->url('pagesmenuadd')}}">{{trans('global.click-here')}}</a> {{trans('organizationpages.to-add-menu')}} @endif</label>
                            <div class="col-sm-12">
                                <select class="form-control" name="val[menu_id]" id="menu_id">
                                   @foreach($pagesmenus as $menu)
                                        <option value="{{$menu->id}}">{{$menu->title}}</option>
                                   @endforeach  
                                </select>
                            </div>
                         </div>
                         
                         <div class="form-group">
                            <label class="col-sm-12 control-label">{{trans('organizationpages.show-website-footer')}}:</label>
                            <div class="col-sm-12">
                                 <select class="form-control" name="val[show_website_footer]" id="show_website_footer">
                                    <option value="1">{{trans('organizationpages.yes')}}</option>
                                    <option value="0">{{trans('organizationpages.no')}}</option>
                                </select>
                            </div>
                         </div>
                         
                          <div class="form-group">
                            <label class="col-sm-12 control-label">Show default header:</label>
                            <div class="col-sm-12">
                                 <select class="form-control" name="val[show_default_header]" id="show_default_header">
                                    <option value="1">{{trans('organizationpages.yes')}}</option>
                                    <option value="0">{{trans('organizationpages.no')}}</option>
                                </select>
                            </div>
                         </div>
                    </div>
                   
                    <div class="tab-pane" id="page-design"> 
                    
                    	  <div class="form-group" style="font-size:15px; margin-bottom:25px;">
                            <label class="col-sm-12 control-label">{{trans('organizationsettings.choose-theme')}}:</label>
                            <div class="col-sm-12">                            
                               <label class="radio-inline"><input type="radio" value="1" class="choose-page-editor" checked="checked" name="choose-page-editor"> {{trans('cms.theme-number', ['number' => 1])}}</label>
                                 
                               <label class="radio-inline"><input type="radio" value="2" class="choose-page-editor" name="choose-page-editor" @if($theme_id and $selected_theme and $selected_theme->html_edit_code) checked="checked" @endif>{{trans('cms.theme-number', ['number' => 2])}}</label>                               
                            </div>
                          </div>
                    
                    	 <div class="page-editor-1" @if($theme_id and $selected_theme and $selected_theme->html_edit_code) style="display:none" @else style="display:block" @endif>
							 <div id="wrapper">
                                    {!! Theme::section('community.pannel.cms.pages.pagebuilder.template-sidemenu') !!}
                        
                                    <div id="tosave" data-paramone="11" data-paramtwo="22" data-paramthree="33">
                                        {!! Theme::section('community.pannel.cms.pages.pagebuilder.default-editor-contents') !!}
                                    </div>
                                    
                                    <div id="download-layout">
                        
                                    </div>
                              </div> {!! Theme::section('community.pannel.cms.pages.pagebuilder.template-design') !!}
                         </div>
                         
                         <div class="page-editor-2" @if($theme_id and $selected_theme and $selected_theme->html_edit_code) style="display:block" @else style="display:none" @endif>
                        <div id="chamber8-dynamic-menubar-template" style="display:none;">
                            {!! view('themes.frontend.default.views.community-layouts.chamber8-dynamic-menubar', [
                                'community' => $community,
                                'homecontents' => null,
                                'pages' => $community->present()->getPages(),
                            ])->render() !!}
                        </div>
							 @if($theme_id and $selected_theme and $selected_theme->html_edit_code)
                                @php
                                    $editData = $selected_theme->html_edit_code;
                                    $editData = replaceCommunityHeaderTokens($editData, $community ?? null, $homecontents ?? null, $pages ?? null);
                                @endphp
                                {!! Theme::section('htmleditor.index',['editData'=>$editData]) !!}
							 @else