@extends("layouts.dashboard")

@section("title", "Add new post - Dashboard | TechnoBlog")

@section("dashboard_content")

<div class="my-3 my-md-5">

		<div class="container">

			<div class="row">

				<div class="col-sm-12">

					<div class="card">

						<nav aria-label="breadcrumb">
							<ol class="breadcrumb" style="border-radius: 0px !important;">
								<li class="breadcrumb-item">
									<a href="{{ route("dashboard.index") }}">Dashboard</a>
								</li>
								<li class="breadcrumb-item">
									<a href="{{ route("dashboard.posts.index") }}">Posts</a>
								</li>
								<li class="breadcrumb-item active" aria-current="page">Add New</li>
							</ol>
						</nav>

						<div class="card-header">
							<h3 class="card-title">Add new post</h3>
						</div>

						<form class="actionForm" action="{{ route("dashboard.posts.store") }}" method="post" enctype="multipart/form-data" accept-charset="UTF-8">

							@csrf

							<div class="row p-5">

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

									<div class="form-group">
										<label class="form-label">Title</label>
										<input type="text" value="{{ old("title") }}" name="title" class="form-control" required>
									</div>

									<div class="form-group">
										<label class="form-label">Upload Image</label>
										<div class="custom-file">
											<input type="file" class="custom-file-input" name="image" required>
											<label class="custom-file-label">Choose file</label>
										</div>
									</div>

									<div class="form-group">
										<label class="form-label">Select Category</label>
										<select name="category">
											@foreach ($categories as $category)
												<option value="{{ $category->id }}" {{ (old("category") == $category->id ? "selected" : "") }}>{{ $category->name }}</option>
											@endforeach
										</select>
									</div>

									<div class="form-group">
										<label class="form-label">Select or create new tags</label>
										<select id="postTags">
											@foreach ($tags as $tag)
												<option value="{{ $tag->id }}">{{ $tag->name }}</option>
											@endforeach
										</select>
										<input type="hidden" name="tags" value="{{ old("tags") }}">
									</div>

								</div>

								<div class="col-md-8">
									<label class="form-label">Content</label>
									<!-- Quill rich text editor -->
									<div id="postEditor" class="pr-5" style="height: 500px;"></div>
									<input type="hidden" class="postContent" name="post_content" value='{{ old("post_content") }}'>
								</div>

								<div class="col mt-5">
									<div class="form-group border-top">
										<div class="float-right pt-5">
											<input type="submit" value="{{ auth()->user()->hasPermission("publish_post") ? "Create Post" : "Submit post for review" }}" class="submitBtn submitNewPost btn btn-primary">
										</div>
									</div>
								</div>

							</div>

						</form>

					</div>

				</div>

			</div>

		</div>

	</div>

@endsection