{{--{{ dd($marka) }}--}}
@extends('layouts/app')

@section('content')
<!-- LISTING ADD -->
<section class="page-header page-header-xs">
    <div class="container">

        <h1>Post Ads</h1>

        <!-- breadcrumbs -->
        <ol class="breadcrumb">
            Category:
            <li><a href="#">Adding</a></li>
            <li><a href="#"></a></li>
        </ol><!-- /breadcrumbs -->

    </div>
</section>

<section>
    <div class="container">

        <div class="row">
            <!-- LEFT -->

            <div class="col-lg-8 col-md-8 col-sm-12">
                        <!-- FEATURED BOXES 3 -->
                        <div class="row">
                            @if (session('storeadd'))
                                <div class="col-md-12 alert alert-success alert-border alert-dismissable">
                                    {{ session('storeadd') }}
                                </div>
                            @endif
                            <div class="col-md-12 margin-bottom-30">
                                <div class="text-center box-icon box-icon-center box-icon-round box-icon-transparent box-icon-large box-icon-content">
                                    <div class="box-icon-title">
                                        <i class="fa fa-motorcycle"></i>
                                        <h4>MOTORCYCLES</h4>
                                        <p>Private sellers ads, Dealer ads, ATVs, new, used, for spare parts.</p>
                                    </div>
                                    <a href="{{ url('adding/bikes') }}" class="btn btn-lg btn-red">
                                        <i class="fa fa-plus-square"></i>
                                        <span>ADD</span>

                                    </a>

                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12 margin-bottom-30">
                                <div class="text-center box-icon box-icon-center box-icon-round box-icon-transparent box-icon-large box-icon-content">
                                    <div class="box-icon-title">
                                        <i class="et-gears"></i>
                                        <h4>PARTS</h4>
                                        <p>Transmission, suspension, fuses, electrical system, engine cooling system
                                            and others.</p>
                                    </div>
                                    <a href="{{ url('adding/parts') }}" class="btn btn-lg btn-amber">
                                        <i class="fa fa-plus-square"></i>
                                        <span>ADD</span>
                                    </a>

                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12 margin-bottom-30">
                                <div class="text-center box-icon box-icon-center box-icon-round box-icon-transparent box-icon-large box-icon-content">
                                    <div class="box-icon-title">
                                        <i class="et-tools-2"></i>
                                        <h4>ACCESSORIES</h4>
                                        <p>Security, bags and luggage, communication, cameras, bedspreads, transport and
                                            more.</p>
                                    </div>
                                    <a href="{{ url('adding/accessories') }}" class="btn btn-lg btn-aqua">
                                        <i class="fa fa-plus-square"></i>
                                        <span>ADD</span>
                                        <i class="glyphicon glyphicon-menu-right size-12"></i>
                                    </a>

                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12 margin-bottom-30">
                                <div class="text-center box-icon box-icon-center box-icon-round box-icon-transparent box-icon-large box-icon-content">
                                    <div class="box-icon-title">
                                        <i class="et-profile-male"></i>
                                        <h4>RIDING GEAR</h4>
                                        <p>Suits, jackets, pants, protectors, boots, helmets, gloves and more.</p>
                                    </div>
                                    <a href="{{ url('adding/wear') }}" class="btn btn-lg btn-blue">
                                        <i class="fa fa-plus-square"></i>
                                        <span>ADD</span>
                                        <i class="glyphicon glyphicon-menu-right size-12"></i>
                                    </a>

                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12 margin-bottom-30">
                                <div class="text-center box-icon box-icon-center box-icon-round box-icon-transparent box-icon-large box-icon-content">
                                    <div class="box-icon-title">
                                        <i class="ico-light ico-lg ico-rounded ico-hover et-lifesaver"></i>
                                        <h4>TIRES AND RIMS</h4>
                                        <p>Motorcycle Tires, Scooters, ATVs, rims, tube tires and more. </p>
                                    </div>
                                    <a href="{{ url('adding/tires') }}" class="btn btn-lg btn-green">
                                        <i class="fa fa-plus-square"></i>
                                        <span>ADD</span>
                                        <i class="glyphicon glyphicon-menu-right size-12"></i>
                                    </a>

                                </div>
                            </div>
                        </div>
                <!-- /FEATURED BOXES 3 -->
                <!-- / -->


                {{--@include('layouts.sidebar');--}}
            </div>



            <!-- RIGHT -->
            <div class="col-lg-4 col-md-4 col-sm-12">

                <!-- CATEGORIES -->
                @include('layouts.sidebar', ['hotlinks' => true, 'sidemenucats' => false])
                @include('layouts.banners', ['banner' => '300x600x1'])
                {{--                @include('layouts.sidebar', ['hotlinks' => false, 'sidemenucats' => true])--}}

            </div>
        </div>
    </div>
</section>
<!-- CATEGORIES -->
@include('layouts.catsbox')
<!-- /CATEGORIES -->


@endsection
@section('footer_scripts')
<script src="{{ asset('js/jquery.steps.min.js') }}"></script>
<script src="{{ asset('js/jquery.validate.min.js') }}"></script>
{{--<script src="{{ asset('packages/form.validate/messages_bg.js') }}"></script>--}}
{{--<script src="{{ asset('js/apptmpl.js') }}"></script>--}}
{{--<script src="{{ asset('packages/select2/select2.min.js') }}"></script>--}}

<!-- PAGE LEVEL SCRIPTS -->

<script type="text/javascript">
    $(document).ready(function(){

        $("#wizard").steps();
        $("#form").steps({
            bodyTag: "fieldset",
            onStepChanging: function (event, currentIndex, newIndex)
            {
/*
                // Always allow going backward even if the current step contains invalid fields!
                if (currentIndex > newIndex)
                {
                    return true;
                }

                // Forbid suppressing "Warning" step if the user is to young
                if (newIndex === 3 && Number($("#age").val()) < 18)
                {
                    return false;
                }

*/

                var form = $(this);

                // Clean up if user went backward before
                if (currentIndex < newIndex)
                {
                    // To remove error styles
                    $(".body:eq(" + newIndex + ") label.error", form).remove();
                    $(".body:eq(" + newIndex + ") .error", form).removeClass("error");
                }

                // Disable validation on fields that are disabled or hidden.
                form.validate().settings.ignore = ":disabled,:hidden";

                // Start validation; Prevent going forward if false
                return form.valid();
            },
            onStepChanged: function (event, currentIndex, priorIndex)
            {
                // Suppress (skip) "Warning" step if the user is old enough.
                if (currentIndex === 2 && Number($("#age").val()) >= 18)
                {
                    $(this).steps("next");
                }

                // Suppress (skip) "Warning" step if the user is old enough and wants to the previous step.
                if (currentIndex === 2 && priorIndex === 3)
                {
                    $(this).steps("previous");
                }
            },
            onFinishing: function (event, currentIndex)
            {
                var form = $(this);

                // Disable validation on fields that are disabled.
                // At this point it's recommended to do an overall check (mean ignoring only disabled fields)
                form.validate().settings.ignore = ":disabled";

                // Start validation; Prevent form submission if false
                return form.valid();
            },
            onFinished: function (event, currentIndex)
            {
                var form = $(this);

                // Submit form input
                form.submit();
            }
        })/*.validate({
            errorPlacement: function (error, element)
            {
                element.before(error);
            },
            rules: {
                confirm: {
                    equalTo: "#password"
                }
            }
        });*/


    });
</script>
@endsection