@extends('sellers.layout.mainlayout')
@section('content')

@php
use Carbon\Carbon;

$fileLink = $myAd->upload_media_link;

// Determine the file extension
$fileExtension = strtolower(pathinfo($fileLink, PATHINFO_EXTENSION));

// Array of supported video and image formats
$videoFormats = ['mp4', 'webm'];
$imageFormats = ['jpeg', 'jpg', 'png', 'JPEG', 'JPG', 'PNG'];

@endphp
	
	<div class="main-wrapper innerpagebg">
	
		<!-- Header -->
		@include('sellers.layout.top_header')
		<!-- /Header -->
		
		<!-- Breadscrumb Section -->
		<div class="breadcrumb-bar"></div>
		<!-- /Breadscrumb Section -->
		
		<!-- Profile Content -->
        <div class="dashboard-content offset-transform-top listing-section">		
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						@include('sellers.layout.profile')
					</div>		
					<div class="col-md-8">
						@include('sellers.layout.header')

						<form role="form" method="POST" action="{{ route('seller.post.update') }}" 
						      id="add_post"
						      enctype="multipart/form-data">
						    @csrf

						    <input type="hidden" id="adId" name="adId" value="{{ $myAd->id }}">
						    <input type="hidden" id="subCategoryId" name="subCategoryId" value="{{ $myAd->sub_category_id }}">
							<input type="hidden" id="subsubCategoryId" name="subsubCategoryId" value="{{ $myAd->subsub_category_id }}">
						    <div class="profile-content">
						        <div class="messages-form">
						            <div class="card">
						                <div class="card-header">
						                    <h4>Ad information</h4>							
						                </div>
						                <div class="card-body">
											<div class="row">
												<div class="col-lg-6 col-md-6">
													<div class="form-set">
														<label class="col-form-label">Ad Title <span class="starcolor">*</span></label>
														<input class="form-control pass-input" id="title" name="title" type="text" value="{{ $myAd->title }}" placeholder="Title"
															maxlength="250">
														<span class="error-message" id="category-error"></span>	
													</div>
												</div>
												<div class="col-lg-6 col-md-6">
													<div class="form-set">
														<label class="col-form-label">Price <span class="starcolor">*</span></label>
														<input class="form-control pass-input" id="price" name="price" type="text" value="{{ $myAd->price }}" placeholder="0.00">
														<span class="error-message" id="category-error"></span>
													</div>
												</div>
											</div>
						                    <div class="form-set">
						                        <label class="col-form-label">Ad Description (Includes bold, Italic) <span>*</span></label>
						                        <textarea name="description" id="description" class="rte-zone" rows="6">{{ $myAd->description }}</textarea>
						                        <span class="error-message" id="description-error"></span>
						                    </div>
						                    <div class="row">
							                    <div class="col-lg-6 col-md-6">
								                    <div class="form-set">
								                        <label class="col-form-label">Category <span>*</span></label>
								                        <select class="form-control select" id="category" name="category">
								                            <option value="">Select</option>
								                            @foreach($categories as $category)		   		
								                            <option value="{{ $category->id }}" {{ $myAd->category_id == $category->id ? 'selected' : '' }}>{{ $category->category }}</option>
								                            @endforeach
								                        </select>
								                        <span class="error-message" id="category-error"></span>										
								                    </div>
								                </div>
								                <div class="col-lg-6 col-md-6">
								                    <div class="form-set">
								                        <label class="col-form-label">Sub Category <span>*</span></label>
								                        <select class="form-control select" id="sub_category" name="sub_category">
								                            <option value="">Select</option>
								                        </select>
								                        <span class="error-message" id="sub_category-error"></span>
								                    </div>
								                </div>
								            </div>

											<div class="row">
												<div class="col-lg-6 col-md-6">
								                    <div class="form-set">
								                        <label class="col-form-label">Caliber </label>
                                                                <select class="form-control select" id="subsub_category" name="subsub_category">
                                                                </select>
								                    </div>
								                </div>
								                <div class="col-lg-6 col-md-6">
								                    <div class="form-set">
								                        <label class="col-form-label">Shipping </label>
								                        <select class="form-control select" id="shipping" name="shipping[]" multiple>                                                                   
                                                            <!--<option value="">Choose Shipping</option>-->
                                                            
															@foreach ($shippings as $shipping)
                                                            <option value="{{ $shipping->id }}"
                                                                @if(isset($myAd) && in_array($shipping->id, old('shipping', explode(',', $myAd->shipping_id)))) selected @endif>
                                                                {{ $shipping->shipping_name }}
                                                            </option>
                                                            @endforeach                                                                     
                                                        </select>
								                    </div>
								                </div>
											</div>
											<div class="row">
												<div class="col-lg-6 col-md-6">
								                    <div class="form-set">
													<label class="col-form-label">Additional Information</label>
													<textarea class="form-control" maxlength="250" name="additional_information" rows="3">{{ old('additional_information', $myAd->additional_information) }}</textarea>
								                    </div>
								                </div>
								                <div class="col-lg-6 col-md-6">
								                    <div class="form-set">
													<label class="col-form-label">Is Featured? <span class="starcolor">*</span></label>		
													<ul class="custom-radiosbtn">
						                        	@if($myAd->is_featured == 'Yes')
						                            <li>
						                                <label class="radiossets">
						                                    Yes
						                                    <input type="radio" class="is_featured" name="is_featured" value="Yes" checked>
						                                    <span class="checkmark-radio"></span>
						                                </label>
						                            </li>
						                            @else
						                            <li>
						                                <label class="radiossets">
						                                    No
						                                    <input type="radio" class="is_featured" name="is_featured" value="No" checked>
						                                    <span class="checkmark-radio"></span>
						                                </label>
						                            </li>
						                            @endif
						                        </ul>
								                        <span class="error-message" id="sub_category-error"></span>
								                    </div>
								                </div>
											</div>

								            @if($user->subscription->id>1)
						                    <div class="form-set">
						                        <label class="col-form-label">Home URL</label>								    
						                        <input type="text" class="form-control pass-input" placeholder="https://www.example.com" id="home_url" name="home_url" value="{{ $myAd->home_url }}">									   
						                    </div>
						                    @endif
						                    
						                </div>   							
						            </div>	
						            <div class="card">
						                <div class="card-header">
						                    <h4>Location information</h4>							
						                </div>
						                <!-- <div class="card-body">
						                	<div class="form-set">
											    <label class="col-form-label">Location Address</label>								    
											    <input type="text" class="form-control" id="location_address1" value="">									   
											</div> 
											<button id="search-btn" class="btn btn-primary">Search</button>

											
											<input type="hidden" id="latitude1" name="latitude1">
											<input type="hidden" id="longitude1" name="longitude1">

						                </div> -->


						                <div class="card-body">
										    <div class="form-set">
										        <label class="col-form-label">Location Address <span class="starcolor">*</span></label>	

										        @if(isset($myAd->city_name) && $myAd->city_name!='')
										        	<input type="text" class="form-control" id="location_address" name="location_address" value="{{ $myAd->location_address }}"  placeholder="Address">
									        	@else
									        		<input type="text" class="form-control" id="location_address" name="location_address" value=""  placeholder="Address">
									        	@endif									   
										    </div> 
											<input type="hidden" name="ad_city" id="ad_city" value="{{ old('ad_city') }}">
											<input type="hidden" name="ad_state" id="ad_state" value="{{ old('ad_state') }}">
											<input type="hidden" name="ad_state_code" id="ad_state_code" value="{{ old('ad_state_code') }}">
											<input type="hidden" name="ad_lat" id="ad_lat" value="{{ old('ad_lat') }}">
											<input type="hidden" name="ad_lng" id="ad_lng" value="{{ old('ad_lng') }}">
											<input type="hidden" id="base_url" value="{{ url('/') }}">
										    
										  <!--  <div class="row">
										        <div class="col-lg-6 col-md-6">									     
										            <div class="form-set formlast-input lat-input">
										                <input type="hidden" class="form-control" id="latitude" name="latitude" value="26.045197767574102">									   
										            </div>
										        </div>
										        <div class="col-lg-6 col-md-6">									     
										            <div class="form-set formlast-input">
										                <input type="hidden" class="form-control" id="longitude" name="longitude" value="-80.26095677163161">									   
										            </div>
										        </div>
										    </div>	-->							
										</div>

						                <!-- <div class="card-body">
						                    <div class="form-set">
						                        <label class="col-form-label">Location Address</label>								    
						                        <input type="text" class="form-control" value="8697-8747 Stirling Rd, Florida">									   
						                    </div> 
						                    <div class="listing-map">
						                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3584.6461688381!2d-80.26548188573862!3d26.045130803169!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88d9a862f9831459%3A0xafcb9384c02e8b75!2s8697%20Stirling%20Rd%2C%20Cooper%20City%2C%20FL%2033328%2C%20USA!5e0!3m2!1sen!2sin!4v1671519522101!5m2!1sen!2sin" width="100" height="430" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>								
						                    </div>	
						                    <div class="row">
						                        <div class="col-lg-6 col-md-6">									     
						                            <div class="form-set formlast-input lat-input">
						                                <input type="text" class="form-control" value="26.045197767574102">									   
						                            </div>
						                        </div>
						                        <div class="col-lg-6 col-md-6">									     
						                              <div class="form-set formlast-input">
						                                <input type="text" class="form-control" value="-80.26095677163161">									   
						                            </div>
						                        </div>
						                    </div>								
						                </div> -->
						            </div>				
						            <div class="card media-section">
						                <div class="card-header">
						                    <h4>Media Information </h4>							
						                </div>
						                
						               <div class="form-set">
					                        <label>Upload Image/Video <span class="starcolor">*</span></label>
					                        <div class="form-uploads mb-4">
					                            <div class="form-uploads-path row">
					                                {{-- <div id="preview-area" class="text-center mt-3"> --}}
					                                	<div class="preview"></div>

														{{--