@extends('layouts.simple.master')

@section('title', 'Update Contest')
@section('css')
    <style>
		.jFiler-input-dragDrop{
			width: 100% !important;
		}
	</style>
@endsection

@section('style')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/plugin/jquery_filer/css/jquery.filer.css') }}">
<link href="{{asset('assets/plugin/jquery_filer/css/themes/jquery.filer-dragdropbox-theme.css')}}" type="text/css" rel="stylesheet" />
@endsection

@section('breadcrumb-title')
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Update Contest</li>
@endsection

@section('content')
<div class="container-fluid">
<div class="row">
	<div class="col-sm-12">
	<div class="card">
		<div class="card-header">
		<h5>Update Contest</h5>
		</div>
		
		<form class="form theme-form" method="post" enctype="multipart/form-data" action="{{route('admin.update-contest-details')}}">
		@csrf
		<div class="card-body">
			<div class="row">
			<div class="col-sm-4">
				<div class="mb-3">
				<label class="form-label" for="title">Contest Name</label>
					<input type="hidden" name="id"  value="{{$contest->id}}"/>
					<input class="form-control" id="title" type="text" name="title"  value="{{ old('title', (isset($contest) ? $contest->title : '')) }}">
				</div>
			</div>

			<div class="col-sm-4">
				<div class="mb-3">
				  <label class="form-label" for="contest_no">Contest Number</label>
					<input class="form-control" id="contest_no" type="text" name="contest_no"  value="{{ old('contest_no', (isset($contest) ? $contest->contest_no : '')) }}">
				</div>
			</div>

			<div class="col-sm-4">
				<div class="mb-3">
					<label class="form-label" for="price">Price Type</label>
					@php
						$priceTypes = app('bmf')->priceTypes();
					@endphp
					<select class="form-select digits" name="price_type" id="exampleFormControlSelect9" fdprocessedid="3paag">
						<option>Select Price Type</option>
						@foreach($priceTypes as $type)
							<option value="{{$type}}" {{isset($contest) && $contest->price_type==$type ? 'selected':''}}>{{$type}}</option>
						@endforeach
					</select>
				</div>
			</div>
			
			</div>	
			<div class="row">

				<div class="col-sm-4">
					<div class="mb-3">
						<label class="form-label" for="price">Ticket Price</label>
						<div class="input-group"><span class="input-group-text">$</span>
							<input class="form-control" id="price" type="text" name="price"  value="{{ old('price', (isset($contest) ? $contest->price : '')) }}">
						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="mb-3">
						<label class="form-label" for="qty">No of Tickets</label>
						<input class="form-control" id="qty" name="qty" value="{{ old('qty', (isset($contest) ? $contest->qty : '')) }}" type="text">
					</div>
				</div>
				<div class="col-sm-2">
					<div class="mb-3">
						<label class="form-label" for="contest_on">Contest Start Date</label>
						<input class="form-control digits" name="contest_on" id="contest_on" value="{{ old('contest_on', (isset($contest) ? $contest->contest_on : '')) }}" type="date" >
					</div>
				</div>
				<div class="col-sm-2">
					<div class="mb-3">
						<label class="form-label" for="contest_end">Contest End Date</label>
						<input class="form-control digits" name="contest_end" id="contest_end" value="{{ old('contest_end', (isset($contest) ? $contest->contest_end : '')) }}" type="date" >
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-4">
					<div class="mb-3">
						<label class="form-label" for="draw_date">Contest Draw Date</label>
						<input class="form-control digits" name="draw_date" id="draw_date" value="{{ old('draw_date', (isset($contest) ? $contest->draw_date : '')) }}" type="datetime-local" >
					</div>
				</div>
				<div class="col-sm-4">
					<div class="m-checkbox-inline">
						<div class="checkbox">
							<input id="featured" type="checkbox" {{isset($contest) && $contest->featured==1 ? 'checked':''}} name="featured"/>
							<label for="featured">Featured Contest</label>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<!-- <div class="col-sm-12">
					<div class="mb-3">
						<label class="form-label" for="description">Vehicle Overview</label>
						<textarea class="form-control btn-square" name="description" id="description" rows="3" spellcheck="true">{{ old('description', (isset($contest) ? $contest->description : '')) }}</textarea>	
					</div>
				</div> -->

				<div class="col-sm-12">
					<div class="mb-3">
						<label class="form-label" for="updateeditor1">Competition Details</label>
						<textarea class="form-control btn-square" name="competition_details" id="updateeditor1" rows="3" spellcheck="true">{{ old('competition_details', (isset($contest) ? $contest->competition_details : '')) }}</textarea>	
					</div>
				</div>
			</div>			
			<div class="row">
				<div class="col-sm-12">
					<div class="mb-3">
						<label class="form-label" for="images">Upload Images</label>
						<input class="form-control" name="images[]" multiple id="jfilerImages" type="file">
						@if($contest->images()->count() > 0)
							<div class="gallery_box row mt-3">
								@foreach($contest->images as $gallery)
									@if(!empty($gallery->path) && Storage::exists($gallery->path))
										<div class="col-md-2 text-center" id="{{'gallery'.$gallery->id}}">
											<a href="{{asset(Storage::url($gallery->path))}}" target="_blank"><img src="{{asset(Storage::url($gallery->path))}}" style="width:100%;height:100px;"></a>
											<p class="gallery_title">{{$gallery->title}} </p>
											<a href="javascript:0;" onclick="deleteImage({{$gallery->id}});" style="text-decoration:none;" class="text-danger"><small><i class="fa fa-trash-o"></i> Delete Image</small></a>
										</div>
									@endif
								@endforeach
							</div>
						@endif

							
					</div>
				</div>
			</div>
		</div>
		
		<div class="card-footer text-end">
			<button class="btn btn-primary" type="submit">Submit</button>
			<input class="btn btn-light" type="reset" value="Cancel">
		</div>
		</form>
	</div>
	</div>
</div>
</div>
@endsection

@section('script')
	<script>

		function deleteImage(gallery_id){
			if(confirm('Do you want to delete image?')){
				$.ajax({
					type: "GET",
					url: "{{route('admin.image-delete')}}?galleryId="+gallery_id,
					success: function (response) {
						if(response.status == true){
							$("#gallery"+gallery_id).remove();

							$('.page-header').after('<div class="alert alert-success">'+response.message+'</div>');

						}else{
							$('.page-header').after('<div class="alert alert-success">'+response.message+'</div>');
						}

						setTimeout(() => {
							$('.alert').hide();
						}, 2000);
					}
				});
			}
		}

		$('#contest_end').on('change', function() {
			var contestEndDate = $(this).val();
			$('#draw_date').attr('min', contestEndDate);
		});
	</script>
@endsection