@extends('frontend.layout.main')
@section('main-container')
@include('frontend.BusinessProfileCreate.profileTop')
<script src="https://cdn.tiny.cloud/1/5t8p2tzlcpxcr35djg6fi7m9vqcu91x23dg0g7h4wmt0vz76/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
<script>
   tinymce.init({
    selector: '#textareatinymce',
	plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount',
    toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat',
  });
  tinymce.init({
    selector: '#bus_banner_desc2',
	plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount',
    toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat',
  });

  tinymce.init({
    selector: '#bus_banner_desc5',
	plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount',
    toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat',
  });

  tinymce.init({
    selector: '#bus_banner_desc3',
	plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount',
    toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat',
  });

  tinymce.init({
    selector: '#bus_banner_desc4',
	plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount',
    toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat',
  });

  
  
  
</script>
<div class="setting-part" style="margin-top:50px; z-index:999999999999;">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				@if (session('success'))
					<div class="alert alert-success">
						{{ session('success') }}
					</div>
				@endif
				<div class="account-card alert fade show">
					<div class="account-title">
						<h3>{{ $PageHeading }}</h3></div>
						
						@if(Session::has('isAdmin'))
							<form class="setting-form" method="POST" action="{{ route('business.storeAdmin') }}" enctype="multipart/form-data">
						@else
							<form class="setting-form" method="POST" action="{{ route('business.store') }}" enctype="multipart/form-data">
						@endif
						@csrf
						<div class="row">
							<input type="hidden" name="id" value="{{ $businessProfile->id}}"/>
							<input type="hidden" name="profile" value="1"/>
							<div class="col-md-6">
								<div class="form-group"><label class="form-label">Business Name</label>
									<input type="text" class="form-control" placeholder="Business Name" name="business_name" value="{{ $businessProfile->business_name}}">
								</div>
							</div>

							<div class="col-sm-6">
							<label>Business Type</label>
							<select class="form-control" name="bus_type"  required="">
								<option value="informative"  {{ isset($businessProfile->bus_type) && $businessProfile->bus_type == 'informative' ? 'selected' : '' }}>Informative Website</option>
								<option value="e-commerce" {{ isset($businessProfile->bus_type) && $businessProfile->bus_type == 'e-commerce' ? 'selected' : '' }}>E-commerce Website</option>
							</select>
						</div>
						</div>
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Bus Logo</label>
									<input type="file" class="form-control" placeholder="Bus Logo" name="bus_logo" value="{{ old('bus_logo', $businessProfile->bus_logo) }}">
								</div>
								@if(isset($businessProfile->bus_logo))
									<img src="{{ asset('BusinessAccount/' . $businessProfile->bus_logo) }}" alt="{{ $businessProfile->bus_logo }}" style="margin-top:20px; width: 200px; height: auto; margin-bottom: 20px;">
								@endif
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Bus Favicon Icon</label>
									<input type="file" class="form-control" placeholder="Bus Logo" name="bus_logo_favicon" value="{{ old('bus_logo', $businessProfile->bus_logo_favicon) }}">
								</div>
								@if(isset($businessProfile->bus_logo_favicon))
									<img src="{{ asset('BusinessAccount/' . $businessProfile->bus_logo_favicon) }}" alt="{{ $businessProfile->bus_logo_favicon }}" style="margin-top:20px; width: 100px; height: auto; margin-bottom: 20px;">
								@endif
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Logo Background Color</label>
									<input type="color" class="form-control" placeholder="Business Banner Image" name="bus_logo_color" value="{{ old('bus_logo_color', $businessProfile->bus_logo_color) }}">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Logo Height (Recommended value "40")</label>
									<input type="text" class="form-control" placeholder="Logo Height" name="bus_logo_height" value="{{ old('bus_logo_height', $businessProfile->bus_logo_height) }}">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Logo Width (Recommended value "auto")</label>
									<input type="text" class="form-control" placeholder="Logo Width" name="bus_logo_width" value="{{ old('bus_logo_width', $businessProfile->bus_logo_width) }}">
								</div>
							</div>
							<div class="col-6">
								<div class="form-group">
									<div class="custom-control custom-checkbox">
										<input type="checkbox" name="bus_show_header" class="custom-control-input" value="1" id="signin-check1" {{ $businessProfile->bus_show_header == 1 ? 'checked' : '' }}>
										<label class="custom-control-label" for="signin-check1">Show Header</label>
									</div>
								</div>
							</div>
							<div class="col-6">
								<div class="form-group">
									<div class="custom-control custom-checkbox">
										<input type="checkbox" name="bus_show_footer" class="custom-control-input" value="1" id="show-footer-checkbox" {{ $businessProfile->bus_show_footer == 1 ? 'checked' : '' }}>
										<label class="custom-control-label" for="show-footer-checkbox">Show Footer</label>
									</div>
								</div>
							</div>
							
							<div class="col-12" id="footer-options" style="">
								<div class="row">
									<div class="col-6">
										<div class="form-group">
											<label for="footer-heading-color">Footer Heading Color:</label>
											<input type="color" name="footer_heading_color" class="form-control" value="{{ old('bus_logo_color', $businessProfile->footer_heading_color) }}" id="footer-heading-color">
										</div>
									</div>
									<div class="col-6">
										<div class="form-group">
											<label for="footer-text-color">Footer Text Color:</label>
											<input type="color" name="footer_text_color" class="form-control" value="{{ old('bus_logo_color', $businessProfile->footer_text_color) }}" id="footer-text-color">
										</div>
									</div>
								</div>
							</div>
							
							<hr>
							<div class="col-md-10">
								<div class="form-group">
									<label class="form-label">Bus Banner Image</label>
									<input type="file" class="form-control" placeholder="Business Banner Image" name="bus_banner_image" value="{{ old('bus_banner_image', $businessProfile->bus_banner_image) }}">
								</div>
								@if(isset($businessProfile->bus_banner_image))
									<img src="{{ asset('BusinessBannerImage/' . $businessProfile->bus_banner_image) }}" alt="{{ $businessProfile->bus_banner_image }}" style="margin-top:20px; width: 200px; height: auto;">
								@endif
							</div>

							<input type="hidden" id="profile_count" value="{{$businessProfile->bus_profile_count}}">

							<div class="col-md-2">
								<div class="form-group">
									<div class="custom-control custom-checkbox">
										<input type="checkbox" name="bus_show_banner" class="custom-control-input" value="1" id="signin-check" {{ $businessProfile->bus_show_banner == 1 ? 'checked' : '' }}>
										<label class="custom-control-label" for="signin-check">Show Banner</label>
									</div>
								</div>
							</div>

							<div class="col-md-12">
								<div class="form-group">
									<label class="form-label">Business Banner Desc</label>
									<textarea name="bus_banner_desc" id="textareatinymce" class="form-control textareatinymce">{{ old('bus_banner_desc', $businessProfile->bus_banner_desc ?? '') }}</textarea>
								</div>
							</div>
						</div>
						<hr>
						<div class="row">
							
							<div class="col-md-3 col-sm-6 account-title">
								<h3>Second Section</h3>
							</div>
							<div class="col-6">
							</div>
							<div class="col-md-3 col-sm-6" style="float:right;">
								<div class="form-group">
									<div class="custom-control custom-checkbox">
										<input type="checkbox" name="bus_show_section_2" class="custom-control-input" value="1" id="bus_show_section_2_label" {{ $businessProfile->bus_show_section_2 == 1 ? 'checked' : '' }}>
										<label class="custom-control-label" for="bus_show_section_2_label">Show Section</label>
									</div>
								</div>
							</div>
							
						</div>
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="form-label">Business 2nd Section Content</label>
									<textarea name="bus_section_2_content" id="bus_banner_desc3" class="form-control">{{ old('bus_section_2_content', $businessProfile->bus_section_2_content ?? '') }}</textarea>
								</div>
							</div>
							
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Bus 2nd Section Image 1</label>
									<input type="file" class="form-control" placeholder="Business Banner Image" name="bus_section_2_image" value="{{ old('bus_section_2_image', $businessProfile->bus_section_2_image) }}">
								</div>
								@if(isset($businessProfile->bus_section_2_image))
									<img src="{{ asset('BusinessBannerImage/' . $businessProfile->bus_section_2_image) }}" alt="{{ $businessProfile->bus_section_2_image }}" style="margin-top:20px; width: 200px; height: auto;">
								@endif
							</div>

							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Bus 2nd Section Image 2</label>
									<input type="file" class="form-control" placeholder="Business Banner Image" name="bus_section_2_image1" value="{{ old('bus_section_2_image1', $businessProfile->bus_section_2_image1) }}">
								</div>
								@if(isset($businessProfile->bus_section_2_image1))
									<img src="{{ asset('BusinessBannerImage/' . $businessProfile->bus_section_2_image1) }}" alt="{{ $businessProfile->bus_section_2_image1 }}" style="margin-top:20px; width: 200px; height: auto;">
								@endif
							</div>

							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Bus 2nd Section Image 3</label>
									<input type="file" class="form-control" placeholder="Business Banner Image" name="bus_section_2_image2" value="{{ old('bus_section_2_image2', $businessProfile->bus_section_2_image2) }}">
								</div>
								@if(isset($businessProfile->bus_section_2_image2))
									<img src="{{ asset('BusinessBannerImage/' . $businessProfile->bus_section_2_image2) }}" alt="{{ $businessProfile->bus_section_2_image2 }}" style="margin-top:20px; width: 200px; height: auto;">
								@endif
							</div>

							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Bus 2nd Section Image 4</label>
									<input type="file" class="form-control" placeholder="Business Banner Image" name="bus_section_2_image3" value="{{ old('bus_section_2_image3', $businessProfile->bus_section_2_image3) }}">
								</div>
								@if(isset($businessProfile->bus_section_2_image3))
									<img src="{{ asset('BusinessBannerImage/' . $businessProfile->bus_section_2_image3) }}" alt="{{ $businessProfile->bus_section_2_image3 }}" style="margin-top:20px; width: 200px; height: auto;">
								@endif
							</div>

							<div class="col-md-12">
								<div class="form-group">
									<label class="form-label">Business 2nd Section Content after Images</label>
									<textarea name="bus_section_2_content_after_images" id="bus_banner_desc4" class="form-control">{{ old('bus_section_2_content_after_images', $businessProfile->bus_section_2_content_after_images ?? '') }}</textarea>
								</div>
							</div>

						</div>

						
						
						<hr>
						<div class="row">
							
							<div class="col-3 account-title">
								<h3>3rd Section</h3>
							</div>
							<div class="col-6">
							</div>
							<div class="col-md-3 col-sm-6" style="float:right;">
								<div class="form-group">
									<div class="custom-control custom-checkbox">
										<input type="checkbox" name="bus_show_section_3" class="custom-control-input" value="1" id="bus_show_section_3_label" {{ $businessProfile->bus_show_section_3 == 1 ? 'checked' : '' }}>
										<label class="custom-control-label" for="bus_show_section_3_label">Show 3rd Section</label>
									</div>
								</div>
							</div>
							
						</div>
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="form-label">Business 3rd Section Content</label>
									<textarea name="bus_section_3_content" id="bus_banner_desc2" class="form-control">{{ old('bus_section_3_content', $businessProfile->bus_section_3_content ?? '') }}</textarea>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Business 3rd Section Color</label>
									<input type="color" class="form-control" placeholder="Business Banner Image" name="bus_section_3_color" value="{{ old('bus_section_3_color', $businessProfile->bus_section_3_color) }}">
								</div>
								
							</div>
						</div>
						<hr>
						<div class="row">
							
							<div class="col-3 account-title">
								<h3> Section</h3>
							</div>
							<div class="col-6">
							</div>
							<div class="col-md-3 col-sm-6" style="float:right;">
								<div class="form-group">
									<div class="custom-control custom-checkbox">
										<input type="checkbox" name="bus_show_section_other" class="custom-control-input" value="1" id="bus_show_section_other_label" {{ $businessProfile->bus_show_section_other == 1 ? 'checked' : '' }}>
										<label class="custom-control-label" for="bus_show_section_other_label">Show Section</label>
									</div>
								</div>
							</div>
							
						</div>
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="form-label">Business Section Content</label>
									<textarea name="bus_section_next_content" id="bus_banner_desc5" class="form-control">{{ old('bus_section_next_content', $businessProfile->bus_section_next_content ?? '') }}</textarea>
								</div>
							</div>
						</div>
						<hr>
						<div class="row">
							<div class="col-12">
								<div class="form-group">
									<div class="custom-control custom-checkbox">
										<input type="checkbox" name="bus_show_counts_section" class="custom-control-input" value="1" id="signin-check4" {{ $businessProfile->bus_show_counts_section == 1 ? 'checked' : '' }}>
										<label class="custom-control-label" for="signin-check4">Show Counts Section</label>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">User's Counts Heading</label>
									<input type="text" name="bus_CountSection_heading1" class="form-control" placeholder="Enter User's Counts Heading" value="{{ $businessProfile->bus_CountSection_heading1 }}">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">User's Counts</label>
									<input type="text" name="bus_CountSection_counts1" class="form-control" placeholder="Enter User's Counts" value="{{ $businessProfile->bus_CountSection_counts1 }}">
								</div>
							</div>

							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Notification's Counts Heading</label>
									<input type="text" name="bus_CountSection_heading2" class="form-control" placeholder="Enter Notification's Counts Heading" value="{{ $businessProfile->bus_CountSection_heading2 }}">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Notification's Counts</label>
									<input type="text" name="bus_CountSection_counts2" class="form-control" placeholder="Enter Notification's Counts" value="{{ $businessProfile->bus_CountSection_counts2 }}">
								</div>
							</div>

							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Feedback's Counts Heading</label>
									<input type="text" name="bus_CountSection_heading3" class="form-control" placeholder="Enter Feedback's Counts Heading" value="{{ $businessProfile->bus_CountSection_heading3 }}">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Feedback's Counts</label>
									<input type="text" name="bus_CountSection_counts3" class="form-control" placeholder="Enter Feedback's Counts" value="{{ $businessProfile->bus_CountSection_counts3 }}">
								</div>
							</div>
						</div>


						<div class="row">
							
							<div class="col-3 account-title">
								<h3>YouTube Section</h3>
							</div>
							<div class="col-6">
							</div>
							
							
						</div>
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">YouTube Section Heading <i title="YouTube Section Heading"></i></label>
									<input type="text" class="form-control" placeholder="Enter First YouTube Video Link" name="bus_youtube_heading" value="{{ old('bus_youtube_heading', $businessProfile->bus_youtube_heading) }}">
								</div>
							</div>
							<div class="col-md-3 col-sm-6" style="float:right;">
								<div class="form-group">
									<div class="custom-control custom-checkbox">
										<input type="checkbox" name="bus_show_youtube_section" class="custom-control-input" value="1" id="bus_show_youtube_section" {{ $businessProfile->bus_show_youtube_section == 1 ? 'checked' : '' }}>
										<label class="custom-control-label" for="bus_show_youtube_section">Show YouTube Section</label>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Bus YouTube Video 1 <i class="fas fa-info-circle info-icon targetInfo" title="Click for information"></i></label>
									<input type="text" class="form-control" placeholder="Enter First YouTube Video Link" name="bus_youtube_video1" value="{{ old('bus_youtube_video1', $businessProfile->bus_youtube_video1) }}">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Bus YouTube Video 2 <i class="fas fa-info-circle info-icon targetInfo" title="Click for information"></i></label>
									<input type="text" class="form-control" placeholder="Enter Second YouTube Video Link" name="bus_youtube_video2" value="{{ old('bus_youtube_video2', $businessProfile->bus_youtube_video2) }}">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Bus YouTube Video 3 <i class="fas fa-info-circle info-icon targetInfo" title="Click for information"></i></label>
									<input type="text" class="form-control" placeholder="Enter Third YouTube Video Link" name="bus_youtube_video3" value="{{ old('bus_youtube_video3', $businessProfile->bus_youtube_video3) }}">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label class="form-label">Bus YouTube Video 4 <i class="fas fa-info-circle info-icon targetInfo" title="Click for information"></i></label>
									<input type="text" class="form-control" placeholder="Enter Fourth YouTube Video Link" name="bus_youtube_video4" value="{{ old('bus_youtube_video4', $businessProfile->bus_youtube_video4) }}">
								</div>
							</div>
						</div>
						
						
						<div class="row" style="margin-bottom:20px; margin-top:20px;">

							<div class="col-md-12"><button class="btn btn-inline"><i class="fas fa-user-check"></i><span>update profile</span></button></div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function(){
        var profileCount = $('#profile_count').val();
        if (profileCount == 0) {
            setTimeout(function() {
                var redirectUrl = "{{ route('businessFront', ['slug' => $businessProfile->business_slug]) }}";
                window.location.href = redirectUrl;
            }, 5000);
        }
        
        $('#show-footer-checkbox').change(function(){
            if(this.checked){
                $('#footer-options').slideDown(); 
            } else {
                $('#footer-options').slideUp(); 
            }
        });
    });
</script>

@endsection