{{--{{ dd($marka) }}--}}
@extends('layouts/app')
@section('content')
    <section class="page-header page-header-xs">
        <div class="container">

            <h1>Dealer profile edit</h1>

            <!-- breadcrumbs -->
            <ol class="breadcrumb">
                <li><a href="/">Home</a></li>
                <li>Dealer sing up</li>
            </ol><!-- /breadcrumbs -->

        </div>
    </section>
    <!-- Container Section Start -->
    <section class="padding-top-30">
        <div class="container">
            <div class="row">

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

                <!-- CONTENT -->
                    {{--{!! array_get($data, 'page')->content !!}--}}
                <!-- CONTENT -->

            </div>

        </div>
    </div>
    </section>
    <section class="padding-top-30">
        <div class="container">
            <div class="row">

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

                    <!-- REGFORM -->
                    <form id="addedit" action="#" action="/vendor/edit" method="post" class="wizard-big"
                          enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <input type="hidden" name="vendorid" value="{{ $object->vendor->id }}">
                        <h1>Description</h1>
                        <fieldset class="clearfix">

                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-md-12">
                                        <div class="col-md-6 col-sd-12">
                                            <div class="form-group">
                                                <label for="select-1" class="pull-left">Name</label>
                                                <input type="text" id="title" class="form-control typeahead"
                                                       name="title" value="{{ $object->vendor->title }}">

                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sd-12">
                                            <div class="form-group">
                                                <label for="select-1" class="pull-right">Category</label>
                                                <select multiple class="form-control" id="select-3" name="category[]"
                                                        required>
                                                    <option value="">Select</option>
                                                    @if($object->category)
                                                        @foreach($object->category as $item)
                                                            <option value="{{ $item->id }}" @if(in_array($item->id, $object->vendor->categoriesid)){{ 'selected' }}@endif>{{ $item->value }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-md-12">
                                        <div class="col-md-6 col-sd-12">
                                            <div class="form-group">
                                                <label for="input-text-1" class="pull-left">State</label>
                                                <select class="form-control select2" id="region" name="region"
                                                        onchange="GettingSubs(id, form.getAttribute('id'), value)">
                                                    <option value="">Select</option>
                                                    @if($object->region)
                                                        @foreach($object->region as $item)
                                                            <option value="{{ $item->id }}" @if($object->vendor->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">
                                                <label for="input-text-1" class="pull-right">City</label>
                                                <select class="form-control select2" id="location-addedit"
                                                        name="location" required>
                                                    <option value="{{ $object->vendor->location }}">{{ array_first($object->vendorlocation)->name }}</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="col-md-6 col-sd-12">
                                            <div class="form-group">
                                                <label for="select-1" class="pull-left">Address</label>
                                                <input id="address" type="text" class="form-control" name="address"
                                                       value="@if($object->vendor->address){{ $object->vendor->address }}@endif"
                                                       required autofocus>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sd-12">
                                            <div class="form-group">
                                                <label for="select-1" class="pull-right">Phone</label>
                                                <input type="text" class="form-control masked" name="vendorphone"
                                                       data-format="999 999 9?999" data-placeholder="X"
                                                       placeholder="Enter phone number"
                                                       value="@if($object->vendor->vendorphone){{ $object->vendor->vendorphone }}@endif"
                                                       required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="col-md-6 col-sm-12">
                                            <div class="form-group">

                                                <label for="input-text-1" class="pull-left"> <i class="fa fa-comments">
                                                        <!-- icon --></i> Description</label>
                                                <div class="fancy-form"><!-- textarea -->
                                                    <textarea rows="5" class="form-control word-count"
                                                              data-maxlength="150" data-info="textarea-words-info"
                                                              placeholder="Description..." name="description"
                                                              required>@if($object->vendor->description){{ $object->vendor->description }}@endif</textarea>


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

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-12">

                                            <div class="form-group">
                                                <label for="input-text-1" class="pull-right"><i
                                                            class="fa fa-envelope"></i> <i class="fa fa-skype"></i> <i
                                                            class="fa fa-link"></i></label>
                                                    <input id="vendoremail" type="email" class="form-control"
                                                           name="vendoremail"
                                                           value="@if($object->vendor->vendoremail){{ $object->vendor->vendoremail }}@endif"
                                                           placeholder="E-mail" required>
                                            </div>
                                            <div class="form-group">
                                                <input id="skype" class="form-control" name="skype"
                                                       value="@if($object->vendor->skype){{ $object->vendor->skype }}@endif"
                                                           placeholder="Skype">
                                                </div>
                                                <div class="form-group">
                                                    <input type="text" class="form-control" name="weburl"
                                                           value="@if($object->vendor->weburl){{ $object->vendor->weburl }}@endif"
                                                           placeholder="Website url">
                                                </div>

                                        </div>
                                    </div>

                                    <hr/>
                                </div>

                            </div>
                        </fieldset>
                        <h1>Images</h1>
                        <fieldset>
                            <div class="row">
                                <div class="col-md-offset-3 col-md-6">
                                    @php
                                        $i=0;
                                    @endphp
                                    @if ($object->vendorimagethumb)
                                        @foreach($object->vendorimagethumb as $imageitems)
                                            <div class="col-md-12 nopadding-left margin-bottom-20"
                                                 id="add-item-{{ $object->imagedata[$i]->id }}">
                                                <div class="col-md-pull-12"><label>Image {{ $i+1 }}</label></div>
                                                <a class="image-hover lightbox width-200"
                                                   href="{{ $object->vendorimage[$i] }}"
                                                   data-plugin-options='{"type":"image"}'>
                                                            <span class="image-hover-icon image-hover-dark">
                                                                <i class="fa fa-search-plus"></i>
                                                            </span>
                                                    <img src="{{ $imageitems }}" alt="...">
                                                </a>
                                                <div class="col-md-pull-12"><a href="javascript:void(0)"
                                                                               class="btn btn-xs btn-info width-200"
                                                                               data-toggle="tooltip"
                                                                               title="Delete image"
                                                                               onclick="DestroyVendorImage({{ $object->imagedata[$i]->id }})"><i
                                                                class="fa fa-eraser"></i></a></div>

                                            </div>
                                            <div class="col-md-12" id="input-image-{{ $object->imagedata[$i]->id }}"
                                                 style="display: none">
                                                <label>&nbsp;</label>
                                                <div class="fancy-file-upload fancy-file-primary">
                                                    <i class="fa fa-upload"></i>
                                                    <input type="file" class="form-control" name="photo[]"
                                                           onchange="jQuery(this).next('input').val(this.value);">
                                                    <input type="text" class="form-control" placeholder="no file"
                                                           readonly="">
                                                    <span class="button">Attach image</span>
                                                </div>
                                            </div>
                                            @php
                                                $i++;
                                            @endphp
                                        @endforeach

                                </div>

                                <div class="col-md-offset-3 col-md-6">
                                    @if($i<4)
                                        @for($ii=($i-3); $ii<$i; $ii++)
                                            <div class="col-md-12">
                                                <label>&nbsp;</label>
                                                <div class="fancy-file-upload fancy-file-primary">
                                                    <i class="fa fa-upload"></i>
                                                    <input type="file" class="form-control" name="photo[]"
                                                           onchange="jQuery(this).next('input').val(this.value);">
                                                    <input type="text" class="form-control" placeholder="no file"
                                                           readonly="">
                                                    <span class="button">Attach image</span>
                                                </div>
                                            </div>
                                            @break($ii==0)
                                        @endfor
                                    @endif
                                </div>
                                @else
                                    <div class="col-md-offset-3 col-md-6">
                                        @for($ii=0; $ii<4; $ii++)
                                            <div class="col-md-12">
                                                <label>&nbsp;</label>
                                                <div class="fancy-file-upload fancy-file-primary">
                                                    <i class="fa fa-upload"></i>
                                                    <input type="file" class="form-control" name="photo[]"
                                                           onchange="jQuery(this).next('input').val(this.value);">
                                                    <input type="text" class="form-control" placeholder="no file"
                                                           readonly="">
                                                    <span class="button">Attach image</span>
                                                </div>
                                            </div>
                                        @endfor
                                    </div>
                                @endif

                            </div>
                        </fieldset>
                    </form>
                @include('layouts.errors')
                <!-- REGFORM -->

                </div>

            </div>
        </div>
    </section>
    <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>
    @include('auth.loginmodal')
    <!-- CATEGORIES -->
    @include('layouts.catsbox')
    <!-- /CATEGORIES -->
@endsection

{{-- page level scripts --}}

@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>

@endsection