@extends('Manager.Master')
@section('header')
    <link rel="stylesheet" href="{{ url('css/bootstrap-select.min.css') }}">
@stop
@section('title') ویرایش کاربر@stop
@section('content')

    <div class="col-md-12 insert-page x_content">
        <div class="x_panel">

            <div class="col-xs-12">
                <div class="" role="tabpanel" data-example-id="togglable-tabs">
                    <ul id="myTab1" class="nav nav-tabs bar_tabs right" role="tablist">
                        <li role="presentation" class="@if(app('request')->input('page') == null) active @endif"><a
                                    href="#tab_seo" id="home-tabb" role="tab"
                                    data-toggle="tab" aria-controls="seo"
                                    aria-expanded="true">عمومی</a>
                        </li>
                        <li role="presentation" class=""><a href="#tab_features" id="features" role="tab"
                                                            data-toggle="tab" aria-controls="features"
                                                            aria-expanded="true">اطلاعات تماس</a>
                        </li>
                        <li role="presentation" class=""><a href="#tab_content" role="tab" id="content"
                                                            data-toggle="tab" aria-controls="profile"
                                                            aria-expanded="false">تغییر کلمه عبور</a>
                        </li>
                        <li role="presentation" class="@if(app('request')->input('page') != null) active @endif "><a
                                    href="#tab_image" role="tab" id="image"
                                    data-toggle="tab" aria-controls="image"
                                    aria-expanded="false">لیست فاکتور ها</a>
                        </li>
                    </ul>
                    <div id="myTabContent2" class="tab-content">
                        <div role="tabpanel"
                             class="tab-pane fade @if(app('request')->input('page') == null) active in  @endif "
                             id="tab_seo" aria-labelledby="seo">
                            <div class="x_panel">
                                <div class="col-sm-4 col-xs-12 pull-left">
                                    <img src="{{ url($user->image) }}" class="img-rounded" alt="user_image">
                                </div>
                                <div class="col-sm-8 col-xs-12">
                                <pre>
                                    <h4> نام و نام خانوادگی : {{ $user->name }}</h4>
                                    <h4> ایمیل : {{ $user->email }}</h4>
                                    <h4> آخرین بازدید : {{  verta($user->updated_at)->format('H:i - Y/n/j ')  }}</h4>
                                </pre>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab_features" aria-labelledby="features">
                            <div class="x_panel">
                                <form id="form">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label" for="fname"> نام :</label>
                                        <div class="col-sm-10">
                                            <input class="form-control" name="fname" id="fname"
                                                   value="{{ $information->fname }}">
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label" for="lname"> نام خانوادگی
                                            :</label>
                                        <div class="col-sm-10">
                                            <input class="form-control" name="lname" id="lname"
                                                   value="{{ $information->lname }}">
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label" for="mobile"> موبایل :</label>
                                        <div class="col-sm-10">
                                            <input class="form-control" name="mobile" id="mobile"
                                                   value="{{ $information->mobile }}">
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label" for="phone"> شماره تماس :</label>
                                        <div class="col-sm-10">
                                            <input class="form-control" name="phone" id="phone"
                                                   value="{{ $information->phone }}">
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label" for="state">استان:
                                        </label>
                                        <div class="col-sm-10">
                                            <select class="form-control" name="state" id="state">

                                                @foreach($states as $state)
                                                    @if($state->id == $information->state )
                                                        <option value="{{ $state->id }}"
                                                                selected>{{$state->name  }}</option>
                                                    @else
                                                        <option value="{{ $state->id }}">{{$state->name  }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label" for="city">شهر:
                                        </label>
                                        <div class="col-sm-10">
                                            <select class="form-control" name="city" id="city">
                                                @if(count($cities ))
                                                    @foreach($cities as $city)
                                                        @if($city->id == $information->city)
                                                            <option value="{{ $city->id }}"
                                                                    selected>{{ $city->name  }}</option>
                                                        @else
                                                            <option value="{{ $city->id }}">{{ $city->name  }}</option>
                                                        @endif
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label" for="address"> آدرس :</label>
                                        <div class="col-sm-10 ">
                                            <input class="form-control" name="address" id="address"
                                                   value="{{ $information->address }}">
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label" for="zip_code"> کدپستی :</label>
                                        <div class="col-sm-10 ">
                                            <input class="form-control" name="zip_code" id="zip_code"
                                                   value="{{ $information->zip_code }}">
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <button class="btn btn-primary btn-block" type="submit">ویرایش</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab_content" aria-labelledby="content">
                            <div class="x_panel">
                                <form id="form2">
                                    <input type="hidden" name="id" value="{{ $user->id }}">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label" for="password"> کلمه عبور جدید
                                            :</label>
                                        <div class="col-sm-10">
                                            <input class="form-control" name="password" id="password">
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label" for="password_confirmation">
                                            تایید کلمه عبور جدید :</label>
                                        <div class="col-sm-10">
                                            <input class="form-control" name="password_confirmation"
                                                   id="password_confirmation">
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <button class="btn btn-primary btn-block" type="submit">ویرایش</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div role="tabpanel"
                             class="tab-pane fade @if(app('request')->input('page') != null) active in @endif"
                             id="tab_image" aria-labelledby="image">
                            <div class="x_panel">
                                <div class="panel panel-default">
                                    <div class="panel-body table-responsive">
                                        <table class="table table-hover" id="dev-table">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th> قیمت کل</th>
                                                <th>توضیحات</th>
                                                <th> نام درگاه</th>
                                                <th> وضعیت</th>
                                                <th> تاریخ</th>
                                                <th><em class="fa fa-cog"></em></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @php
                                                if(!$data->isempty()){
                                                    $count = $data->currentPage() * 10 - 10;
                                            @endphp
                                            @foreach($data as $ord)
                                                @php $count++ @endphp
                                                <tr @if($count % 2 != 0 ) class="warning"
                                                    @endif data-id="{{ $ord->id }}">
                                                    <td>{{ $count }}</td>
                                                    <td>{{  $ord->total_price  }} </td>
                                                    <td>{{  mb_substr($ord->description , 0 , 40)}} </td>
                                                    <td>{{  $ord->bank_name }} </td>
                                                                                                        <td>{{  $status }} </td>
                                                    <td>{{ verta((int)$ord->time)->format('H:i - Y/n/j ') }}</td>
                                                    <td align="center">
                                                        <a href=" {{ route('Orders.show' , ['id' => $ord->id]) }}"
                                                           class="btn btn-default"><em
                                                                    class="fa fa-external-link-square"></em></a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            @php } else { @endphp
                                            <tr>
                                                <td>*</td>
                                                <td>موردی یافت نشد</td>
                                                <td>-</td>
                                                <td>-</td>
                                            </tr>
                                            @php } @endphp
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="panel-footer">
                                        <div class="row text-center">
                                            <div class=" col-xs-12 col-md-3 pull-right mypaginate">
                                                {{ $data->links() }}
                                            </div>
                                            <div class=" col-xs-12 col-md-4 pull-left pager ">
                                                صحفه {{ $data->currentPage() }}
                                                از {{ $data->lastPage() }} صفحه
                                            </div>


                                        </div>

                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    @if($errors->first())
        @include('Manager.Componet.error', ['error' => $errors->first()])
    @endif
@stop
@section("footer")
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    </script>
    <script src="{{ url('/js/bootstrap-select.min.js')}}"></script>
    <script src="/vendor/laravel-filemanager/js/lfm.js"></script>
    <script>
        var count = 1;
        var count_image = 1;
        $('.lfm').filemanager('image');
        $(document).on('click', 'button#inventory_add', function (event) {
            count++;
            var data = ' <div class="input-group myin">' +
                '<span class="input-group-addon" >سایز</span>' +
                '<input name="size[]" type="text" class="form-control" placeholder="مثال 30"/>' +
                '<span class="input-group-addon" >تعداد کل</span>' +
                '<input name="total[]" type="text" class="form-control" placeholder="مثال 50"/>' +
                '<span class="input-group-addon" >قیمت</span>' +
                '<input name="s_price[]" type="text" class="form-control" placeholder="مثال 50000"/>' +
                '<span class="input-group-addon">تخفیف</span>' +
                '<input name="s_discount[]" type="text" class="form-control" placeholder="مثال 1000"/>' +
                '<span class="input-group-addon delete_slide"><i class="fa fa-close"></i></span>' +
                '</div>';
            $("button#inventory_add").before(data);
        });
        $(document).on('click', 'span.delete_slide', function (event) {
            $(this).parents("div.myin").remove();
        });
        $(document).on('click', 'button#image_add', function (event) {
            var data = '     <div class="slide">' +
                '                        <div class="col-xs-12 col-sm-4">' +
                '                            <img id="holder' + count_image + '" class="img-thumbnail text-center holder_image "' +
                '                                 src="{{ url("/images/default.jpg")}}">' +
                '                        </div>' +
                '                        <div class="myslide">' +
                '                            <div class="col-xs-12 col-sm-8">' +
                '                                <div class="input-group">' +
                '                            <span class="input-group-btn">' +
                '                                   <button type="button" class="btn btn-primary lfm" data-input="thumbnail' + count_image + '"' +
                '                                           data-preview="holder' + count_image + '">انتخاب تصویر :</button>' +
                '                                          </span>' +
                '                                    <input type="text" id="thumbnail' + count_image + '" class="form-control"' +
                '                                           placeholder="مثال : www.example.com/image.jpg" name="images[]">' +
                '                                </div>' +
                '<div>' +
                '                                <button type="button" class="btn btn-danger btn-block delete_slide"> حذف</button>' +

                '</div>' +
                '                            </div>' +
                '                        </div>' +
                '                    </div>';
            $("div#slides").append(data);
        });
        $(document).on('click', 'button.delete_slide', function (event) {
            $(this).parents("div.slide").remove();
        });


    </script>
    <script>
        $(document).on('submit', '#form', function (event) {
            waitingDialog.show();
            trunoffbutton("#sub");
            var submit_data = $(this).serializeArray();
            event.preventDefault();