@extends('layouts.dashlayoutsingle')
@section('content')
	<div class="container">
		<hr class="my-3 bg-transparent border-0">
		<div class="row">
			<div class="col-md-12">				

				<div class="row">
					<div class="col-md-12 text-center">
						<h1 class="main-title home"> {{ optionByKey('post_promote') }} </h1>
					</div>
				</div>
				
		{!! Html::form('POST', url($profile_promote_url) )->open() !!}
			<div class="row mt-5">
			
				<div class="col-md-8">
					<div class="row">
						<input type="hidden" name="secret_code" value="{{$profile_key}}">
						<input type="hidden" name="product_id" >
						<input type="hidden" name="profile_id" value="{{$profile->id}}">
						<input type="hidden" name="permotiontype" value="0">
					
						<!-- New HTML -->
                
						<div class="col-md-12">
							<div class="select-plan-gride p-3">

								<div class="select-plan-section-heading pb-2 mb-2">
									<div class="fs-6 fw-bold">{{ optionByKey('top_promotion_cart') }}</div>
									<p class="small"> {!! str_replace('{adsid}',$profile->post_id,optionByKey('we_will_help_you')) !!} </p>
								</div>
								<div class="select-benfits-box pt-2 pb-1">
									<h5 class="fs-6 fw-bold text-black1">{{ optionByKey('cart_benefits') }} <i class="icon-top-icon"></i></h5>
									<div class="row pt-1 pb-2">
										<div class="col-md-6 mb-2">
											<div class="small text-muted fw-semi">
												<span class="icon-crown me-2"></span>{{ optionByKey('cart_prem_vis') }}
											</div>
										</div>
										<div class="col-md-6 mb-2">
											<div class="small text-muted fw-semi">
												<span class="icon-large-size-photo me-2"></span>{{ optionByKey('cart_large_photo') }}
											</div>
										</div>
										<div class="col-md-6 mb-2">
											<div class="small text-muted fw-semi">
												<span class="icon-one-photo-cover me-2"></span>{{ optionByKey('cart_photo_cover') }}
											</div>
										</div>
										<div class="col-md-6 mb-2">
											<div class="small text-muted fw-semi">
												<span class="icon-boost me-2"></span>{{ optionByKey('cart_get_boosted') }}
											</div>
										</div>
									</div>
								</div>

							    <div class="select-plan-section-heading pb-2 mb-0 pt-3 border-bottom-0">
									<div class="fs-6 fw-bold">{{ optionByKey('cart_plan_selected') }}</div>				
								</div>

									
										<div class="label-text-cmn text-black mb-2">
											{!! optionByKey('choose_promote') !!}
										</div>
											<div class="choose-shit-time mb-4">
												<div class="hiddenCB d-flex">
												
													<input type="checkbox" name="choose-shift-time" id="Morning" value="1" />
													<label for="Morning" class="d-flex justify-content-between" data-plan="mañana">
														{!! optionByKey('morning_sift') !!}								
													</label>
													<input type="checkbox" name="choose-shift-time" id="Afternoon" value="2" />
													<label for="Afternoon" class="d-flex justify-content-between" data-plan="tarde">								
														{!! optionByKey('afternoon_sift') !!}
													</label>
						 
													<input type="checkbox" name="choose-shift-time" id="Evening" value="3" />
													<label for="Evening" class="d-flex justify-content-between" data-plan="noche">								
														{!! optionByKey('evening_seift') !!}
													</label>
						 
													<input type="checkbox" name="choose-shift-time" id="Night" value="4" />
													<label for="Night" class="d-flex justify-content-between" data-plan="madrugada">								
														{!! optionByKey('night_seift') !!}
													</label>
												</div>
											</div>
												
											<div id="daysPromotion"></div>	
					
											<div id="producDays"></div>

										
										<div class="promote-your-ad-box promote-ad-coins-toggle-wrapper">
											<div class="new-optionplan-box" id="productPlanContent"></div>
										</div>
									</div>
								</div>
															
						   <!-- New HTML -->	
					
						<div class="col-md-12 mt-3">
							{!! optionByKey('comman_informations') !!}		
						</div>						
					</div>
			</div>
			
			<div class="col-md-4">
				<div class="card pay-coupon-box p-3 mb-4">
			<h5 class="card-title fs-6 fw-bold mb-3"><span class="coupon-icon"></span> Coupon Code</h5>
			<input type="text" class="form-control" id="coupon-code" placeholder="Insert coupon code">
			<div id="error-message" class="error-message"></div>
			<div id="valid-message" class="succe-valid-message"></div>
			<button type="button" id="apply-coupon" class="fs-6 mt-3 text-uppercase btn btn-outline-primary">
				Apply
			</button>
		</div>
	<div class="card total-price-box p-3">

		<h5 class="card-title fs-6 fw-bold text-black1 mb-3">{{ optionByKey('promotions') }}</h5>

		<div class="progress-title">
			<span class="progress-title-div">😔 Low visibility</span>
		</div>
		
		<div class="prom-instruction small mb-2">
			The photo is not visible, promote your ad!
		</div>

		<div class="progress-container">
			<div class="progress-bar"></div>
		</div>

		<div class="mt-2 nopromotionselected fw-bold">
			{{ optionByKey('no_promotion') }}
		</div>

		<div class="pricing-features" style="display: none;">
		   <div class="feature  fw-bold text-uppercase">
			{{ optionByKey('totalwrite') }} <span class="text-end text-capitalize">{{$currency_symbol}} 0.00 <small>(0 {{optionByKey('coins_name')}})</small></span>
			</div>                                       
		</div>
		
		<!-- Button -->
		<button type="submit"  name="buyandpublish" id="pro_button" disabled class="fw-bold btn btn-primary btn-block w-100 fs-6">
			{!! optionByKey('buy_button') !!}
		</button>
		<a href="javascript:void(0);" data-bs-target="#previewAdsModal" data-bs-toggle="modal" class="fs-6 preview-btn btn btn-outline-primary text-uppercase w-100">
			<span class="icon-credit-card1 me-2"></span>Preview
		</a>
	 </div>
	</div>

			
		
		</div>
		{!! Html::form()->close() !!} 	
	  </div>
	</div>
