@extends('layouts.master')

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

@php
    $postInput ??= [];
    $countries ??= [];
    $CFsHtml ??= '';
    $nonDefaults ??= [];
@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="far fa-edit"></i>
                                {{ t('create_new_listing') }}
                            </strong>
                        </h2>
                        <div class="row">
                            <div class="col-xl-12">
                                <form class="form-horizontal" id="postForm" method="POST"
                                    action="{{ request()->fullUrl() }}" enctype="multipart/form-data">
                                    {!! csrf_field() !!}
                                    <fieldset>

                                        {{-- Custom Fields Html --}}
                                        {!! $CFsHtml !!}

                                        {{-- is_permanent --}}
                                        @if (config('settings.single.permanent_listings_enabled') == '3')
                                            <input type="hidden" name="is_permanent" id="isPermanent" value="0">
                                        @else
                                                                                        <div id="isPermanentBox" class="row mb-3 required hide">
                                                <label class="col-md-3 col-form-label"></label>
                                                <div class="col-md-8">
                                                    <div class="form-check">
                                                        <input id="isPermanent" name="is_permanent"
                                                            class="form-check-input mt-1{{ $isPermanentError }}"
                                                            value="1" type="checkbox" @checked(old('is_permanent', data_get($postInput, 'is_permanent')) == '1')>
                                                        <label class="form-check-label mt-0" for="is_permanent">
                                                            {!! t('is_permanent_label') !!}
                                                        </label>
                                                    </div>
                                                    <div class="form-text text-muted">{{ t('is_permanent_hint') }}</div>
                                                    <div style="clear:both"></div>
                                                </div>
                                            </div>
                                        @endif
                                        
                                        {{-- Button --}}
                                        <div class="row mb-3 pt-3">
                                            <div class="col-md-12 text-center">
                                                <button id="nextStepBtn" class="btn btn-primary btn-lg">
                                                    {{ t('Next') }}
                                                </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')
@endsection

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