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

<?php
	$cm_theme_6_hide='';
?>

<div class="inside-form-view page-header-setting-pg">
	<span class="resize-editor-screen-btn resize-editor-screen-btn-open"><i class="fa fa-arrows-alt" aria-hidden="true"></i></span>
    
     <div>
    	<form class="form-horizontal single-column-form community-outer-settings organization-website-design-form" role="form" action="" method="post" enctype="multipart/form-data">
        
          {{ csrf_field() }}
    
        <div class="row" style="margin-to:15px; margin-bottom:15px;">
            <div class="col-sm-12">
                <label style="font-size:17px; font-weight:normal;">
                  <input @if($community->pages_header_settings==0) checked="checked" @endif type="radio" class="pages-header-setting" name="val[pages_header_settings]" value="0"> Header 1
                </label>
                
                <label style="font-size:17px; font-weight:normal; margin-left:15px;">
                  <input @if($community->pages_header_settings==1) checked="checked" @endif type="radio" class="pages-header-setting" name="val[pages_header_settings]" value="1"> Header 2
                </label>
            </div>
        </div>
        
        <div class="default-header-setting" style="@if($community->pages_header_settings==0)display:block; @else display:none; @endif">
            <iframe
                class="default-header-preview-iframe"
                src="{{$community->present()->url('pagesheaders')}}/default-header-preview"
                title="Default Header Preview"
                style="width: 100%; height: 220px; border: 1px solid #ddd;"
            ></iframe>
            
            <div class="row community-website-settings-pannel">
                <div class="col-sm-3 cols">
                    <div class="heading">{{trans('organizationsettings.fevicon-avatar')}}</div>
                    <div class="action">
                        <div class="imgs-box">
                            <img src="{{$community->present()->getFeviconAvatar()}}" class="community-fevicon-avatar" />
                        
                            <a id="change-community-cover" href="javascript:void(0)" class="btn btn-file btn-success btn-xs change-community-avatar-logo">
                                <i class="icon ion-android-camera"></i>
                                <input type="file" name="image"
                                       onchange="setSaveData('community-fevicon', this, '<?php echo $community->id;?>');">
                            </a>
                        </div>    
                    </div>
                    
                    <div class="comment">{{trans('organizationsettings.upload-your-own-favicon')}}</div>
                </div>
                
                <div class="col-sm-3 cols {{$cm_theme_6_hide}}">
                    <div class="heading">{{trans('organizationsettings.header-color')}}</div>
                    <div class="action">
                          <span class="comment-texts">{{trans('organizationsettings.select-a-color')}}</span> <input type='text' class="containerCmColorPicker cmhdcolor"/>
                           <input class="cmHeaderColor existing_cmheader_color" type="hidden" name="val[header_color]" value="@if($contents){{$contents->header_color}}@endif"/> <span style="font-weight:bold; margin-left:10px;">or</span>
                    </div>
                    
                    <div class="comment">                                    	
                        <input type="checkbox" value="1" name="val[use_own_header_color]" @if($contents and $contents->use_own_header_color==1) checked="checked" @endif/> Use custom color-code
                        
                        <input type="text" name="val[own_header_color]" class="own-color-input-field" @if($contents and $contents->own_header_color) value="{{$contents->own_header_color}}" @endif placeholder="#FF0000" autocomplete="off"/> 
                    </div>
                </div>
                
                <div class="col-sm-3 cols {{$cm_theme_6_hide}}">
                    <div class="heading">{{trans('organizationsettings.menu-text-color')}}</div>
                    <div class="action">
                           <span class="comment-texts">{{trans('organizationsettings.select-a-color')}}</span> <input type='text' class="containerCmMenuColorPicker menu_color"/>
                           <input class="cmMenuColor existing_cmmenu_color" type="hidden" name="val[menu_color]" value="@if($contents){{$contents->menu_color}}@endif"/> <span style="font-weight:bold; margin-left:10px;">or</span> 
                    </div>
                    
                    <div class="comment">
                        <input type="checkbox" value="1" name="val[use_own_menu_color]" @if($contents and $contents->use_own_menu_color==1) checked="checked" @endif/> Use custom color-code
                        
                        <input type="text" name="val[own_menu_color]" class="own-color-input-field" @if($contents and $contents->own_menu_color) value="{{$contents->own_menu_color}}" @endif placeholder="#FF0000" autocomplete="off"/> 
                    </div>
                </div>
                
                <div class="col-sm-3 cols {{$cm_theme_6_hide}}">
                    <div class="heading">{{trans('organizationsettings.menu-background-color')}}</div>
                    <div class="action">
                    
                        <span class="comment-texts">{{trans('organizationsettings.select-a-color')}}</span>
                    
                           <input type='text' class="containerCmMenuBgColorPicker menu_background_color"/>

                           <input class="cmMenuBgColor existing_cmmenubg_color" type="hidden" name="val[menu_background_color]" value="@if($contents){{$contents->menu_background_color}}@endif"/> <span style="font-weight:bold; margin-left:10px;">or</span>
                    </div>
                    
                    <div class="comment">
                        <input type="checkbox" value="1" name="val[use_own_menu_background_color]" @if($contents and $contents->use_own_menu_background_color==1) checked="checked" @endif/> Use custom color-code
                        
                        <input type="text" name="val[own_menu_background_color]" class="own-color-input-field" @if($contents and $contents->own_menu_background_color) value="{{$contents->own_menu_background_color}}" @endif placeholder="#FF0000" autocomplete="off"/> 
                    </div>
                </div>
            </div>
                
            <div class="row {{$cm_theme_6_hide}}" style="margin-top:10px; margin-top:10px;">
                    <div class="col-sm-12" style="padding-bottom:15px;">
                         <label class="radio-inline" style="padding-left:0px">Website Header Menu View</label>
                        
                         <label class="radio-inline"><input type="radio" name="val[website_header_menu_view]" value="0" @if($contents and $contents->website_header_menu_view == 0 || !$contents) checked="checked" @endif>Full View</label>
                         
                          <label class="radio-inline"><input type="radio" name="val[website_header_menu_view]" value="1" @if($contents and $contents->website_header_menu_view == 1) checked="checked" @endif>Container View</label>
                         
                    </div>
               </div>
               
               <div class="row {{$cm_theme_6_hide}}" style="margin-top:10px;">     
                    <div class="col-sm-12" style="padding-bottom:15px;">
                         <label class="radio-inline" style="padding-left:0px">Website Header Logo Position</label>
                        
                         <label class="radio-inline"><input type="radio" name="val[website_header_logo_position]" value="0" @if($contents and $contents->website_header_logo_position == 0 || !$contents) checked="checked" @endif>Left</label>
                         
                          <label class="radio-inline"><input type="radio" name="val[website_header_logo_position]" value="1" @if($contents and $contents->website_header_logo_position == 1) checked="checked" @endif>Center</label>
                    </div>
               </div>  
               
               <div class="row" style="margin-top:10px;">						   
                    <div class="col-sm-12" style="padding-bottom:15px;">
                         Menu font style 
                         <select class="" name="val[menu_font_style]">
                            <option @if(!$contents || ($contents and $contents->menu_font_style == '')) selected="selected" @endif value="">Default format</option> 
                            <option @if($contents and $contents->menu_font_style == 'uppercasefont') selected="selected" @endif value="uppercasefont">Uppercase</option> 
                            <option @if($contents and $contents->menu_font_style == 'lowercasefont') selected="selected" @endif value="lowercasefont">Lowercase</option> 
                            <!--<option @if($contents and $contents->menu_font_style == 'firstcharuppercasefont') selected="selected" @endif value="firstcharuppercasefont">First Character Uppercase</option>--> 
                         </select>
                    </div>							
                </div>   
        </div>
        
        <div class="page-builder-header-setting" style="@if($community->pages_header_settings==1) display:block; @else display:none; @endif">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th style="width: 50%"></th>
                        <th style="width: 50%">{{trans('organizationpages.action')}}</th>
                    </tr>
                </thead>
                <tbody>
                        <tr>
                            <td>Login</td>
                            <td>
                                <a class="btn btn-sm black-color-button" href="{{$community->present()->url('editpageheader')}}/login">Setting</a>	
    
                                @if(!empty($pageHeaderHasThemeText['login'] ?? null))
                                    <a class="btn btn-sm header-theme-preview-btn" href="{{$community->present()->url('editpageheader')}}/login/preview" target="_blank" rel="noopener">Preview</a>	
                                @endif
                                
                            </td>
                        </tr>
                        
                        <tr>
                            <td>Signup</td>
                            <td>
                                <a class="btn btn-sm black-color-button" href="{{$community->present()->url('editpageheader')}}/signup">Setting</a>	
    
                                @if(!empty($pageHeaderHasThemeText['signup'] ?? null))
                                    <a class="btn btn-sm header-theme-preview-btn" href="{{$community->present()->url('editpageheader')}}/signup/preview" target="_blank" rel="noopener">Preview</a>	
                                @endif
                            </td>
                        </tr>
                        
                        <tr>
                            <td>Post</td>
                            <td>
                                <a class="btn btn-sm black-color-button" href="{{$community->present()->url('editpageheader')}}/post">Setting</a>	
                                @if(!empty($pageHeaderHasThemeText['post'] ?? null))
                                    <a class="btn btn-sm header-theme-preview-btn" href="{{$community->present()->url('editpageheader')}}/post/preview" target="_blank" rel="noopener">Preview</a>	
                                @endif
                                
                            </td>
                        </tr>
                        
                        <tr>
                            <td>Business Directory</td>
                            <td>
                                <a class="btn btn-sm black-color-button" href="{{$community->present()->url('editpageheader')}}/business">Setting</a>	
    
                                @if(!empty($pageHeaderHasThemeText['business'] ?? null))
                                    <a class="btn btn-sm header-theme-preview-btn" href="{{$community->present()->url('editpageheader')}}/business/preview" target="_blank" rel="noopener">Preview</a>	
                                @endif
                            </td>
                        </tr>
                        
                        <tr>
                            <td>Events</td>
                            <td>
                                <a class="btn btn-sm black-color-button" href="{{$community->present()->url('editpageheader')}}/events">Setting</a>	
    
                                @if(!empty($pageHeaderHasThemeText['events'] ?? null))
                                    <a class="btn btn-sm header-theme-preview-btn" href="{{$community->present()->url('editpageheader')}}/events/preview" target="_blank" rel="noopener">Preview</a>
                                @endif
                                
                            </td>
                        </tr>
                        
                        <tr>
                            <td>News</td>
                            <td>
                                <a class="btn btn-sm black-color-button" href="{{$community->present()->url('editpageheader')}}/news">Setting</a>	
    
                                @if(!empty($pageHeaderHasThemeText['news'] ?? null))
                                    <a class="btn btn-sm header-theme-preview-btn" href="{{$community->present()->url('editpageheader')}}/news/preview" target="_blank" rel="noopener">Preview</a>	
                                @endif
                                
                            </td>
                        </tr>
                        
                         <tr>
                            <td>Surveys</td>
                            <td>
                                <a class="btn btn-sm black-color-button" href="{{$community->present()->url('editpageheader')}}/surveys">Setting</a>	
    
                                @if(!empty($pageHeaderHasThemeText['surveys'] ?? null))
                                    <a class="btn btn-sm header-theme-preview-btn" href="{{$community->present()->url('editpageheader')}}/surveys/preview" target="_blank" rel="noopener">Preview</a>	
                                @endif
                                
                            </td>
                        </tr>
                        
                         <tr>
                            <td>Awards</td>
                            <td>
                                <a class="btn btn-sm black-color-button" href="{{$community->present()->url('editpageheader')}}/award">Setting</a>	
    
                                @if(!empty($pageHeaderHasThemeText['award'] ?? null))
                                    <a class="btn btn-sm header-theme-preview-btn" href="{{$community->present()->url('editpageheader')}}/award/preview" target="_blank" rel="noopener">Preview</a>	
                                @endif
                                
                            </td>
                        </tr>
                </tbody>
           </table>
   		</div>  
        
        <div class="row" style="margin-top:10px;">
            <div class="col-sm-12" style="padding-bottom:15px;">
                <input type="submit" class="btn black-color-button pull-right" value="Publish" />
            </div>
        </div>   
     </form>                       
    </div>     
</div>