@extends('super-admin.layouts.main')
@section('content')

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 module-heading">Add Blog Details</h1><br>
                    <a class="btn btn-outline-info" href="{{ route('blog.list') }}">Back</a>
                </div><!-- /.col -->

            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <div class="content">
        <div class="container-fluid">
            <div class="card">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card-body">

                            <form action="{{ route('blog.store') }}" method="POST" enctype="multipart/form-data"
                                id="AddBlogForm">
                                @if(Session::has('success'))
                                <div class="alert alert-success">{{ Session::get('success') }}</div>
                                @endif
                                @csrf
                                <!-- <div class="form-group">
                  <label class="form-label">Select Category</label><span class="text-danger">*</span>
                  <select class="form-control" name="category_id" id="categorySelect">
                    <option disabled selected>Select Category Name</option>
                    @foreach ($categories as $category)
                    <option value="{{ $category->id }}">{{ $category->blog_category_name }}</option>
                    @endforeach
                  </select>
                </div> -->

                                <div class="form-group">
                                    <label class="form-label">Select Author</label><span class="text-danger">*</span>
                                    <select class="form-control" name="author_id">
                                        <option disabled selected>Select Author Name</option>
                                        @foreach ($authors as $author)
                                        <option value="{{ $author->id }}">{{ $author->blog_author_name }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label> Title </label><span class="text-danger">*</span>
                                    <input type="text" class="form-control forms" name="title"
                                        value="{{ old('title') }}" placeholder="Enter Title">
                                </div>

                                <div class="form-group">
                                    <label>Thumbnail Image </label><span class="text-danger">*</span>
                                    <p style="font-size:14px;">Image size should be 304 * 222 px and image file type
                                        should be JPG or PNG .</p>
                                    <input type="file" name="thumbnail_image" class="form-control"
                                        value="{{ old('thumbnail_image') }}" />
                                </div>

                                <div class="form-group">
                                    <label> Banner Image </label><span class="text-danger">*</span>
                                    <p style="font-size:14px;">Image size should be 856 * 440 px and image file type
                                        should be JPG or PNG .</p>
                                    <input type="file" name="banner_image" accept="image/*" class="form-control"
                                        value="{{ old('banner_image') }}" />
                                </div>


                                <div class="form-group">
                                    <label> Post Date </label><span class="text-danger">*</span>
                                    <input type="date" class="form-control forms" name="postdate"
                                        value="{{ old('postdate') }}">
                                </div>

                                <div class="form-group">
                                    <label> Reading Time </label><span class="text-danger">*</span>
                                    <input type="text" class="form-control forms" name="reading_time"
                                        value="{{ old('reading_time') }}" placeholder="Enter Reading Time">
                                </div>

                                <div class="form-group">
                                    <label> Slug </label><span class="text-danger">*</span>
                                    <input type="text" class="form-control forms" name="slug"
                                        placeholder="Enter Your Slug" value="{{ old('slug') }}" />
                                </div>

                                <div class="form-group">
                                    <label>Description</label><span class="text-danger">*</span>
                                    <textarea class="form-control   blogsummernoterror"
                                        name="description">{{ old('description') }}</textarea>
                                    <span class="text-danger error" id="descriptionError">@error('description')
                                        {{ $message }} @enderror</span><br>
                                </div>

                                <div class="form-group">
                                    <label> Meta Title </label><span class="text-danger">*</span>
                                    <input type="text" class="form-control forms" name="meta_title"
                                        value="{{ old('meta_title') }}" placeholder="Enter Title">
                                </div>

                                <div class="form-group">
                                    <label> Meta Description </label><span class="text-danger">*</span>
                                    <input type="text" class="form-control forms" name="meta_description"
                                        value="{{ old('meta_description') }}" placeholder="Enter Title">
                                </div>

                                <div class="form-group">
                                    <label>Meta Keyword </label>
                                    <input type="text" class="form-control forms" name="meta_keyword"
                                        value="{{ old('meta_keyword') }}" placeholder="Enter Title">
                                </div>

                                <div class="form-group">
                                    <button class="btn btn-info mt-4" type="submit">Submit</button>
                                </div>
                            </form>

                        </div>
                        <!-- /.row -->
                    </div><!-- /.container-fluid -->
                </div>
                <!-- /.content -->
            </div>
            <!-- /.content-wrapper -->




            @endsection