@extends('layouts.admin')

@section('content')

<div class="row">
	<div class="col-sm-12">
		    <h2>Create Blog</h2>

		    @if ($errors->any())
		        <div class="alert alert-danger" style="padding: 15px">
		            <ul>
		                @foreach ($errors->all() as $error)
		                    <li>{{ $error }}</li>
		                @endforeach
		            </ul>
		        </div>
		    @endif

		    @if (session('error'))
		        <div class="alert alert-danger" style="padding: 15px">
		            {{ session('error') }}
		        </div>
		    @endif
		    @if (session('success'))
		        <div class="alert alert-success" style="padding: 15px">
		            {{ session('success') }}
		        </div>
		    @endif 

		    <form class="form2" action="{{ route('blog.store') }}" method="post" method="POST" enctype="multipart/form-data">
	   		@csrf
			    <div class="row">
			      	<div class="form-group col-lg-12">
			        	<label class="col-form-label" for="title">Title</label>
			        	<input class="form-control" id="title" name="title" type="text" value="{{ old('title') }}" required>
			      	</div>
			    </div>

			    <div class="row mt-3">
			      	<div class="form-group col-lg-6">
			        	<label class="col-form-label" for="category_id">Category</label>
			        	<select name="category_id" id="category_id" class="form-control">
			        		<option value="">Select Category</option>
			        		@if($categories->count() > 0)
			        			@foreach($categories as $category)
				        			<option value="{{ $category->id }}">{{ $category->name }}</option>
				        		@endforeach
			        		@endif
			        	</select>
			      	</div>

			      	<div class="form-group col-lg-6">
			        	<label class="col-form-label" for="image">Image</label>
			        	<input class="form-control" id="image" name="image" type="file" value="{{ old('image') }}" required>
			      	</div>
			    </div>

			    <div class="row">
			      	<div class="form-group col-lg-12">
			        	<label class="col-form-label" for="summernote">Description</label>
			        	<textarea class="form-control" name="description" id="summernote">{{ old('description') }}</textarea>
			     	</div>
			    </div>

			    <div class="row">
			      	<div class="form-group mt-5">
			        	<button class="btn btn-primary" type="submit">Add Blog</button>
			      	</div>
			    </div>
	  		</form>
	</div>
</div>

@endsection