@php
$dimensions = \Config::get('pgsimagedimensions');

$width = $dimensions['gallery_file']['large']['width'];
$height = $dimensions['gallery_file']['large']['height'];
$dimensionStr = ' <strong class="imageDims">[' . $width . 'px X ' . $height . 'px] </strong>';
$mimes = ['jpg', 'jpeg', 'png', 'svg'];
@endphp

<div class="row">
	<div id="imageGalleryUpload" class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6">
		<div class="card">
			<div class="card-header">
				<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
					<div class="section-block">
						<h3 class="section-title">Upload Images</h3>
					</div>
				</div>
			</div>
			<div class="card-body">
				<div class="row">
					<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
						<section class="basic_settings" id="postMediaWrapper">
							<div class="row">
								<div class="col-sm-12  fl fl-wrap fileUploadWrapper form-group">
									{!! getMultiPlUploadControl('Upload Gallery Image(s) ' . $dimensionStr . ' (Max 2 MB) ('. implode(', ', $mimes) .') ','gallery',$mimes,'image','Select File',null,null,$postType,1487,923) !!}
								</div>
							</div>
						</section>
					</div>
				</div>
			</div>
			<div class="card-footer  p-0 text-center d-flex justify-content-center">
				<p>Files will be automatically uploaded. Can select multiple files</p>
			</div>
		</div>
	</div>
	<div id="videoGalleryUpload" class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6">

			<div class="card">
				<div class="card-header">
					<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
						<div class="section-block">
							<h3 class="section-title">Upload Youtube Video</h3>
						</div>
					</div>
				</div>
				<div class="card-body">
					<div class="row title-section" style="display: none;">
						<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6">
							<label>Video Title</label>
							<input type="text" class="form-control ytInput" name="videoTitle" placeholder="English title here" id="videoTitle" />
						</div>
						<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6">
							<label>Video Title [Arabic]</label>
							<input type="text" dir="rtl" class="form-control ytInput" name="videoTitleAr"  placeholder="Arabic title here"  id="videoTitleAr" />
						</div>
					</div>
					<div class="row title-section" style="display: none;">
						<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6">
							<label>Video Source</label>
							<input type="text" class="form-control ytInput" name="videoSource"  placeholder="English video source here"  id="videoSource" />
						</div>
						<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6">
							<label>Video Source [Arabic]</label>
							<input type="text" dir="rtl" class="form-control ytInput" name="videoSourceAr"  placeholder="Arabic video source here"  id="videoSourceAr" />
						</div>
					</div>
					<div class="row">
						<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
							<div class="ythumbWrapper">
								<img src="{{ asset('assets/admin/images/def-youtube-thumb.png') }}" id="youtube_thumb" class="youtube_thumb"/>
							</div>
							<input type="text" class="form-control ytInput" name="youtubeURL"  placeholder="Youtube URL here"  id="youtubeURL" />
							<input type="hidden" class="form-control ytInput" name="customImage"  id="customImage" />
						</div>
					</div>
				</div>
				<div class="card-footer  p-0 text-center d-flex justify-content-center">
					<div class="card-footer-item card-footer-item-bordered" id="chCoverWrapper">
						
						<div id="ytThumb" class = "uploadControlWrapper">
							<a id="changeImage" class="card-link" >Change Cover Image</a>
							<div class = "uploadPercentage"></div>
							<div class = "uploadProgressWrapper">
								<div class = "uploadProgress" ></div>
							</div>
						</div>

					</div>
					<div class="card-footer-item card-footer-item-bordered" id="saveWrapper">

						<a id="saveYoutube" data-resultDiv="{{ (!empty($galleryLister))?$galleryLister:'galleryWrapper' }}" href="#" class="card-link">Save</a>
					</div>
				</div>
			</div>

	</div>
</div>

<div class="row">
	<ul id="{{ (!empty($galleryLister))?$galleryLister:'galleryWrapper' }}" class="myFileLister">
		@if(!empty($galleryList))
				@foreach($galleryList as $media)
				{!! showMediaItem($media) !!}
				@endforeach
		@endif
	</ul>
</div>
@if(!empty($galleryList) )
	<div class="row">
		<div class="col-sm-12">
			{!! $galleryList->fragment('gallery-list')->links() !!}
		</div>
	</div>
@endif
@section('scripts')
@parent
	@include('admin.common.common_gallery_scripts')
@stop