@php use App\Models\Blog\BlogArticle; @endphp
@php use App\Models\Blog\Blog; @endphp
@php /** @var BlogArticle $blogArticle */  @endphp
@php /** @var Blog $blogs */  @endphp

@if(isset($blogArticle))
    <div class="card">
        <div class="card-body">
            <div class="col-md-12">
                <label for="image" class="col-form-label">
                    Image
                </label>

                @include('admin::pages.components.upload.single', [
                    'modelInstance'     => BlogArticle::class,
                    'modelID'           => $blogArticle->id,
                    'attachmentKey'     => BlogArticle::ATTACH_BANNER_KEY
                ])
            </div>
        </div>
    </div>
@endif

<div class="card">
    <div class="card-body">
        <label>General information</label>
        <hr>
        <form method="post"
              action="{{ isset($blogArticle) ? route('admin.blog_article.update', ['blog_article' => $blogArticle]) : route('admin.blog_article.store') }}">
            @csrf
            @method(isset($blogArticle) ? 'PUT' : 'POST')

            <input type="hidden" name="shop_id" value="{{ isset($blogArticle) ? $blogArticle->shop_id : '1' }}">

            <div class="form-row mt-2 mb-2">
                <div class="form__group col-md-12">
                    <label>
                        Blog
                    </label>
                    <select name="blog_id" class="custom-select select-topic">
                        <option value="" selected disabled>--- Chose Blog ---</option>
                        @foreach($blogs as $blog)
                            <option
                                    value="{{ $blog->id }}"
                                    {{ (old('blog_id', isset($blogArticle) ? $blogArticle->blog_id : null) == $blog->id) ? 'selected' : ''  }}
                            >
                                {{ $blog->title }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            @include('admin::pages.components.form.tabs')

            <div class="tab-content">
                @foreach(LaravelLocalization::getSupportedLocales() as $iso => $locale)
                    <div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="tab-{{ $iso }}">
                        <div class="form-row">
                            <div class="col-md-5">
                                <div class="form-group">
                                    <label for="title_{{ $iso }}">
                                        Title: {{ strtoupper($iso) }}
                                    </label>
                                    <input type="text"
                                           class="form-control sluggable"
                                           data-slug-target="#slug_{{ $iso }}"
                                           id="title_{{ $iso }}"
                                           name="title[{{ $iso }}]"
                                           placeholder="Title"
                                           value="{{ old('title.' . $iso, isset($blogArticle) ? $blogArticle->getTranslation('title', $iso) : '') }}"
                                    >
                                </div>
                            </div><!-- Title -->
                            <div class="col-md-5">
                                <div class="form-group">
                                    <label for="slug_{{ $iso }}">
                                        Slug: {{ strtoupper($iso) }}
                                    </label>
                                    <input type="text"
                                           class="form-control"
                                           id="slug_{{ $iso }}"
                                           name="slug[{{ $iso }}]"
                                           placeholder="Slug"
                                           value="{{ old('slug.' . $iso, isset($blogArticle) ? $blogArticle->getTranslation('slug', $iso) : '') }}"
                                    >
                                </div>
                            </div><!-- Slug -->

                            <div class="col-md-2">
                                <div class="form-group">
                                    <label for="is_active_{{ $iso }}">Active: {{ strtoupper($iso) }}</label>
                                    <select class="form-control" id="is_active_{{ $iso }}" name="is_active[{{ $iso }}]">
                                        <option value="1" {{ old('is_active.' . $iso, isset($blogArticle) && $blogArticle->getTranslation('is_active', $iso)) == 1 ? 'selected' : '' }}>
                                            Active
                                        </option>
                                        <option value="0" {{ old('is_active', isset($blogArticle) && $blogArticle->getTranslation('is_active', $iso)) == 0 ? 'selected' : '' }}>
                                            Inactive
                                        </option>
                                    </select>
                                </div>
                            </div><!-- Is active -->

                            <div class="col-md-12 mt-2">
                                <div class="form-group">
                                    @include('admin::pages.components.form.ckeditor', [
                                        'title'    => 'Description: ' . strtoupper($iso),
                                        'id'       => 'description_'. $iso,
                                        'name'     => 'description['. $iso .']',
                                        'value'    => old('description.' . $iso, isset($blogArticle) ? $blogArticle->getTranslation('description', $iso) : ''),
                                        'language' => $iso,
                                    ])
                                </div>
                            </div><!-- Description -->
                            @isset($blogArticle)
                                @include('admin::pages.components.form.meta-tags', ['iso' => $iso, 'locale' => $locale, 'model' => $blogArticle])
                            @endisset

                        </div>
                    </div>

                @endforeach
            </div>

            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="show_in_homepage">Show in home page</label>
                        <select class="form-control" id="show_in_homepage" name="show_in_homepage">
                            <option value="1" {{ old('show_in_homepage', isset($blogArticle) && $blogArticle->show_in_homepage) == 1 ? 'selected' : '' }}>
                                Active
                            </option>
                            <option value="0" {{ old('show_in_homepage', isset($blogArticle) && $blogArticle->show_in_homepage) == 0 ? 'selected' : '' }}>
                                Inactive
                            </option>
                        </select>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="form-group">
                        <label for="video_url">
                            Video url
                        </label>
                        <input type="text"
                               class="form-control"
                               id="video_url"
                               name="video_url"
                               placeholder=" Video url"
                               value="{{ $blogArticle->video_url ?? '' }}"
                        >
                    </div>
                </div><!-- Video url -->
            </div>

            @include('admin::pages.components.flash-messages')

            <button type="submit" class="btn btn-primary btn-sm">
                {{ isset($blogArticle) ? 'Update' : 'Create' }}
            </button>
        </form>
    </div>
</div>