{{--{{ dd($object->user->name) }}--}}
@extends('layouts/app')

@section('title', 'Edit personal profile: '.$object->user->name .'-'.$object->user->location )

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

            <h1>Edit personal profile</h1>

            <!-- breadcrumbs -->
            <ol class="breadcrumb">
                <li><a href="/">Home</a></li>
                <li>personal profile</li>
            </ol><!-- /breadcrumbs -->

        </div>
    </section>
    <section>
        <div class="container">

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

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

                    <!-- LIST OPTIONS -->
                    <div class="col-sm-12 margin-bottom-30">

                        <ul class="nav nav-tabs nav-top-border">
                            <li class="active"><a href="#info" data-toggle="tab" aria-expanded="true">Personal data</a>
                            </li>
                            <li class=""><a href="#avatar" data-toggle="tab" aria-expanded="false">Avatar</a></li>
                            <li class=""><a href="#password" data-toggle="tab" aria-expanded="false">Password</a></li>
                            <li class=""><a href="#privacy" data-toggle="tab" aria-expanded="false">Privacy</a>
                            </li>
                        </ul>

                        <div class="tab-content margin-top-20">
                        @include('layouts.errors')
                        <!-- PERSONAL INFO TAB -->
                            <div class="tab-pane fade active in" id="info">
                                <form id="addedit" action="/user/profile" method="post" class="wizard-big">
                                    {{ csrf_field() }}
                                    <input type="hidden" name="userid" value="{{ $object->user->id }}">
                                    <input type="hidden" name="profile" value="1">
                                    <div class="form-group">
                                        <label class="control-label">Name</label>
                                        <input type="text" id="name" class="form-control typeahead" name="name"
                                               value="{{ $object->user->name }}">
                                    </div>
                                    <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->user->region == $item->id){{ 'selected' }}@endif>{{ $item->name }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="input-text-1" class="pull-left">City</label>
                                        <select class="form-control select2" id="location-addedit" name="location"
                                        >
                                            <option value="{{ $object->user->location }}">@if($object->userlocation){{ array_first($object->userlocation)->name }}@endif</option>
                                        </select>
                                    </div>
                                    <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->user->address){{ $object->user->address }}@endif"
                                               autofocus>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">E-mail</label>
                                        <input id="email" type="email" class="form-control" name="email"
                                               value="@if($object->user->email){{ $object->user->email }}@endif"
                                               placeholder="E-mail" required>
                                    </div>
                                    <div class="form-group">
                                        <label class="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="@if($object->user->phone){{ $object->user->phone }}@endif"
                                               required>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">Skype</label>
                                        <input id="skype" class="form-control" name="skype"
                                               value="@if($object->user->skype){{ $object->user->skype }}@endif"
                                               placeholder="Skype">
                                    </div>
                                    <div class="margiv-top10">
                                        <button class="btn btn-primary"><i class="fa fa-check"></i> Save</button>
                                    </div>
                                </form>
                            </div>
                            <!-- /PERSONAL INFO TAB -->

                            <!-- AVATAR TAB -->
                            <div class="tab-pane fade" id="avatar">

                                <form id="addedit" action="/user/profile" method="post" class="wizard-big"
                                      enctype="multipart/form-data">
                                    {{ csrf_field() }}
                                    <input type="hidden" name="userid" value="{{ $object->user->id }}">
                                    <input type="hidden" name="mediafile" value="1">
                                    <div class="form-group">

                                        <div class="row">

                                            <div class="col-md-3 col-sm-4">

                                                <div class="thumbnail" id="useravatar">
                                                    @if($object->imagedata)
                                                        <a class="image-hover lightbox"
                                                           href="{{ @head($object->userimage) }}"
                                                           data-plugin-options='{"type":"image"}'>
                                                                <span class="image-hover-icon image-hover-dark">
                                                                    <i class="fa fa-search-plus"></i>
                                                                </span>
                                                            <img class="img-responsive"
                                                                 src="{{ @head($object->userimagethumb) }}" alt="...">
                                                        </a>
                                                    @else
                                                        <img class="img-responsive" src="{{ $object->userimagethumb }}"
                                                             alt="...">
                                                    @endif
                                                </div>

                                            </div>

                                            <div class="col-md-9 col-sm-8">
                                                @if($object->imagedata)
                                                    <div class="col-md-pull-12" id="deletebutton"><a
                                                                href="javascript:void(0)"
                                                                class="btn btn-xs btn-info width-200"
                                                                data-toggle="tooltip" title="Delete image"
                                                                onclick="DestroyUserImage('{{ @head($object->imagedata)->id }}', '{{ @head($object->imagedata)->id }}')"><i
                                                                    class="fa fa-eraser"></i> Delete/Change</a>
                                                    </div>@endif
                                                <div class="sky-form nomargin" id="inputimage"
                                                     @if($object->imagedata)style="display:none;"@endif>
                                                    <label class="label"></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 nomargin">Attach image</span>
                                                    </div>
                                                    <div class="clearfix margin-top-20">
                                                        <span class="small"><i class="fa fa-warning text-warning"></i> File size up to 3Mb, type (jpeg, gif, png)!</span>
                                                    </div>
                                                    <div class="margin-top10">
                                                        <button class="btn btn-primary nomargin"><i
                                                                    class="fa fa-check"></i> Save
                                                        </button>
                                                    </div>
                                                </div>


                                            </div>

                                        </div>

                                    </div>


                                </form>

                            </div>
                            <!-- /AVATAR TAB -->

                            <!-- PASSWORD TAB -->
                            <div class="tab-pane fade" id="password">

                                <form id="addedit" action="/user/profile" method="post" class="wizard-big">
                                    {{ csrf_field() }}
                                    <input type="hidden" name="userid" value="{{ $object->user->id }}">
                                    <input type="hidden" name="passwordreset" value="1">

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

                                        <div class="col-md-6">
                                            <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>

                                    <div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
                                        <label for="password-confirm" class="col-md-4 control-label">Confirm
                                            password</label>
                                        <div class="col-md-6">
                                            <input id="password-confirm" type="password" class="form-control"
                                                   name="password_confirmation" required>

                                            @if ($errors->has('password_confirmation'))
                                                <span class="help-block">
                                        <strong>{{ $errors->first('password_confirmation') }}</strong>
                                    </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="margiv-top10">
                                        <button class="btn btn-primary"><i class="fa fa-check"></i> Save</button>
                                    </div>
                                </form>

                            </div>
                            <!-- /PASSWORD TAB -->

                            <!-- PRIVACY TAB -->
                            <div class="tab-pane fade" id="privacy">

                                <form id="addedit" action="/user/profile" method="post" class="wizard-big">
                                    {{ csrf_field() }}
                                    <input type="hidden" name="userid" value="{{ $object->user->id }}">
                                    <input type="hidden" name="privacy" value="1">
                                    <div class="sky-form">

                                        <table class="table table-bordered table-striped">
                                            <tbody>
                                            <tr>
                                                <td><b>Help and Tips</b> Tips for more sales, fully
                                                    usage, interesting offers at WebMoto.us.
                                                </td>
                                                <td>
                                                    <div class="inline-group">
                                                        <label class="radio nomargin-top nomargin-bottom">
                                                            <input type="radio" name="radioOption" checked=""><i></i>
                                                            YES
                                                        </label>

                                                        <label class="radio nomargin-top nomargin-bottom">
                                                            <input type="radio" name="radioOption" checked=""><i></i> No
                                                        </label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><b>Saved search</b> New listings from your favorite searches.
                                                </td>
                                                <td>
                                                    <label class="checkbox nomargin">
                                                        <input type="checkbox" name="checkbox" checked=""><i></i> Yes
                                                    </label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><b>Change price</b> Information about reduced cost of watched ads.
                                                </td>
                                                <td>
                                                    <label class="checkbox nomargin">
                                                        <input type="checkbox" name="checkbox" checked=""><i></i> Yes
                                                    </label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><b>Messages</b> Notifications for new announcements on ads.
                                                </td>
                                                <td>
                                                    <label class="checkbox nomargin">
                                                        <input type="checkbox" name="checkbox" checked=""><i></i> Yes
                                                    </label>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>

                                    </div>

                                    <div class="margin-top-10">
                                        <button class="btn btn-primary"><i class="fa fa-check"></i> Save</button>
                                    </div>

                                </form>

                            </div>
                            <!-- /PRIVACY TAB -->
                        </div>
                        <div class="divider divider-dotted"><!-- divider --></div>
                    </div>
                </div>
                <!-- RIGHT -->
                <div class="col-lg-3 col-md-3 col-sm-3 nopadding">

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

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