@extends('layouts/app')
@section('header_styles')

    <style type="text/css">
        .actions {
            position: absolute !important;
            top: 100%;
        }
    </style>
@endsection
@section('content')
    <!-- LISTING ADD -->
    <section class="page-header page-header-xs">
        <div class="container">

            <h1>Edit ads - Motorcycles</h1>

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

        </div>
    </section>
    <section class="padding-top-30">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox">
                        <div class="ibox-content">
                            <form id="addedit" action="#" action="ads/edit" method="post" class="wizard-big"
                                  enctype="multipart/form-data">
                                <input type="hidden" name="addid" value="{{ $motoadd->id }}">
                                <input type="hidden" name="sector" value="31">
                                {{ csrf_field() }}
                                <h2>Description</h2>
                                <fieldset class="clearfix">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            {{--                            {!! Form::open(array('url' => '#', 'method' => 'post')) !!}--}}
                                            {{--<form class="" id="" action="/searchresults" method="post" datatype="">--}}

                                            <div class="col-md-12">
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="marka">Make</label>
                                                        <select class="form-control select2" name="marka" id="marka"
                                                                required>
                                                            <option value="">Select</option>
                                                            @if($motoadd->marka)
                                                                @foreach($object->marka as $item)
                                                                    <option value="{{ $item->id }}" @if($motoadd->marka == $item->id) {{ 'selected' }} @endif>{{ $item->name }}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1" class="text-right">Model</label>
                                                        <input type="text" id="modelname" class="form-control typeahead"
                                                               data-provide="typeahead" autocomplete="off" name="model"
                                                               value="{{ $motoadd->model }}" required>
                                                        <input type="hidden" id="modelid" value="" name="model_id">
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1" class="text-right">Category</label>
                                                        <select class="form-control" id="select-3" name="categories"
                                                                required>
                                                            <option value="">Select</option>
                                                            @if($motoadd->moto_category_id)
                                                                @foreach($object->categories as $item)
                                                                    <option value="{{ $item->id }}" @if($motoadd->moto_category_id == $item->id) {{ 'selected' }} @endif>{{ $item->name }}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1">Condition</label>
                                                        <select class="form-control" id="select-4" name="condition"
                                                                required>
                                                            <option value="">Select</option>
                                                            @if($motoadd->condition)
                                                                @foreach($object->condition as $item)
                                                                    <option value="{{ $item->id }}" @if($motoadd->condition == $item->id) {{ 'selected' }} @endif>{{ $item->value }}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="input-text-1" class="text-right">Year</label>
                                                        <select class="form-control" id="" name="godina" required>
                                                            <option value="">Select</option>
                                                            @foreach($object->godina as $item)
                                                                <option value="{{ $item->id }}" @if($motoadd->moto_godina == $item->id) {{ 'selected' }} @endif>{{ $item->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1">Mileage</label>
                                                        <input type="text" class="form-control maskinteger masked"
                                                               name="kilometri" value="{{ $motoadd->kilometri }}"
                                                               maxlength="7" data-format="999?9999" data-placeholder="X"
                                                               required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1">VIN</label>
                                                        <input type="text" class="form-control uppercase"
                                                               name="vin" value="{{ $motoadd->vin }}"
                                                               maxlength="17">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1" class="text-right">Engine Type</label>
                                                        <select class="form-control" name="dvigatel" required>
                                                            <option value="">Select</option>
                                                            @foreach($object->dvigatel as $item)
                                                                <option value="{{ $item->id }}" @if($paramsobj->dvigatel && array_first($paramsobj->dvigatel)->id == $item->id) {{ 'selected' }} @endif>{{ $item->value }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1">Engine Size</label>
                                                        <input type="text" class="form-control maskinteger masked"
                                                               name="kubatura"
                                                               value="@if ($motoadd->kubatura) {{ $motoadd->kubatura }} @endif"
                                                               maxlength="5" data-format="99?999" data-placeholder="X"
                                                               required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1" class="text-right">Horsepower</label>
                                                        <input type="text" class="form-control maskinteger masked"
                                                               name="power"
                                                               value="@if ($motoadd->power) {{ $motoadd->power }} @endif"
                                                               maxlength="5" data-format="9?9999" data-placeholder="X"
                                                        >
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1" class="text-right">Gear Shifting</label>
                                                        <select class="form-control" name="skorosti" required>
                                                            <option value="">Select</option>
                                                            @foreach($object->skorosti as $item)
                                                                <option value="{{ $item->id }}" @if($paramsobj->skorosti && array_first($paramsobj->skorosti)->id == $item->id) {{ 'selected' }} @endif>{{ $item->value }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="col-md-6 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="input-text-1">State</label>
                                                        <select class="form-control select2" id="region" name="region"
                                                                onchange="GettingSubs(id, form.getAttribute('id'), value)">
                                                            <option value="">Select</option>
                                                            @if ($motoadd->region)
                                                                @foreach($object->region as $item)
                                                                    <option value="{{ $item->id }}" @if($motoadd->region == $item->id) {{ 'selected' }} @endif>{{ $item->name }}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="input-text-1">City</label>
                                                        <select class="form-control select2" id="location-addedit"
                                                                name="location" required
                                                                onchange="GettingSubs(id, form.getAttribute('id'))">

                                                            <option value="{{ $motoadd->location }}">{{ array_first($paramsobj->location)->name }}</option>

                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="col-md-9 col-sm-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="input-text-1" class="text-right">Description</label>
                                                        <div class="fancy-form"><!-- textarea -->
                                                            <textarea rows="5" class="form-control word-count"
                                                                      data-maxlength="300"
                                                                      data-info="textarea-words-info" name="description"
                                                                      value=""
                                                                      required>{{ $motoadd->description }}</textarea>

                                                            <i class="fa fa-comments"><!-- icon --></i>

                                                            <span class="fancy-hint size-11 text-muted">
                                                                    <strong>Hint:</strong> 300 words max
                                                                    <span class="pull-right">
                                                                        <span id="textarea-words-info">0/300</span> Words
                                                                    </span>
                                                                </span>

                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="input-text-1">Price</label>
                                                        <i class="fa fa-user"></i>
                                                        <input type="text" class="form-control"
                                                               name="price" value="{{ $motoadd->price }}"
                                                               required>
                                                    </div>
                                                    <div class="form-group" style="position: static;">
                                                        <select class="form-control" name="cenatip" required>
                                                            @foreach($object->cenatip as $item)
                                                                <option value="{{ $item->id }}" @if($paramsobj->pricetype && array_first($paramsobj->pricetype)->id == $item->id) {{ 'selected' }} @endif>{{ $item->value }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="form-group" style="position: static;">
                                                        <label for="input-text-1">Promo price</label>
                                                        <input type="text" class="form-control"
                                                               id="promoprice" name="promo_price"
                                                               onchange="CheckPromoPrice(document.getElementsByName('price')[0].value, value)"
                                                               value="{{ $motoadd->promo_price }}">
                                                    </div>
                                                    <div class="form-group hidden" style="position: static;">
                                                        <select class="form-control" name="valuta" required>
                                                            @foreach($object->valuta as $item)
                                                                <option value="{{ $item->id }}" @if($paramsobj->valuta&& array_first($paramsobj->valuta)->id == $item->id) {{ 'selected' }} @endif>{{ $item->value }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>

                                            <hr/>

                                            <div class="col-md-12 margin-top-10">
                                                <div class="heading-title heading-dotted text-center margin-top-0 margin-bottom-10">
                                                    <h4>Additional parameters</h4>
                                                </div>

                                                <div class="col-md-12 col-sm-12 margin-top-4">
                                                    @foreach($specialslistall as $specitems)
                                                        <label class="checkbox">
                                                            <input type="checkbox" value="{{ $specitems->id }}"
                                                                   name="special[{{ $specitems->id }}]"
                                                            @if($paramsobj->addspecials && in_array($specitems->id, array_pluck($paramsobj->addspecials, 'id'))) {{ 'checked' }} @endif
                                                            >
                                                            <i></i> {{ $specitems->name }}
                                                        </label>
                                                    @endforeach
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                    <h3>Video</h3>
                                    <div class="col-sm-12">
                                        <div class="col-lg-12"><label>Video (youtube.com)</label></div>
                                        <div class="fancy-file-upload fancy-file-primary col-sm-12 nopadding-right"
                                             style="text-align: left">
                                            <i class="fa fa-link"></i>
                                            <input type="text" class="form-control" id="video" name="video"
                                                   maxlength="100"
                                                   value="{{ $paramsobj->addvideo }}"
                                                   data-placeholder="https://youtu.be/sngcvN_Wkso">
                                            <span class="button">Add a video from youtube.com</span>

                                        </div>
                                        <div class="col-lg-2">@if($paramsobj->addvideo)<span
                                                    class="btn btn-red pull-left"
                                                    onclick="VideoUrlDelete({{ $motoadd->id }})">Delete</span>@endif
                                        </div>
                                    </div>
                                </fieldset>
                                <div class="col-sm-12">
                                    <button type="submit" class="btn btn-xlg btn-primary actions">UPDATE
                                        DESCRIPTION<span class="small clearfix">[Next step: Images]</span></button>
                                </div>

                                @include('layouts.errors')
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="com-md-10">

                </div>
            </div>
        </div>
    </section>
    <!-- END LISTING ADD -->

    <section>
        <div class="container">

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

                <div class="col-lg-8 col-md-8 col-sm-12">

                    @include('layouts.banners', ['banner' => '600x300x1'])

                </div>


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

                    <!-- CATEGORIES -->
                    @include('layouts.sidebar', ['hotlinks' => true, 'sidemenucats' => false])

                </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" src="{{ asset('packages/typeahead/js/typeahead.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/bladescripts.js') }}"></script>
    {{--    <script type="text/javascript" src="{{ asset('js/stepsscript.js') }}"></script>--}}
    <script type="text/javascript" src="{{ asset('js/imagesupload.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            jQuery('#modelname').typeahead({

                source: function (query, process) {
                    var url = "/searchmodel";
                    var datas = new Array;
                    var token = '{{ csrf_token() }}';
                    var make = $("#marka option:selected").text();

                    datas = [""];

                    jQuery.ajax({
                        url: url,
                        dataType: "json",
                        type: "POST",
                        data: {_token: token, query_: query, marka: make},
                        success: function (data) {
                            jQuery.map(data, function (data) {
                                var group;
                                group = {
                                    id: data.id,
                                    lablename: data.lablename,
                                    toString: function () {
                                        return JSON.stringify(this);
                                        //return this.variable;
                                    },
                                    toLowerCase: function () {
                                        return this.lablename.toLowerCase();
                                    },
                                    indexOf: function (string) {
                                        return String.prototype.indexOf.apply(this.lablename, arguments);
                                    },
                                    replace: function (string) {
                                        var value = '';
                                        value += this.lablename;

                                        return String.prototype.replace.apply('' + value + '', arguments);
                                    }
                                };
                                datas.push(group);
                            });
                            process(datas);
                        },
                        error: function (err) {
//                        alert("err");

                        }
                    });
                },

                items: 20,
                minLength: 1,
                updater: function (item) {
                    var item = JSON.parse(item);
                    jQuery('#modelid').val(item.id);
                    return item.lablename;
                }

            });
// Price validation
            $(function () {
                $("#addedit").validate(
                    {
                        rules:
                            {
                                price:
                                    {
                                        range: [1, 1000000]
                                    },
                                promoprice:
                                    {
                                        range: [1, 1000000]
                                    }
                            }
                    });
            });
        });
    </script>
@endsection