@if($community->show_ai_chatbox==1)
	<div style="text-align:right">
        <a data-ajaxify="true" href="{{$community->present()->url('aichatbot')}}" style="color: #FF0000; margin-right: 15px; margin-top: 5px; display: block;">            
            AI Chatbot Setting
        </a>
    </div>    			  
@endif	
              
<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> 
            <br />
        @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>
          <br />
        @endif
        
        <div class="form-group">
            <label class="col-sm-12 control-label" style="font-size:18px;">{{trans('organizationsettings.organization-unique-identity')}}: <span class="brand-colored-texts">{{$community->unique_identity}}</span></label>
        </div>
        
        <br />
        <?php
			$urlDomain=\Config::get('community-domain.domain-url');
			$scheme="https";
			$mainUrl=parse_url(\Config::get('app.url'));
			if(isset($mainUrl['host'])){
				$urlDomain=$mainUrl['host'];
				$scheme=$mainUrl['scheme'];
			}
			
			$cmUrl=$scheme."://".$community->slug.".".$urlDomain;
		?>
        
        <div class="form-group organization-domain-box">
        	<div class="col-sm-6 col-1">
            
               @if($community->domain==0)
                    <div class="form-group">
                        <div class="col-sm-12">
                            Desired url will be: <br />	
                            <span class="community-subdomain-name">{{$cmUrl}}</span>
                        </div>    
                   </div>
               @endif
               
               <div class="form-group">
                    <div class="col-sm-12">{{trans('organizationsettings.connect-your-custom-domain-name')}}</div>
                    
                    <div class="col-sm-12">
                        <input class="form-control" name="val[domain_name]" value="{{$community->domain_name}}" placeholder="type your domain abc.com" @if($community->domain_name!="") readonly="readonly" @endif />
                    </div>
                </div>
            </div>
            
            <div class="col-sm-6 col-2">
                    <strong>{{trans('organizationsettings.note')}}:</strong> <br />
                    
                    <strong> {{trans('organizationsettings.use-domain-controller')}} <br />
                    <span class="brand-colored-texts">Primary Name Server : ns1.community4e.com </span> <br />
                    <span class="brand-colored-texts"> Secondary Name Server : ns2.community4e.com</span> <br /></strong>
            </div>    
        </div>

		<div class="form-group">
        	<div class="col-sm-12 red-bottom-border"></div>
        </div>
        
        @if($community->slug_changed==0 and $community->domain==0)
            <!--<div class="form-group">
                <label class="col-sm-12 control-label">Provide an appropriate name url:</label>
                <div class="col-sm-8 input-group">
                   <input class="form-control community-slug-input" type="text" name="val[slug]" value="{{$community->slug}}" data-id="{{$community->id}}" required="required"/>
                </div>
                
                 <div class="col-sm-4">
                     <input type="button" class="btn red-color-button community-slug-input-check" value="{{trans('website.check')}}"data-id="{{$community->id}}">
                     
                     <div class="slug-availability form-group">
                        <div class="col-sm-12">
                            <span class="slug-available">Congratulation, your name is available</span>
                            <span class="slug-notavailable">Sorry, name not available. Try another name again.</span>
                        </div>
                    </div>	
                 </div>
            </div>
            
            <div class="form-group">
            	<div class="col-sm-12">
            		<span class="brand-colored-texts"> Desired url will be</span>  <strong>{{$scheme}}://<span id="community-slug" class="brand-colored-texts">{{$community->slug}}</span>.{{$urlDomain}}</strong>
                 </div>   
            </div>-->	
        @endif
        
        <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.organization-or-community-name')}} :</label>
            <div class="col-sm-12 ">

                <input class="form-control" type="text" name="val[title]" value="{{$community->title}}" placeholder="{{trans('organizationsettings.enter-community-name')}}"/>
            </div>
        </div>
        
        <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.your-office-location')}} / Billing address :</label>
            <div class="col-sm-12 searchBoxContainer">
                <input class="form-control" type="text" name="val[full_address]" id="addressSearchBox" value="{{$community->full_address}}" placeholder="{{trans('organizationsettings.type-your-office-location')}}" autocomplete="off"/>
            </div>
         </div>
        
        <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.street-address')}}:</label>
            <div class="col-sm-12 ">
                <input class="form-control autoaddress-street" type="text" name="val[address]" value="{{$community->address}}" placeholder="{{trans('organizationsettings.type-street-address')}}"/>
            </div>
         </div>
        
         <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.city-name')}}:</label>
            <div class="col-sm-12 ">

                <input class="form-control autoaddress-city" type="text" name="val[city]" value="{{$community->city}}" placeholder="{{trans('organizationsettings.type-city-name')}}"/>
            </div>
         </div>
        
         <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.province-state')}}:</label>
            <div class="col-sm-12 ">

                <input class="form-control autoaddress-state" type="text" name="val[state]" value="{{$community->state}}" placeholder="{{trans('organizationsettings.type-province-state')}}"/>
            </div>
         </div>
         
          <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.country-name')}}:</label>
            <div class="col-sm-12 ">
                
                <input class="form-control autoaddress-country" type="text" name="val[country]" value="{{$community->country}}" placeholder="{{trans('organizationsettings.write-the-country')}}"/>
                
                <?php /*?><select class="form-control" name="val[country]">
                    <option value="" class="@if($community->country == '') 'selected' @endif">Select the country name</option>
                    @foreach(Config::get('system.countries') as $country => $name)
                    <option {{($community->country == $country) ? 'selected' : null}} value="{{$country}}">{{$name}}</option>
                    @endforeach
                </select><?php */?>
                                
            </div>
         </div>
         
         <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.zip-code')}}:</label>
            <div class="col-sm-12 ">

                <input class="form-control autoaddress-zipcode" type="text" name="val[zip]" value="{{$community->zip}}" placeholder="{{trans('organizationsettings.type-zip-code')}}"/>
            </div>
         </div>
         
          <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.contact-number')}}:</label>
            <div class="col-sm-12 ">

                <input class="form-control" type="text" name="val[contact]" value="{{$community->contact}}" placeholder="{{trans('organizationsettings.area-code')}}"/>
            </div>
         </div>
         
          <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.email-ID')}}:</label>
            <div class="col-sm-12 ">

                <input class="form-control" type="text" name="val[email]" value="{{$community->email}}" placeholder="{{trans('organizationsettings.type-email-ID')}}"/>
            </div>
         </div>
         
         <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, '<?php echo $community->id;?>');">
                </a>
            </div>
         </div>          
         
         <br />
         <div class="form-group">
            <label class="col-sm-12 control-label">{{trans('organizationsettings.about-the-organization')}} <span style="color:#ed1b23">({{trans('organizationsettings.this-information-will-be-the-campaign-signature')}})</span></label>
            <div class="col-sm-12">
            	<input type="hidden" class="editor_image_upload_community" value="{{$community->id}}" />
                <input type="hidden" class="editor_image_upload_type" value="community-about" />
                
                <textarea class="form-control community-description" name="val[description]" placeholder="{{trans('community.description')}}">{{$community->description}}</textarea>
            </div>
         </div>

        <!-- <div class="form-group" style="@if($community->gift_app_community==0) display:none; @endif">-->
       
        <div class="form-group" style="display:none;"> 
            <label class="col-sm-12 control-label">Community commission in Percentage for Cashout:</label>
            <div class="col-sm-12 ">

                <input class="form-control accept_only_numbers_decimal" type="text" name="val[transaction_commisions]" value="{{$community->transaction_commisions}}" placeholder="Provide your commision for transactions in percentage i.e 1" autocomplete="off"/>
            </div>
         </div>
         
		<?php 
			$isCompleted = app('App\\Repositories\\CommunityRepository')->checkFieldsComplete($community->id);
		?>
        
        @if($isCompleted == 0)
            <div class="alert alert-warning">
               {{trans('organizationsettings.complete-all-fields-to-access-community')}}
            </div>
        @endif
                      
        <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 />
        
        <div class="form-group">
       		<div class="col-sm-12">
       			<span class="brand-colored-texts">Next Step:</span> You need to setup the <span class="brand-colored-texts">collaboration topic channel</span> and bring in your team members to start.  
       		</div>
        </div>
</form>

<script type='text/javascript' src='//www.bing.com/api/maps/mapcontrol?callback=GetMap' async defer></script>