Please login
<style>
.fileupload-buttons {
    font-size: 12px;
}
    
</style>

<h4>Trailer Information</h4>
<div>
	<a href="#" class="ViDsocial-btn updateTailer" data-trailerID="">Save Info</a>
</div>
<div class="row">
	<div class="col-md-6 ">
		<div class="row">
			<div class="col-12">
				<div class="vidsocial-required-alert" id="ViDsocial-trailerName-alert">Please Enter Trailer Name</div>
				<input id="ViDsocial-trailerName" class="ViDsocial-trailerName required-trailerInfo" name="" type="text" value="" placeholder="Trailer Name*"/>
			</div>
			<div class="col-6">
				<div class="vidsocial-required-alert" id="ViDsocial-trailerMake-alert">Please Enter Trailer Make</div>
				<input id="ViDsocial-trailerMake" class="ViDsocial-trailerMake required-trailerInfo" name="" type="text" value="" placeholder="Trailer Make*"/>
			</div>
			<div class="col-6">
				<div class="vidsocial-required-alert" id="ViDsocial-trailerModel-alert">Please Enter Trailer Model</div>
				<input id="ViDsocial-trailerModel" class="ViDsocial-trailerModel required-trailerInfo" name="" type="text" value="" placeholder="Trailer Model" />
			</div>
			<div class="col-6">
				<div class="vidsocial-required-alert" id="ViDsocial-trailerYear-alert">Please Enter Trailer Year</div>
				<input id="ViDsocial-trailerYear" class="ViDsocial-trailerYear required-trailerInfo" name="" type="text" value="" placeholder="Trailer Year" />
			</div>
			<div class="col-6">
				<div class="vidsocial-required-alert" id="ViDsocial-trailerLength-alert">Please Enter Trailer Length</div>
				<input id="ViDsocial-trailerLength" class="ViDsocial-trailerLength required-trailerInfo" name="" type="text" value="" placeholder="Trailer Length" />
			</div>
			<div class="col-12">
				<div class="ViDsocial-trailerUploadForm">
					        
                    <h5>Trailer Image</h5>
                    <form action="\wp-content\plugins\vidsocial\templates\vidsocial-profile\vidsocial-trailerPhotos-upload.php" method="post" enctype="multipart/form-data">
                        Select image to upload:
                        <input type="file" name="fileToUpload" id="fileToUpload">
                        <input type="submit" value="Upload Image" name="submit">
                        <small>Required file type is jpg</small>
                    </form>
				</div>
				
			</div>
			
		</div>
	</div>
	<div class="col-md-6">
		<div class="addNewTrailerImg">
			<div class="trailerImgCrop">
			
				<div id="trailerIMG_float" class="trailerIMG_float" data-rotate="" data-scaley="" data-scalex="" style="width: % ; top: %; left: %; transform: rotate(deg) scaleY() scaleX();">
					<img id="trailerIMG_base"  class="trailerIMG_base" src="" data-src="" width="100%" height="auto"/>
				</div>
				<div class="toolbarImg_trailer">
					<button title="Move (M)" class="moveImg_trailer">
						<span class="fa fa-arrows"></span>
					</button>
					<button title="Zoom In (I)" class="zoomINImg_trailer">
						<span class="fa fa-search-plus"></span>
					</button>
					<button title="Zoom Out (O)" class="zoomOutTrailer">
						<span class="fa fa-search-minus"></span>
					</button>
					<button title="Rotate Left (L)" class="rotateLeftTrailer">
						<span class="fa fa-rotate-left"></span>
					</button>
					<button title="Rotate Right (R)" class="rotateRightTrailer">
						<span class="fa fa-rotate-right"></span>
					</button>
					<button title="Flip Horizontal (H)" class="flipHorTrailer">
						<span class="fa fa-arrows-h"></span>
					</button>
					<button title="Flip Vertical (V)" class="flipVertTrailer">
						<span class="fa fa-arrows-v"></span>
					</button>
				</div>
			</div>
		</div>
	</div>
</div>