</div>
	




<!-- Modal -->
<div class="modal fade" id="previewAdsModal" tabindex="-1" aria-labelledby="previewAdsModal" aria-hidden="true">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header d-flex position-relative">
                <h5 class="fs-5 modal-title d-flex">                    
                    Ad Preview
                </h5>
                <button type="button" data-bs-dismiss="modal" aria-label="Fechar" class="position-absolute close close-btn-al">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="add-preview-box-sample">	
						
               <div class="vipprime show-in-related-free-list">

				<div class="badger-right">
                    <span class="badge badge-labelnew labeltypefeatureM" style="display: none;">{{ optionByKey('new_label_text') }}</span>
                </div>	
				
                 <div class="badger-right">
					<span class="badge badge-options">                        
						<i class="icon-Super-top" id="tpIcon" style="display: none;"></i>    
						<i class="icon-top-icon" id="sIcon" style="display: none;"></i>
					</span>
				</div>           

        <div class="item-card d-flex bordervipprime">
			@if(countProfileimage($profile->insert_key)>2)
				<div class="item-image-vipprime">
                        <div id="carousel-{{$profile->insert_key}}" class="carousel slide" data-bs-pause="hover" data-bs-interval="false">

                            <div class="carousel-inner">                             

								@foreach(sliderImgdata($profile->insert_key) as $key=>$gallery)

									<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function cdnUrl() in /home/sdukoin/public_html/resources/views/frontend/promote_ads.blade.php:210
Stack trace:
#0 {main}
  thrown in <b>/home/sdukoin/public_html/resources/views/frontend/promote_ads.blade.php</b> on line <b>210</b><br />