@extends('layouts.master')

@section('wizard')
    @includeFirst([
        config('larapen.core.customizedViewPath') . 'post.createOrEdit.multiSteps.inc.wizard',
        'post.createOrEdit.multiSteps.inc.wizard',
    ])
@endsection

@php
    $post ??= [];
    $nonDefaults ??= [];
    $defCFsHtml ??= '';
@endphp

@section('content')
    @includeFirst([config('larapen.core.customizedViewPath') . 'common.spacer', 'common.spacer'])
    <div class="main-container">
        <div class="container">
            <div class="row">
                @includeFirst([
                    config('larapen.core.customizedViewPath') . 'post.inc.notification',
                    'post.inc.notification',
                ])
                <div class="col-md-9 page-content">
                    <div class="inner-box category-content" style="overflow: visible;">
                        <h2 class="title-2">
                            <strong>
                                <i class="fas fa-edit"></i>
                                {{ t('update_my_listing') }}
                            </strong>
                            -&nbsp;
                            <a href="{{ \App\Helpers\UrlGen::post($post) }}" class="" data-bs-placement="top"
                                data-bs-toggle="tooltip" title="{!! data_get($post, 'title') !!}">
                                {!! str(data_get($post, 'title'))->limit(45) !!}
                            </a>
                        </h2>
                        <div class="row">
                            <div class="col-12">
                                <form class="form-horizontal" id="postForm" method="POST" action="{{ url()->current() }}"
                                    enctype="multipart/form-data">
                                    {!! csrf_field() !!}
                                    <input name="_method" type="hidden" value="PUT">
                                    <input type="hidden" name="post_id" value="{{ data_get($post, 'id') }}">
                                    <fieldset>

                                        {{-- category_id --}}
                                                                                <div class="row mb-3 required">
                                            <label class="col-md-3 col-form-label{{ $categoryIdError }}">
                                                {{ t('category') }}
                                                <sup>*</sup>
                                            </label>
                                            <div class="col-md-8">
                                                <div id="catsContainer" class="rounded{{ $categoryIdError }}">
                                                    <a href="#browseCategories" data-bs-toggle="modal" class="cat-link"
                                                        data-id="0">
                                                        {{ t('select_a_category') }}
                                                    </a>
                                                </div>
                                            </div>
                                            <input type="hidden" name="category_id" id="categoryId"
                                                value="{{ old('category_id', data_get($post, 'category.id')) }}">
                                            <input type="hidden" name="category_type" id="categoryType"
                                                value="{{ old('category_type', data_get($post, 'category.type')) }}">
                                        </div>

                                        {{-- title --}}
                                                                                <div class="row mb-3 required">
                                            <label class="col-md-3 col-form-label{{ $titleError }}" for="title">
                                                {{ t('title') }}
                                                <sup>*</sup>
                                            </label>
                                            <div class="col-md-8">
                                                <input id="title" name="title" placeholder="{{ t('listing_title') }}"
                                                    class="form-control input-md{{ $titleError }}" type="text"
                                                    value="{{ old('title', data_get($post, 'title')) }}">
                                            </div>
                                        </div>

                                        {{-- description --}}
                                        @if (!in_array('description', $nonDefaults))
                                            @php
                                                $descriptionError =
                                                    isset($errors) && $errors->has('description') ? ' is-invalid' : '';
                                                $postDescription = data_get($post, 'description');
                                                $descriptionErrorLabel = '';
                                                $descriptionColClass = 'col-md-8';
                                                if (config('settings.single.wysiwyg_editor') != 'none') {
                                                    $descriptionColClass = 'col-md-12';
                                                    $descriptionErrorLabel = $descriptionError;
                                                } else {
                                                    $postDescription = strip_tags($postDescription);
                                                }
                                            @endphp
                                            <div class="row mb-3 required">
                                                <label class="col-md-3 col-form-label{{ $descriptionErrorLabel }}"
                                                    for="description">
                                                    {{ t('Description') }} <sup>*</sup>
                                                </label>
                                                <div class="{{ $descriptionColClass }}">
                                                    <textarea class="form-control{{ $descriptionError }}" id="description" name="description" rows="15"
                                                        style="height: 300px">
                                                        {{ old('description', $postDescription) }}
                                                    </textarea>
                                                </div>
                                            </div>
                                        @endif

                                        {{-- tags --}}
                                        @if (!in_array('tags', $nonDefaults))
                                            @php
                                                $tagsError =
                                                    isset($errors) && $errors->hasAny(['tags', 'tags.*'])
                                                        ? ' is-invalid'
                                                        : '';
                                                $tags = old('tags', data_get($post, 'tags'));
                                            @endphp
                                            <div class="row mb-3 required">
                                                <label class="col-md-3 col-form-label{{ $tagsError }}" for="tags">
                                                    {{ t('Tags') }}
                                                    <sup>*</sup>
                                                </label>
                                                <div class="col-md-8">
                                                    <select id="tags" name="tags[]" class="form-control tags-selecter"
                                                        multiple="multiple">
                                                        @if (!empty($tags))
                                                            @foreach ($tags as $iTag)
                                                                <option selected="selected">{{ $iTag }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                    <div class="form-text text-muted">
                                                        {!! t('tags_hint', [
                                                            'limit' => (int) config('settings.single.tags_limit', 15),
                                                            'min' => (int) config('settings.single.tags_min_length', 2),
                                                            'max' => (int) config('settings.single.tags_max_length', 30),
                                                        ]) !!}
                                                    </div>
                                                </div>
                                            </div>
                                        @endif

                                        {{-- Default Custom Fields Html --}}
                                        {!! $defCFsHtml !!}

                                        {{-- cfContainer --}}
                                        <div id="cfContainer"></div>

                                        {{-- Button --}}
                                        <div class="row mb-3 pt-3">
                                            <div class="col-md-12 text-center">
                                                <a href="{{ \App\Helpers\UrlGen::post($post) }}"
                                                    class="btn btn-default btn-lg">
                                                    {{ t('Back') }}
                                                </a>
                                                <button id="updateBtn" class="btn btn-primary btn-lg">
                                                    {{ 'Update' }}
                                                </button>
                                            </div>
                                        </div>

                                    </fieldset>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 reg-sidebar">
                    @includeFirst([
                        config('larapen.core.customizedViewPath') . 'post.createOrEdit.inc.right-sidebar',
                        'post.createOrEdit.inc.right-sidebar',
                    ])
                </div>
            </div>
        </div>
    </div>
    @includeFirst([
        config('larapen.core.customizedViewPath') . 'post.createOrEdit.inc.category-modal',
        'post.createOrEdit.inc.category-modal',
    ])
@endsection

@section('after_styles')
    <style>
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        input[type=number] {
            -moz-appearance: textfield;
        }
    </style>
@endsection

@section('after_scripts')
    <script>
        defaultAuthField = '{{ old('auth_field', $authFieldValue ?? getAuthField()) }}';
        phoneCountry = '{{ old('phone_country', $phoneCountryValue ?? '') }}';
        step = 1;
    </script>
@endsection

@includeFirst([
    config('larapen.core.customizedViewPath') . 'post.createOrEdit.inc.form-assets',
    'post.createOrEdit.inc.form-assets',
])