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

<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 class="">
    	<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 community-website-settings-pannel">
                    <div class="col-sm-6 cols">
                        <div class="heading">{{trans('organizationsettings.footer-color')}}</div>
                        <div class="action">
                            <span class="comment-texts">{{trans('organizationsettings.select-a-color')}}</span>
                            
                            <input type='text' class="containerCmftColorPicker cmfootercolor"/>
                            <input class="cmFooterColor existing_cmfooter_color" type="hidden" name="val[footer_color]" value="@if($contents){{$contents->footer_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_footer_color]" @if($contents and $contents->use_own_footer_color==1) checked="checked" @endif/> Use custom color-code
                            
                            <input type="text" name="val[own_footer_color]" class="own-color-input-field" @if($contents and $contents->own_footer_color) value="{{$contents->own_footer_color}}" @endif placeholder="#FF0000" autocomplete="off"/>
                        </div>
                    </div>
                    
                    <div class="col-sm-6 cols">
                            <div class="heading">{{trans('organizationsettings.activate-custom-footer')}}</div>
                            <div class="action">
                                                                        
                               <img src="{{Theme::asset()->img('theme/images/yes.png')}}" style="@if($contents and $contents->show_footer==1) display:block; @else display:none; @endif" class="custom-footer-act-images custom-footer-yes" alt="yes" data-value="0"/>
                               
                                <img src="{{Theme::asset()->img('theme/images/no.png')}}" style="@if($contents and $contents->show_footer==0) display:block; @else display:none; @endif"  class="custom-footer-act-images custom-footer-no" alt="no" data-value="1"/>
                               
                                                              <input type="hidden" name="val[show_footer]"value="{{$footerValue}}" id="show_footer_value"/>
                            </div>
                            
                            <div class="comment" style="font-size:13px;">
                            
                                <input type="checkbox" value="1" name="val[show_footer_after_login]" @if($contents and $contents->show_footer_after_login==1) checked="checked" @endif /> Show website footer inside
                                
                                <span class="comment-texts custom-footer-act-btn" style="cursor:pointer">{{trans('organizationsettings.click-to-edit-footer-HTML')}}</span>
                            </div>
                    </div>
              </div>
              
              <div class="form-group custom-footer-html-box" style="display:none;">
                    <label class="col-sm-12 control-label">{{trans('organizationsettings.custom-footer-HTML')}}:</label>
                    <div class="col-sm-12">              
                         <textarea class="form-control"  name="val[footer_texts]">
                         @if($contents and $contents->footer_texts)  {{$contents->footer_texts}} @else 
    
                         <!--<style type="text/css">
                            .main-footer.community-dynamic-footer{
                                background-color: #fff !important;
                                color: #000 !important;
                            }
    
                            .main-footer.community-dynamic-footer a, .main-footer-community-inside .nav-footer-block ul li a{
                                color:#000 !important;
                            }	
                            
                            .main-footer.community-dynamic-footer .c-nav-footer-header{
                                color: #000 !important;
                            }	
                        </style>-->
    
                  <div class="footer-nav c-footer-wrap">
                    <div class="nav-footer-block">
                            <p class="c-nav-footer-header">PRODUCTS</p>                
                            <ul>
                                <li><a href="#"><span style="color:#F00">»</span> Product 1</a></li>
                                <li><a href="#"><span style="color:#F00">»</span> Product 2</a></li>
                                <li><a href="#"><span style="color:#F00">»</span> Product 3</a></li>
                            </ul>
                    </div>	
            
                    <div class="nav-footer-block">
                        <p class="c-nav-footer-header">USE CASE</p>                
                        <ul>
                                <li><a href="#"><span style="color:#F00">»</span> Financial Services</a></li>
                                <li><a href="#"><span style="color:#F00">»</span> Healthcare</a></li>
                                <li><a href="#"><span style="color:#F00">»</span> Manufacturing</a></li>
                        </ul>
                    </div>	
            
                    <div class="nav-footer-block">
                        <p class="c-nav-footer-header">RESOURCES</p>                
                        <ul>
                               <li><a href="#"><span style="color:#F00">»</span> Support</a></li>
                               <li><a href="#"><span style="color:#F00">»</span> White Paper</a></li>
                               <li><a href="#"><span style="color:#F00">»</span> Blog</a></li>     
                               <li><a href="#"><span style="color:#F00">»</span> Terms</a></li>    
                               <li><a href="#"><span style="color:#F00">»</span> Privacy</a></li>    		
                        </ul>
                    </div>            
                 </div>
    
                     
                
                 <!-- To open the page in same window: <a href="https://">.  To open the page in new window: <a href="https://" target="_blank"> <br> --> @endif
                </textarea>
              </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 Footer View</label>
                    
                     <label class="radio-inline"><input type="radio" name="val[footer_display_view]" value="1" @if($contents and $contents->footer_display_view == 1) checked="checked" @endif>Full View</label>
                     
                      <label class="radio-inline"><input type="radio" name="val[footer_display_view]" value="0" @if($contents and $contents->footer_display_view == 0 || !$contents) checked="checked" @endif>Container View</label>
                     
                </div>
          </div>
          
          <div class="row {{$cm_theme_6_hide}}">       
                <div class="col-sm-12" style="padding-bottom:15px;">
                     <label class="radio-inline" style="padding-left:0px">Website Footer Logo Position</label>
                    
                     <label class="radio-inline"><input type="radio" name="val[footer_align_view]" value="0" @if($contents and $contents->footer_align_view == 0 || !$contents) checked="checked" @endif>Left</label>
                     
                      <label class="radio-inline"><input type="radio" name="val[footer_align_view]" value="1" @if($contents and $contents->footer_align_view == 1) checked="checked" @endif>Right</label>
                </div>
           </div>   
           
           <div class="row" style="margin-top:10px;">
                <div class="col-sm-12" style="padding-bottom:15px;">
                     <div class="">
                         <label class="radio-inline" style="padding-left:0px">Show address in footer</label>
                        
                         <label class="radio-inline"><input type="radio" name="val[show_address_in_footer]" value="0" @if($contents and $contents->show_address_in_footer == 0 || !$contents) checked="checked" @endif>No</label>
                         
                          <label class="radio-inline"><input type="radio" name="val[show_address_in_footer]" value="1" @if($contents and $contents->show_address_in_footer == 1) checked="checked" @endif>Yes</label>
                   </div>	
    
                    <div class="">
                        <label class="control-label">Footer address</label>
                        <div class="">										
                            <textarea class="form-control community-description" name="val[footer_address]" placeholder="Footer address">@if($contents and $contents->footer_address){{$contents->footer_address}}@else {{$community->address}}<br>{{ucfirst($community->city)}},{{$community->zip}}<br>{{ucfirst($community->state)}},{{ucfirst($community->country)}}
                            
                            <p style="text-align:left;">
                                <a href="#" target="_blank" style="margin-right:20px; font-size:20px;">
                                    <i class="icon fa fa-facebook"></i>
                                </a>
                                <a href="#" target="_blank" style="margin-right:20px; font-size:20px;">
                                    <i class="fa fa-times"></i>
                                </a>
                                <a href="#" target="_blank" style="margin-right:20px; font-size:20px;">
                                    <i class="icon fa fa-linkedin"></i>
                                </a>
                                <a href="#" target="_blank" style="margin-right:20px; font-size:20px;">
                                    <i class="icon fa fa-youtube-play"></i>
                                </a>
                                <a href="#" target="_blank" style="margin-right:20px; font-size:20px;">
                                    <i class="icon fa fa-instagram"></i>
                                </a>
                            </p>
                            @endif</textarea>
                        </div>
                     </div>	
                </div>
            </div>
            
            <div class="row" style="margin-top:10px;">
                <div class="col-sm-12" style="padding-bottom:15px;">
                     <div class="">
                             <label class="radio-inline" style="padding-left:0px">Show community footer inside</label>
                            
                             <label class="radio-inline"><input type="radio" name="val[show_community_footer_inside]" value="0" @if($contents and $contents->show_community_footer_inside == 0 || !$contents) checked="checked" @endif>No</label>
                             
                              <label class="radio-inline"><input type="radio" name="val[show_community_footer_inside]" value="1" @if($contents and $contents->show_community_footer_inside == 1) checked="checked" @endif>Yes</label>
                     </div>	
    
                    <div class="">
                        <label class="control-label">Community Footer Inside</label>
                        <div class="">										
                            <textarea class="form-control" name="val[community_footer_inside]" placeholder="Community Footer inside">@if($contents and $contents->community_footer_inside){{$contents->community_footer_inside}}@else 
                                <!--<style type="text/css">
                                    #footer.frontend-footer{
                                        background: #E2E2E2 !important;
                                        
                                    }
    
                                    #footer.frontend-footer .nav li a{
                                        color:#818E9B !important;
                                    }
    
                                    #footer.frontend-footer .footer-info{
                                        color:#ccc !important
                                    }		
                                </style>-->
                                
                                <div id="footer" class="frontend-footer">
                                    <div class="container">
                                        <ul class="nav">																		
                                            <li><a href="#">Terms and Conditions</a> </li>													
                                            <li><a href="#">Privacy Policy</a> </li>				
                                            <li><a href="#">Disclaimer</a> </li>
                                            <li><a href="#">Contact Us</a> </li>            
                                        </ul>											
                                        <div class="footer-info">
                                                Copyright © 2024 idhubs. All rights reserved.
                                        </div>
                                    </div>
                                </div>
                            @endif
                            </textarea>
                        </div>
                     </div>	
                </div>
            </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>