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

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

        <h1>Post Ads - 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">
                            <form id="addedit" action="#" action="/aading/parts" method="post" class="wizard-big" enctype="multipart/form-data">
                                <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">
                                            @if($object->vendor && $object->vendor->count() > 0)
                                                <div class="col-md-12 col-md-offset-2">
                                                    <div class="col-md-4">
                                                        <div class="form-group" style="position: static;">
                                                            <label class="switch switch-primary switch-round">
                                                                <input type="checkbox" checked="" name="ownertype"
                                                                       id="ownertype">
                                                                <span class="switch-label" data-on="YES"
                                                                      data-off="NO"></span>
                                                                <span> Add this ad to my business profile?</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        @if($object->vendor->count()>=2)
                                                            <div class="form-group" style="position: static;">
                                                                <label for="marka">Business profiles</label>
                                                                <select class="form-control" name="vendor" required
                                                                        id="vendorid">
                                                                    <option value="">Select</option>
                                                                    {{--                                                                {{ dd($object->vendor) }}--}}
                                                                    @foreach($object->vendor as $item)
                                                                        <option value="{{ $item->data->id }}" @if(old('vendor') == $item->data->id) {{ 'selected' }} @endif>{{ $item->data->title }}</option>

                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        @else
                                                            <div class="form-group" style="position: static;">
                                                                <label for="marka">Business profiles</label>
                                                                <p class="weight-600">{{ $object->vendor->first()->data->title }}</p>
                                                                <input type="hidden" name="vendor"
                                                                       value="{{ $object->vendor->first()->data->id }}">
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            @endif
                                            <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>
                                                            @foreach($object->categories as $item)
                                                                    <option value="{{ $item->id }}" @if(old('categories') == $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" class="text-right">Sub-category</label>
                                                        <select class="form-control" id="subcats-addedit"
                                                                name="subcategories" required>
                                                        </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="{{ old('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="{{ old('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>
                                                                        @foreach($object->marka as $item)
                                                                            <option value="{{ $item->id }}" @if(old('marka') == $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" class="text-right">Model</label>
                                                                <input type="text" id="modelname"
                                                                       class="form-control typeahead"
                                                                       data-provide="typeahead" autocomplete="off"
                                                                       name="model" value="{{ old('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(old('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="{{ old('kubatura') }}"
                                                                       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>
                                                            @foreach($object->condition as $item)
                                                                    <option value="{{ $item->id }}" @if(old('condition') == $item->id) {{ 'selected' }} @endif>{{ $item->value }}</option>
                                                            @endforeach
                                                        </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>
                                                            @foreach($object->region as $item)
                                                                    <option value="{{ $item->id }}" @if(old('region') == $item->id) {{ 'selected' }} @endif>{{ $item->name }}</option>
                                                                @endforeach
                                                        </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"
                                                                onchange="GettingSubs(id, form.getAttribute('id'))"
                                                                required>

                                                        </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"
                                                                      placeholder="Description..." name="description"
                                                                      value=""
                                                                      required>{{ old('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"
                                                               id="price" name="price" value="{{ old('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(old('cenatip') == $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="{{ old('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(old('valuta') == $item->id) {{ 'selected' }} @endif>{{ $item->value }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                </div>
                                            </div>
                                                <div class="col-sm-12">
                                                    <label>Video (youtube.com)</label>
                                                    <div class="fancy-file-upload fancy-file-primary">
                                                        <i class="fa fa-upload" style="left: 0"></i>
                                                        <input type="text" class="form-control" id="video" name="video"
                                                               maxlength="250" value="{{ old('video') }}"
                                                               data-placeholder="https://youtu.be/sngcvN_Wkso">
                                                        <span class="button">Add a video from youtube.com</span>
                                                    </div>

                                                </div>
                                                <hr/>

                                        </div>

                                    </div>
                                </fieldset>
                                @if (!$object->userdata)
                                    <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" data-minlength="3" 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"
                                                   autocomplete="new-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" autocomplete="new-password" required>

                                        </div>
                                    </div>
                                    </fieldset>
                                @endif
                                @if($object->userdata && (!$object->userdata->phone))
                                    <h1>Personal data</h1>
                                    <fieldset>
                                        <div class="col-md-6">
                                            @if(!$object->userdata->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
                                <h1>Final</h1>
                                <fieldset>
                                    <h2><a href="{{ url('pages/terms-and-coditions') }}" class="">Terms and
                                            Conditions</a></h2>
                                    <input id="acceptTerms" name="acceptTerms" type="checkbox" class="required"> <label
                                            for="acceptTerms">I agree with WebMoto.us <a
                                                href="{{ url('terms-conditions') }}"
                                                target="_blank">Terms and Conditions</a>
                                    </label>
                                </fieldset>
                            </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>
<!-- LOGIN MODAL FORM -->
@include('auth.loginmodal')
<!-- /LOGIN MODAL FORM -->
<!-- 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(){

        $('#ownertype').change(function () {
            // this will contain a reference to the checkbox
            if (this.checked) {
                // the checkbox is now checked
                $('#vendorid').attr('required', true);

            } else {
                // the checkbox is now no longer checked
                $('#vendorid').attr('required', false);
            }
        });

        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