@extends('includes.admin.adminapp')
@section('content')
<div class="page-wrapper">
	<div class="page-content">
		<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
			<div class="ps-3">
				<div class="breadcrumb-wrapper">
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb">
							<li class="breadcrumb-item"><a href="{{ route('admindashboard') }}">Dashboard</a></li>
							<li class="breadcrumb-item active" aria-current="page">Edit Blog</li>
						</ol>
					</nav>
				</div>      
			</div>
		</div>
		<div class="row">
			<div class="col-xl-6 mx-auto">
				<div class="card">
					<div class="card-body p-4">
						<h5 class="mb-4">Update Blog</h5>
						<form class="row g-3" id="add_form" class="form-horizontal" enctype="multipart/form-data"
							action="{{ route('blog.update',$blog->id) }}" method="POST">
							@csrf
							<div class="col-md-12">
								<label for="input1" class="form-label">Blog Title</label>
								<input type="text" name="title" class="form-control" id="title" placeholder="Blog Title"
									value="{{ $blog->title }}" required>
							</div>
							<div class="col-md-12">
								<label for="input1" class="form-label">Slug<small>(https://royalcaretravels.com/blogs)</small></label>
								<input type="text" name="slug" class="form-control" id="title" placeholder="Blog Slug"
									value="{{ $blog->slug }}" required>
							</div>
							<div class="col-md-12">
								<label for="input7" class="form-label">Category</label>
								<select class="form-select" name="category_id" id="category_id" required>
									<option value="">Select One</option>
									@foreach ($blog_categories as $category)
									<option @if($blog->category_id == $category->id) {{'selected'}} @endif value="{{
										$category->id }}">
										{{ $category->category_name }}
									</option>
									@endforeach
								</select>
							</div>
							<div class="col-md-12">
								<label class="form-label" for="signinSrEmail">
									Image
									<small>(824*324)</small>
								</label>
								<input type="file" name="banner"
									accept=".jpg, .png, image/jpeg, image/png" multiple="" class="ff_fileupload_hidden">
									<img src="{{ asset($blog->banner) }}" alt="bruce" width="150px" height="150px" class="border-radius-lg shadow-sm">
							</div>
							<div class="col-md-12">
								<label for="input1" class="form-label">Banner Alt</label>
								<input type="text" name="banner_alt" class="form-control" id="title" 
									value="{{ $blog->banner_alt }}" placeholder="Blog Title" required>
							</div>
							<div class="col-md-12">
								<label for="blog_description" class="form-label">Description</label>
								<textarea class="form-control" id="blog_description" name="description"
									placeholder="Description ..." rows="3">{{ $blog->description }}</textarea>
							</div>
							<div class="col-md-12">
								<label class="form-label">Meta Title</label>
								<input type="text" class="form-control" name="meta_title" value="{{$blog->meta_title}}"
									placeholder="Meta Title">
							</div>
							<div class="col-md-12">
								<label class="form-label" for="signinSrEmail">
									Meta Image
									<small>(824*324)</small>
								</label>
								<div class="input-group" data-toggle="aizuploader" data-type="image">
									<div class="input-group-prepend">
										<div class="input-group-text bg-soft-secondary font-weight-medium">
											<input  type="file" name="meta_img" class="selected-files">
										</div>
									</div>
								</div>
								<div class="file-preview box sm">
									@if(('header_logo') != null)
									<img src="{{ asset($blog->meta_img) }}" alt="bruce" width="150px" height="150px" class="border-radius-lg shadow-sm">


									@endif
								</div>
							</div>
							<div class="col-md-12">
								<label class="form-label">Meta Description</label>
								<textarea name="meta_description" rows="5"
									class="form-control">{{$blog->meta_description}}</textarea>
							</div>
							<div class="col-md-12">
								<label class="form-label">
									Meta Keywords
								</label>
								<input type="text" class="form-control" id="meta_keywords" name="meta_keywords"
									value="{{$blog->meta_keywords}}" placeholder="Meta Keywords">
							</div>
							<div class="col-md-12">
								<div class="d-md-flex d-grid align-items-center gap-3">
									<button type="submit" class="btn btn-primary px-4">Submit</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection