@extends('layouts.admin')

@section('title', 'ဆောင်းပါးပြုပြင်ရန်ပုံစံ')

@section('content')
<div class="container-fluid">
	<div class="row mb-2">
		<div class="col-sm-6">
			<h4 class="m-0 text-dark">ဆောင်းပါးပြုပြင်ရန်ပုံစံ</h4>
		</div><!-- /.col -->
		
	</div><!-- /.row -->

	@include('admins.partials.breadcrumbs')
</div><!-- /.container-fluid -->

<!-- Main content -->
<section class="content">
	<div class="container-fluid">
    	<div class="row d-flex justify-content-center">
            <div class="col-12">
                <div class="card">
                	<div class="card-header shadow-sm">
						<i class="fas fa-plus-square mr-3"></i>
						<span>စာရင်းပြုပြင်ရန်ပုံစံ</span>
    				</div>
    				<!-- /.card-header -->
    				<div class="card-body">
    					<div class="row d-flex justify-content-center">
    						<div class="col-12">

    							<!-- Create Form -->
					        	<form role="form" id="article-cat-form" action="{{ route('admin.articles.update', $article->id) }}" method="POST" enctype="multipart/form-data">
					        		@method('PUT')
					        		@csrf
						        	<div class="card-body">
						        		<div class="row px-5">
							        		<!-- Rich Text Editor for Body -->
							        		<div class="col-8">
												<div class="form-group">
													<label for="name">ဆောင်းပါး</label>
													<textarea class="textarea" id="summernote" name="body" placeholder="Place some text here" value="" required autofocus></textarea>

													@if ($errors->has('body'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('body') }}</strong>
														</span>
													@endif
												</div>
							        		</div>

							        		<!-- Title, Thumbnail, Category and Tags Attachment -->
							        		<div class="col-4">

							        			<!-- Title -->
							        			<div class="form-group">
							        				<label for="name">ခေါင်းစဥ်</label>
								        			<input type="text" class="form-control @if ($errors->has('title')) is-invalid @endif" id="title" name="title" value="{{ $article->title }}" required autofocus>

													@if ($errors->has('title'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('title') }}</strong>
														</span>
													@endif
							        			</div>

							        			<!-- Thumbnail -->
							        			<div class="form-group">
							        				<label for="name">ပုံရိပ်</label>
						        					<img class="large-img-thumbnail mb-2" src="{{ asset('storage' . $article->thumbnail) }}" alt="Photo">
							        				<div class="custom-file">
														<input type="file" class="custom-file-input @if ($errors->has('thumbnail')) is-invalid @endif" id="customFile" name="thumbnail">
														<label class="custom-file-label" for="customFile">ပုံကိုရွေးပါ</label>
													</div>

													@if ($errors->has('thumbnail'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('thumbnail') }}</strong>
														</span>
													@endif
							        			</div>

							        			<!-- Category -->
							        			<div class="form-group">
							        				<label for="name">အမျိုးအစား</label>
								        			<select class="form-control @if ($errors->has('category_id')) is-invalid @endif select2" name="category_id" required>
														@if(!empty($categories))
															<option value="">ရွေးချယ်ပါ</option>
															@foreach ($categories as $key => $value)
																@if(old('category_id') == $key or $article->category_id == $key)
																	<option value="{{ $key }}" selected="selected">{{ $value }}</option>
																@else
																	<option value="{{ $key }}">{{ $value }}</option>
																@endif
															@endforeach
														@endif
													</select>

													@if ($errors->has('category_id'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('category_id') }}</strong>
														</span>
													@endif
							        			</div>

							        			<!-- Tags -->
							        			<div class="form-group">
							        				<label for="name">Tags</label>
							        				<select class="form-control @if ($errors->has('tags')) is-invalid @endif select2" name="tags[]" multiple="multiple" id="article-tags">
							        					@if(!empty($tags))
							        													        						@foreach ($tags as $key => $value)
							        							@if(!empty($tagsExploded) and in_array($key, $tagsExploded))
																	<option value="{{ $key }}" selected>{{ $value }}</option>
																@else
																	<option value="{{ $key }}">{{ $value }}</option>
																@endif
							        						@endforeach
							        					@endif
													</select>

													@if ($errors->has('tags'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('tags') }}</strong>
														</span>
													@endif
							        			</div>

							        		</div>
						        		</div>
		                            </div>
					        		<!-- /.card-body -->
					        	</form>
    						</div>
    					</div>
    					<div class="row mt-2 float-right" form="my-form">
    						<div class="col-md-12 d-flex">
					        	<button form="article-cat-form" type="reset" onclick="window.location.replace('{{ url()->previous() }}')">ပယ်ဖျက်မည်</button>
					        	<button form="article-cat-form" type="submit" class="btn btnBtn btn-sm px-4 mx-3">ပြုပြင်မည်</button>
    						</div>
    					</div>
    				</div>
    			</div>
    			<!-- /.card -->
    		</div>
    	</div>
	</div><!-- /.container-fluid -->
</section>

@push('scripts')
<script type="text/javascript">
	$(document).ready(function() {
		$('#summernote').summernote({
			height: 600
		});

		$('#article-tags').select2({
			tags: true
		});
	});
</script>
@endpush

@endsection