@extends('layouts.master')

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

@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-12 page-content">
                    <div class="inner-box">

                        <h2 class="title-2">
                            <strong>
                                <i class="fas fa-tags"></i> Listing Type
                            </strong>
                        </h2>
                        <div class="row">
                            <div class="col-sm-12">
                                <form class="form" id="listingTypeForm" method="POST" action="{{ url()->current() }}">
                                    {!! csrf_field() !!}
                                    <fieldset>
                                        @includeFirst([
                                            config('larapen.core.customizedViewPath') .
                                            'post.createOrEdit.multiSteps.step0.inc.listing-types',
                                            'post.createOrEdit.multiSteps.step0.inc.listing-types',
                                        ])

                                        <div class="row mb-3 pt-3">
                                            <div class="col-md-12 text-center">
                                                <button type="submit" class="btn btn-primary btn-lg">
                                                    {{ t('Next') }}
                                                </button>
                                            </div>
                                        </div>
                                    </fieldset>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@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>
        step = 0;
    </script>
@endsection