@extends('frontend.layout.master')

@section('title', 'Add a New Joke')

@section('content')

	<div class="container py-4">

		<h1>Jokes</h1>

		<div class="row py-2">
			<div class="col-sm-12">
				<div class="card">
					<div class="card-header">Add a New Joke</div>
					<div class="card-body">
						<form method="POST" action="{{ route('frontend.joke.store') }}">
							{{ csrf_field() }}

							<div class="row">

								<div class="col-md-4">

									<div class="form-group">
										<label for="type_id">Type</label>
										<select class="form-control {{ $errors->first('type_id', 'is-invalid') }}" id="type_id" name="type_id" required >
											<option disabled selected>Select Type</option>

											@foreach($types as $type)

												<option value="{{ $type->id }}" @if(old('type_id') == $type->id) selected="selected" @endif >{{ $type->name }}</option>

											@endforeach

										</select>
										<div class="invalid-feedback">{{ $errors->first('type_id') }}</div>
									</div>

									<div class="custom-control custom-switch  {{ $errors->first('clean', 'is-invalid') }}">
										<input type="checkbox" class="custom-control-input" id="clean" name="clean" value="true">
										<label class="custom-control-label" for="clean">Clean Language</label>
										<div class="invalid-feedback">{{ $errors->first('clean') }}</div>
									</div>

								</div>

								<div class="form-group col-md-4">
									<label for="categories">Categories</label>
									<select class="form-control {{ $errors->first('categories', 'is-invalid') }}" id="categories" name="categories[]" size="12" multiple >

										@foreach($categories as $category)

											<option value="{{ $category->id }}" @if(old('category_id') == $category->id) selected="selected" @endif >{{ $category->name }}</option>

										@endforeach

									</select>
									<div class="invalid-feedback">{{ $errors->first('categories') }}</div>
								</div>

								<div class="form-group col-md-4">
									<label for="subjects">Subjects</label>
									<select class="form-control {{ $errors->first('subjects', 'is-invalid') }}" id="subjects" name="subjects[]" size="12" multiple >

										@foreach($subjects as $subject)

											<option value="{{ $subject->id }}" @if(old('subject_id') == $subject->id) selected="selected" @endif >{{ $subject->name }}</option>

										@endforeach

									</select>
									<div class="invalid-feedback">{{ $errors->first('subjects') }}</div>
								</div>

							</div>

							<div class="form-group">
								<label for="content">Body</label>
								<textarea name="content" class="form-control{{ $errors->has('content') ? ' is-invalid' : '' }}" rows="5">{{ old('content') }}</textarea>
								@if ($errors->has('content'))<div class="invalid-feedback">{{ $errors->first('content') }}</div>@endif
							</div>

							<button class="btn btn-primary float-right" type="submit">Add Joke</button>

						</form>
					</div>
				</div>
			</div>
		</div>

	</div>

@endsection