@extends('admin.layouts.main')

@section('content')

    <h2 style="text-transform: uppercase">
        {{ trans('BlogSystem::admin/main.posts') }}
    </h2>

@section('panelTitle')
    <h2>
        {{ trans('BlogSystem::admin/main.title') }}
    </h2>
@overwrite

@section('panelContent')
    {!! Form::open(['class' => 'form-horizontal', 'files' => 'true', 'route' => ['admin::posts::store']]) !!}
    <div class="form-group">
        <div class="col-md-2 control-label">
            {!! Form::label(null, trans('BlogSystem::admin/main.creation.title')) !!}:
            <span class="symbol required"></span>
        </div>
        <div class="col-sm-10">
            {!! Form::text('title', '', [
                'class' => 'form-control',
                'autocomplete' => 'off',
                'placeholder' => trans('BlogSystem::admin/main.creation.title'),
                'required',
                ]) !!}
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-2 control-label">
            {!! Form::label(null, trans('BlogSystem::admin/main.creation.string_url')) !!}:
            <span class="symbol required"></span>
        </div>
        <div class="col-sm-10">
            {!! Form::text('url_string', '', [
                'class' => 'form-control',
                'autocomplete' => 'off',
                'placeholder' => trans('BlogSystem::admin/main.creation.string_url'),
                'required',
                ]) !!}
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-2 control-label">
            {!! Form::label(null, trans('BlogSystem::admin/main.creation.image')) !!}:
            <span class="symbol required"></span>
        </div>
        <div class="col-sm-10">
            {!! Form::file('image', ['required']) !!}
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-2 control-label">
            {!! Form::label(null, trans('BlogSystem::admin/main.creation.short_description')) !!}:
            <span class="symbol required"></span>
        </div>
        <div class="col-sm-10">
            {!! Form::textarea('short_description', '', [
                'class' => 'form-control',
                'autocomplete' => 'off',
                'placeholder' => trans('BlogSystem::admin/main.creation.short_description'),
                'required',
                ]) !!}
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-2 control-label">
            {!! Form::label(null, trans('BlogSystem::admin/main.creation.description')) !!}:
            <span class="symbol required"></span>
        </div>
        <div class="col-sm-10">
            {!! Form::textarea('description', '', [
                'class' => 'form-control ckeditor',
                'autocomplete' => 'off',
                'placeholder' => trans('BlogSystem::admin/main.creation.description'),
                'required',
                ]) !!}
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-2 control-label">
            {!! Form::label(null, trans('BlogSystem::admin/main.creation.category')) !!}:
            <span class="symbol required"></span>
        </div>
        <div class="col-sm-10">
            <select required name="category" class="category-select" data-category-link="{{ route('admin::post-categories::add-category') }}">
                <option>{{ trans('BlogSystem::admin/categories.choose_category') }}</option>
                @foreach($categories['categoriesWithTree'] as $key => $category)
                    <option data-category-id="{{ $key }}" value="{{ $key }}">
                        {{ $category }}
                    </option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="form-group">
        <div class="added-categories">
            <div class="col-md-2 control-label">
                {!! Form::label(null, trans('BlogSystem::admin/main.creation.added_categories')) !!}:
            </div>
            <div class="col-md-10 added-categories-div">

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

    <div class="form-group">
        <div class="col-md-2 control-label">
            {!! Form::label(null, trans('BlogSystem::admin/main.creation.added_at')) !!}
            <span class="symbol required"></span>
        </div>
        <div class="col-md-10 control-label">
            <input type="text" name="added_at" id="datepicker" required style="width:100%">
        </div>
    </div>

    <div class="form-group margin-bottom-0">
        <div class="col-xs-12 text-right">
            {!! Form::button(trans('global.add'), ['type' => 'submit', 'class' => 'btn btn-wide btn-success ladda-button', 'data-style' => 'slide-up']) !!}
        </div>
    </div>
    {!! Form::close() !!}
@overwrite
@include('admin.layouts.includes.panel',['id' => 'post-add'])

@section('panelTitle')
    <h2>
        {{ trans('BlogSystem::admin/main.posts') }}
    </h2>
@overwrite
@if(!$posts->isEmpty())
    @section('panelContent')

        <div class="row blog-row">
            @foreach($posts as $post)
                <div class="post-div" style="min-height:300px">
                    <div class="post-categories" style="margin-bottom:20px;">
                        @foreach($post->categories as $category)
                            {{ $category->getFullCategoryName() }} |
                        @endforeach
                    </div>
                    <img src="{{ $post->image_url }}" class="admin-blog-post-image" alt="">
                    <h3 class="text-center"><a href="{{ route('admin::posts::show', $post) }}" class="post-title">{{ $post->getProperLanguageRow('lang', 'title') }}</a></h3>
                    <p class="post-short-desc text-center">{!! $post->getProperLanguageRow('lang', 'short_description') !!}</p>
                    <p class="text-right">{{ trans('BlogSystem::admin/main.added_at') }}: {{ $post->added_at }}</p>
                </div>
            @endforeach
            {{ $posts->links() }}
        </div>

    @overwrite
    @include('admin.layouts.includes.panel',['id' => 'posts'])
@else
    @section('panelContent')
        <div class="text-center">
            <h2>
                {{ trans('BlogSystem::admin/main.empty') }}
            </h2>
        </div>
    @overwrite
    @include('admin.layouts.includes.panel',['id' => 'posts'])
@endif

@push('footScripts')
    @include('BlogSystem::admin.posts.js.scripts')
@endpush

@endsection