{{--{{ dd($marka) }}--}}
@extends('layouts/app')
@section('header_styles')
<!--end of page level css-->
<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 ad - Parts</h1>

        <!-- breadcrumbs -->
        <ol class="breadcrumb">
            Category:
            <li><a href="#">Parts</a></li>
            <li><a href="/">Home</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">
                            @include('layouts.errors')
                            <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="2">
                                {{ csrf_field() }}
                                <h1>Description</h1>
                                <fieldset class="clearfix">
                                    {{--<h2>Данни за обявата</h2>--}}
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <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">Category</label>
                                                        <select class="form-control" id="categories" name="categories"
                                                                onchange="GettingSubs(id, form.getAttribute('id'), value)">
                                                            <option value="">Select</option>
                                                            @if($motoadd->moto_category_id)
                                                                    @foreach($object->categories as $item)
                                                                        <option value="{{ $item->id }}" @if($object->cat_parent_id == $item->id) {{ 'selected' }} @endif>{{ $item->name }}</option>
                                                                    @endforeach
                                                                @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1" class="text-right">Sub-category</label>
                                                        <select class="form-control" id="subcats-addedit"
                                                                name="subcategories" required>
                                                            <option value="">Select</option>
                                                            @if($motoadd->moto_category_id)
                                                                    @foreach($object->subcategories as $item)
                                                                        <option value="{{ $item->id }}" @if($motoadd->moto_category_id == $item->id) {{ 'selected' }} @endif>{{ $item->name }}</option>
                                                                    @endforeach
                                                                @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1" class="text-right">Title
                                                        </label>
                                                        <input type="text" id="title" class="form-control" name="title"
                                                               value="{{ $motoadd->title }}" 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">Item / Part Number
                                                        </label>
                                                        <input type="text" id="partnumber" class="form-control"
                                                               name="partnumber"
                                                               value="{{ $motoadd->partnumber }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="card card-default"
                                                     style="overflow-y: unset !important;">
                                                    <div class="card-heading card-heading-transparent">
                                                        <h2 class="card-title bold">Motorcycle make / model fitment</h2>
                                                    </div>

                                                    <div class="card-block">
                                                        <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-3 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="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">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>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="col-md-4 col-sd-12">
                                                    <div class="form-group" style="position: static;">
                                                        <label for="select-1">Condition</label>
                                                        <select class="form-control" id="select-3" 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-4 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-4 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>
                                                            <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>
                                                        <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 maskinteger masked"
                                                               id="promoprice" name="promo_price" maxlength="8"
                                                               onchange="CheckPromoPrice(document.getElementsByName('price')[0].value, value)"
                                                               value="{{ $motoadd->promo_price }}"
                                                               data-format="9?9999999" data-placeholder="X">
                                                    </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>
                                            <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-10 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>

                                            <hr/>

                                        </div>

                                    </div>
                                </fieldset>
                                @if (!$motoadd->user)
                                    <h1>Personal data</h1>
                                    <fieldset>
                                        <div class="col-md-6">
                                            <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                                                <label for="name" class="col-md-4 control-label">Name/Last Name</label>

                                                <input id="name" type="text" class="form-control" name="name"
                                                       value="{{ old('name') }}" required autofocus>

                                            @if ($errors->has('name'))
                                                <span class="help-block">
                                            <strong>{{ $errors->first('name') }}</strong>
                                        </span>
                                            @endif
                                        </div>


                                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                                            <label for="email" class="col-md-4 control-label">E-Mail</label>


                                            <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required>

                                            @if ($errors->has('email'))
                                                <span class="help-block">
                                            <strong>{{ $errors->first('email') }}</strong>
                                        </span>
                                            @endif

                                        </div>

                                            <div class="form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
                                                <label for="email" class="col-md-4 control-label">Phone</label>

                                                <input type="text" class="form-control masked" name="phone"
                                                       data-format="999 999 9?999" data-placeholder="X"
                                                       placeholder="Enter phone number" value="{{ old('phone') }}"
                                                       required>


                                                @if ($errors->has('phone'))
                                                    <span class="help-block">
                                            <strong>{{ $errors->first('phone') }}</strong>
                                        </span>
                                                @endif

                                            </div>

                                        </div>
                                    <div class="col-md-6">
                                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                                            <label for="password" class="col-md-4 control-label">Password</label>


                                            <input id="password" type="password" class="form-control" name="password"
                                                   required>

                                            @if ($errors->has('password'))
                                                <span class="help-block">
                                            <strong>{{ $errors->first('password') }}</strong>
                                        </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="password-confirm" class="col-md-5 control-label">Password
                                                confirm</label>

                                            <input id="password-confirm" type="password" class="form-control"
                                                   name="password_confirmation" required>

                                        </div>
                                    </div>
                                    </fieldset>
                                @endif
                                @if($motoadd->user && (!$motoadd->user->phone))
                                    <h1>Personal data</h1>
                                    <fieldset>
                                        <div class="col-md-6">
                                            @if(!$motoadd->user->phone)
                                                <div class="form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
                                                    <label for="email" class="col-md-4 control-label">Phone</label>

                                                    <input type="text" class="form-control masked" name="phone"
                                                           data-format="999 999 9?999" data-placeholder="X"
                                                           placeholder="Enter phone number" value="{{ old('phone') }}"
                                                           required>


                                                    @if ($errors->has('phone'))
                                                        <span class="help-block">
                                            <strong>{{ $errors->first('phone') }}</strong>
                                        </span>
                                                    @endif

                                                </div>
                                            @endif
                                        </div>

                                    </fieldset>
                                @endif
                                <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>
                            </form>
                            {{--                            @include('layouts.errors')--}}
                        </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">
    $(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