@extends('Backend.layouts.app')
@section('content')
{{-- @dd($errors) --}}
<style type="text/css">
	label {
		font-weight: bold !important;
	}

	span.required {
		color: red;
	}
</style>
<!-- Page Header -->
<div class="page-header row no-gutters py-4">
	<div class="col-12 col-sm-4 text-center text-sm-left mb-0">
		<span class="text-uppercase page-subtitle">Category Item Pages</span>
		<h3 class="page-title">Add New {{$category->name}} Item</h3>
		<a href="{{route('item.index', $category->slug)}}" class="btn btn-primary mt-4 ml-2"><i class="fa fa-list"></i> {{$category->name}} Item List</a>
	</div>
</div>
<!-- End Page Header -->
@if(isset($edit))
{!! Form::open(['route' => ['item.update',$edit->id, $category->slug],'method'=>'PUT','data-parsley-validation'=> '','files' => true]) !!}
@else
{!! Form::open(['route' => ['item.store', $category->slug],'method'=>'POST','data-parsley-validation'=> '','files' => true]) !!}
@endif
<div class="row">
	<div class="col-lg-9 col-md-12">
		<!-- Add New Post Form -->
		<div class="card card-small mb-3">
			<div class="card-body">
				<input type="hidden" name="cover_image" value="{{ isset($edit)?$edit->cover_image:'empty' }}" />
				<div class="row col-md-12 mb-5">
					<div class="col-md-4">
						<label>Cover Image<span class="required">*</span></label>
					</div>
					<div class="col-md-7 card p-3">
						<img class="{{isset($edit)?'d-block':'d-none'}} m-auto" id="cover_image" src="{{isset($edit) ? $edit->media[0]->getFullUrl() :''}}" width="150px" height="150px"/>
						<input class="form-control mt-2" type="file" id="mediaFile" name="cover_image"/>
						@if($errors->first('image'))
							<div class="text text-danger">
								* {{$errors->first('image')}}
							</div>
						@endif
					</div>
				</div>
			@if(isset($edit))
					<div>
						{!! Form::label('category_id','Category Name:') !!}
						{!! Form::label('name', $category->name,array('class' => 'form-control','required'=>'','maxlength'=>'20','readonly')) !!}
						{!! Form::hidden('category_id', $category->id,array('class' => 'form-control','required'=>'','maxlength'=>'20', 'readonly' )) !!}

						@error('name')
						<div class="text-danger">
							{{$message}}
						</div>
						@enderror
					</div>

					<div>
						{!! Form::label('title','Title:') !!}
						{!! Form::text('title', $edit->title,array('class' => 'form-control','required'=>'')) !!}
						@error('title')
						<div class="text-danger">
							{{$message}}
						</div>
						@enderror
					</div>

					@if($category->name == 'Speeches')
						<div>
							{!! Form::label('youtube_link','Youtube Link:') !!}
							{!! Form::text('youtube_link', $edit->youtube_link,array('class' => 'form-control')) !!}
							@error('youtube_link')
							<div class="text-danger">
								{{$message}}
							</div>
							@enderror
						</div>
					@endif

					<div>
						{!! Form::label('description','Description:') !!}
						{!! Form::textarea('description',$edit->description,array('class' =>'form-control','required'=>'')) !!}
					</div>

					<div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
						<input type="hidden" name="status" value="0">
						<input type="checkbox" class="custom-control-input" id="customSwitch" name="status" value="1"
							   @if(isset($edit))
							   {{$edit->status ? 'checked' : ''}}
							   @else
							   checked
								@endif
						>
						<label class="custom-control-label" for="customSwitch">Is Active</label>
					</div>
				@else
					<div>
						{!! Form::label('category_id','Category Name:') !!}
						{!! Form::label('category_name', $category->name,array('class' => 'form-control','required'=>'','maxlength'=>'20', 'readonly' )) !!}
						{!! Form::hidden('category_id', $category->id,array('class' => 'form-control','required'=>'','maxlength'=>'20', 'readonly' )) !!}
					</div>

					<div>
						{!! Form::label('title', 'Title:') !!}
						{!! Form::text('title', null,array('class' => 'form-control','required'=>'')) !!}
						@error('title')
						<div class="text-danger">
							{{$message}}
						</div>
						@enderror
					</div>

					@if($category->name == 'Speeches')
						<div>
							{!! Form::label('youtube_link', 'Youtube Link:') !!}
							{!! Form::text('youtube_link', null,array('class' => 'form-control')) !!}
							@error('youtube_link')
							<div class="text-danger">
								{{$message}}
							</div>
							@enderror
						</div>
					@endif

					<div>
						{!! Form::label('description','Description:') !!}
						{!! Form::textarea('description',null,array('class' =>'form-control','required'=>'')) !!}
					</div>

					<div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
						<input type="hidden" name="status" value="0">
						<input type="checkbox" class="custom-control-input" id="customSwitch" name="status" value="1" checked>
						<label class="custom-control-label" for="customSwitch">Is Active</label>
					</div>
				@endif
			</div>
		</div>
		<!-- / Add New Post Form -->
	</div>
	<div class="col-lg-3 col-md-12">
		<!-- Post Overview -->
		<div class='card card-small mb-3'>
			<div class="card-header border-bottom">
				<h6 class="m-0">Actions</h6>
			</div>
			<div class='card-body p-0'>
				<ul class="list-group list-group-flush">
					<li class="list-group-item d-flex px-3">
                        @if (isset($edit))
						<button type="submit" id="update" class="btn btn-sm btn-accent ml-auto">
							<i class="material-icons">file_copy</i> Update
						</button>
                        @else
						<button id="save" class="btn btn-sm btn-accent ml-auto">
							<i class="material-icons">file_copy</i> Publish
						</button>
						@endif
					</li>
				</ul>
			</div>
		</div>
		<!-- / Post Overview -->
	</div>
</div>
{!! Form::close() !!}

<script type="text/javascript">
	$('#mediaFile').on('change',function(){
		$('#cover_image').removeClass('d-none').addClass('d-block');
		$('#cover_image').attr('src',window.URL.createObjectURL(this.files[0]));
	});
</script>

@endsection