@extends('admin.layouts.main')

@section('content')
    <h4>
        <a href="{{ route('admin::posts::index') }}" class="btn btn-wide btn-success ladda-button">
            {{ trans('BlogSystem::admin/main.back_to_all') }}
        </a>
    </h4>
@section('panelTitle')
    <h2>
        {{ trans('BlogSystem::admin/main.edit') }}
    </h2>
@overwrite
@section('panelContent')

    {!! Form::open(['class' => 'form-horizontal', 'files' => 'true', 'method' => 'PATCH', 'route' => ['admin::posts::update', $post]]) !!}
        <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', $post->getProperLanguageRow('lang', '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.image')) !!}:
            </div>
            <div class="col-sm-10">
                {!! Form::file('image') !!}
            </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', $post->getProperLanguageRow('lang', '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', $post->getProperLanguageRow('lang', '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" id="" class="eddition-category-select"
                        data-category-link="{{ route('admin::post-categories::add-category') }}"
                        data-check-category-link="{{ route('admin::post-categories::check-category', $post) }}"
                        data-delete-post-category-link="{{ route('admin::post-categories::delete-post-category', $post) }}"
                >
                    <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="col-md-2 control-label">
                {!! Form::label(null, trans('BlogSystem::admin/main.creation.added_categories')) !!}:
                <span class="symbol required"></span>
            </div>
            <div class="col-md-10 added-categories-div">
                @foreach($postCategories as $category)
                    <p><input hidden name="cats[]" value="{{ $category->id }}">{{ $category->getFullCategoryName() }} <i class="fa fa-success fa-times delete-category"></i></p>
                @endforeach
            </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%" value="{{ $post->added_at }}">
            </div>
        </div>

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

    {!! Form::open(['class' => 'form-horizontal']) !!}
    <div class="form-group margin-bottom-0" style="padding-top:20px;">
        <div class="col-xs-12 text-right">
            {!! Form::button(trans('global.delete'),
                [
                    'class' => 'btn btn-wide btn-warning ladda-button blog-delete-button',
                    'data-style' => 'slide-up',
                    'data-delete-link' => route('admin::posts::delete', $post),
                    'data-post-delete-button' => 1,
                ])
            !!}
        </div>
    </div>
    {!! Form::close() !!}
@overwrite
@include('admin.layouts.includes.panel',['id' => 'post-edit'])

<img src="{{ $post->image_url }}" alt="" style="max-height: 400px;max-width: 400px;margin-bottom:30px;">

    <h3 class="text-center">
        {{ $post->getProperLanguageRow('lang', 'title') }}
    </h3>

    <h4 class="post-description text-center">
        {!! $post->getProperLanguageRow('lang', 'description') !!}
    </h4>

    <h5 class="text-right">
        {{ trans('BlogSystem::admin/main.added_at') }}
        {{ $post->added_at }}
    </h5>

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

@endsection