@extends('layouts.simple.master')

@section('title', 'Create 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">Create 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>create contest</h5>
				</div>
				
				<form class="form theme-form" method="post" enctype="multipart/form-data" action="{{route('admin.store-contest')}}">
				@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 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="priceType">Price Type</label>
									@php
										$priceTypes = app('bmf')->priceTypes();
									@endphp
									<select class="form-select digits" name="price_type" id="priceType" fdprocessedid="3paag">
										<option>Select Price Type</option>
										@foreach($priceTypes as $type)
											<option value="{{$type}}">{{$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="number">
								</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" min="2024-10-16" name="contest_on" id="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" min="2024-10-16" name="contest_end" id="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" min="2024-10-16" name="draw_date" id="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" 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"></textarea>	
								</div>
							</div> -->

							<div class="col-sm-12">
								<div class="mb-3">
									<label class="form-label" for="neweditor1">Competition Details</label>
									<textarea class="form-control btn-square" name="competition_details" id="neweditor1" rows="3" spellcheck="true"></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" >	
								</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>
		$(document).ready(function() {

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