{!! Theme::section('community.pannel.setting-menu',['subpage'=>'logo']) !!}
             
<form class="form-horizontal org-setting-frm single-column-form autocomplete-address-form" role="form" action="" method="post" enctype="multipart/form-data" onkeydown="return event.key != 'Enter';">
    	{{ csrf_field() }}
       
        @if(!empty($message))
            <div class="alert alert-danger">{{$message}}</div> 
        @endif
        
        @if (Session::has('success'))
          <div class="alert alert-dismissible alert-success"> <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{Session::get('success')}}</div>
        @endif       
         
        <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.site-name-title')}}:</label>
            <div class="col-sm-12 ">
                <input class="form-control" type="text" name="val[site_title]" value="{{$community->site_title}}" placeholder="{{trans('organizationsettings.type-the-name-here')}}"/>
                 <p class="help-block">{{trans('organizationsettings.this-is-the-site-title')}}</p>
            </div>
         </div>
         
         <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.upload-and-replace-by-your-logo')}}:</label>
            <div class="col-sm-12 ">
                 <input name="logoimage" id="logoimage" type="file" class="form-control profileimage" accept='image/*'>

                 <img id="preview-logo-img" class="img-thumbnail preview-img">
                
                <img src="{{$community->present()->getLogo()}}" class="external-community-logo" />
            </div>
         </div>
		 
		 <div class="form-group" style="margin-top:20px; margin-bottom:20px;">
            <label class="col-sm-12 control-label">Upload footer logo:</label>
            <div class="col-sm-12 ">
                 <input name="logofooterimage" id="logofooterimage" type="file" class="form-control profileimage" accept='image/*'>

                 <img id="preview-logo-img-footer" class="img-thumbnail preview-img">
                 
                 <img src="{{$community->present()->getFooterLogo()}}" class="external-community-logo" />
            </div>
         </div>
		 
		 <div class="form-group" style="margin-top:20px; margin-bottom:20px;">
            <label class="col-sm-12 control-label">Upload event app logo (best resoution 170 X 62):</label>
            <div class="col-sm-12 ">
                 <input name="logoeventappimage" id="logoeventappimage" type="file" class="form-control profileimage" accept='image/*'>

                 <img id="preview-logo-img-eventapp" class="img-thumbnail preview-img">
                 
                 <img src="{{$community->present()->getEventAppLogo()}}" class="external-community-logo" />
            </div>
         </div>
         
         <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.top-pannel-color')}}:</label>
            <div class="col-sm-12 ">
				<input type='text' class="containerColorPicker"/>
                
                <input class="surveyColor existing_container_color" type="hidden" name="val[theme_color]" value="{{$community->theme_color}}"/>
                
                <span style="font-weight:bold; margin-left:10px;">or</span>
                
                <div>
                    <input type="checkbox" value="1" name="val[use_own_theme_color]" @if($community->use_own_theme_color==1) checked="checked" @endif/> Use custom color-code
                    
                    <input type="text" name="val[own_theme_color]" class="own-color-input-field" @if($community->own_theme_color) value="{{$community->own_theme_color}}" @endif placeholder="#FF0000" autocomplete="off"/> 
                </div>
            </div>
         </div>
         
         <br />
         
         <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.enterprise-social-networking-color')}}:</label>
            <div class="col-sm-12">
              <input type='text' class="containerCmColorPicker cmhdcolor"/>
              
                <input class="cmHeaderColor existing_cmheader_color" type="hidden" name="val[social_networking_background]" value="{{$community->social_networking_background}}"/>
                
               <span style="font-weight:bold; margin-left:10px;">or</span> 
              <div>
                    <input type="checkbox" value="1" name="val[use_own_social_networking_background]" @if($community->use_own_social_networking_background==1) checked="checked" @endif/> Use custom color-code
                    
                    <input type="text" name="val[own_social_networking_background]" class="own-color-input-field" @if($community->own_social_networking_background) value="{{$community->own_social_networking_background}}" @endif placeholder="#FF0000" autocomplete="off"/> 
                </div>
            </div>
         </div>  
         
         <br />
          
         <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.upload-logo-avatar-for-responsive-views')}}</label>
            <div class="col-sm-12">
            	<img src="{{$community->present()->getLogoAvatar()}}" class="community-logo-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', this, '');">
                </a>
            </div>
         </div>          
                      
        <div class="divider"></div>
       
        <div class="form-group" style="margin-top:10px;">
            <div class="col-sm-12" style="text-align:center">
              <button type="submit" class="btn red-color-button">{{trans('organizationsettings.save-and-proceed-btn')}}</button>
            </div>
        </div>
        
        <br />
</form>