@extends('admin.master')
@section('title', translate('Blog Post Create'))
@section('breadcrumb')
    <div class="breadcrumb-area">
        <h5>{{ translate('Dashboard') }}</h5>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ translate('Dashboard') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ translate('Post Create') }}</li>
            </ol>
        </nav>
    </div>
@endsection
@section('main_content')
    <div class="main-content">
        <div class="row mb-35">
            <div class="page-title d-flex justify-content-between align-items-center">
                <h4>{{ translate('Post Create') }}</h4>
                <a href="{{ route('admin.blog') }}" class="eg-btn btn--primary back-btn"> <img
                        src="{{ asset('backend/assets/images/icons/back.svg') }}" alt="back-icon">
                    {{ translate('Go Back') }}</a>
            </div>
        </div>
        <form method="POST" class="add-form" action="{{ route('admin.blog.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="row">

                <div class="col-sm-6">
                    <div class="card-header dashboard-header"> {{ translate('Title/Tags') }} </div>

                    <div class="eg-card product-card">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-inner mb-35">
                                    <label>{{ translate('Title') }} <span>*</span></label>
                                    <input type="text" class="username-input" name="blog_title"
                                        placeholder="{{ translate('Enter Your Title') }}">
                                    <span class="text-danger error-text blog_title_err"></span>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-inner mb-35">
                                    <label>{{ translate('Tags') }}<span>*</span></label>
                                    <select class="form-select username-input" name="blog_tags[]" id="blog_tags"
                                        multiple="multiple"></select>
                                    <span class="text-danger error-text blog_tags_err"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card-header dashboard-header"> {{ translate('Category/Thumbnail Image') }} </div>
                    <div class="eg-card product-card">
                        <div class="row">
                            <div class="col-12 mt-2">
                                <div class="form-inner mb-35">
                                    <label>{{ translate('Blog Category') }}<span>*</span></label>
                                    <select class="form-select" name="blog_category_id" id="blog_category_id">
                                        <option selected disabled> {{ translate('Select Blog Category Name') }}</option>
                                        @foreach (BlogCategoryShow() as $category)
                                            <option value="{{ $category->id }}">
                                                {{ $category->getTranslation('blog_category_name') }}</option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger error-text blog_category_id_err"></span>
                                </div>
                            </div>

                            <div class="col-12">
                                <div class="form-inner mb-35">
                                    <label>{{ translate('Thumbnail') }} <b>(416px × 240px)</b> <span>*</span> </label>
                                    <input type="file" class="username-input putImage1" name="blog_thumbnail"
                                        id="company_logo">

                                    <span class="text-danger error-text blog_thumbnail_err"></span>

                                    <img src="" id="target1" />
                                </div>
                            </div>
                        </div>

                    </div>

                </div>


                <div class="col-lg-12">
                    <div class="card-header dashboard-header"> {{ translate('Description') }} </div>
                    <div class="eg-card product-card">

                        <div class="row">

                            <div class="col-md-12">
                                <div class="form-inner mb-35">
                                    <label>{{ translate('Description') }}<span>*</span></label>
                                    <textarea id="summernote" name="blog_details"></textarea>
                                    <span class="text-danger error-text blog_details_err"></span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="col-12 text-end">
                    <div class="button-group mt-15">
                        <button type="submit" class="eg-btn btn--green medium-btn me-3" value="Published">
                            {{ translate('Save') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection
@push('post_scripts')
    <script src="{{ asset('backend/assets/js/custom.js') }}"></script>
    @include('js.custom')
@endpush