@extends('admin.layout.master')
@section('content')
    <main id="app-main" class="app-main">

    <div class="wrap">
        <section class="app-content">

            <h3>{{trans($title.' edit')}}</h3>
            <ul class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">@lang('admin.home')</a></li>
                <li class="breadcrumb-item"><a href="#">{{trans($title)}}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{trans('edit '.$title)}}</li>
            </ul>

        </section><!-- #dash-content -->
    </div><!-- .wrap -->


    <div class="wrap">
        <section class="app-content">
            <div class="row">
                <div class="col-md-12">
                    <div class="widget p-lg">

                        @include('admin.layout.message')
                        <div class="alert alert-danger" id="error" style="display: none">

                        </div>
                        <form action="{{route('users.update',$rows->id)}}" data-parsley-validate="" method="post" style="padding: 20px" id="editform">
                            {{csrf_field()}}
                            {{method_field('put')}}
                            <div class="box-body">


                                @foreach(config('translatable.locales') as $local)

                                        <div class="form-group">
                                            <label for="">@lang('admin.'.$local.'.name')</label>
                                            <input type="text" class="form-control" id="" name="{{$local}}[name]" required=""
                                                   value="" placeholder=" @lang('admin.name')">
                                        </div>

                                @endforeach

                                <div class="form-group">
                                    <label for="">email</label>
                                    <input type="email" class="form-control" id="" name="email"
                                           value="{{old('email',$rows->email)}}"
                                           placeholder=" email"
                                           required="">
                                </div>


                                {{--                                @dd($rows->hasRole('uploader'))--}}
                                <div class="form-group">
                                    <label for="">Roles </label>
                                    <select class="form-control select2" name="role_id">
                                        <option>Choose role</option>
                                        @foreach($roles as $role)
                                            <option
                                                value="{{$role->id}}" {{$rows->hasRole($role->name) == 'true'? 'selected':''}}>{{$role->name}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="">@lang('admin.typeUser') </label>
                                    <select class="form-control select2" name="type">
                                        <option value=" " >Choose type</option>
                                        <option value="0" {{$rows->type == "0" ? "selected":" " }}>Editor</option>
                                        <option value="1" {{$rows->type == "1" ? "selected":" " }}>designer</option>

                                    </select>
                                </div>


                                <div class="box-footer" style="padding: 50px">
                                    <button type="submit" class="btn btn-primary btn-block">تعديل</button>
                                </div>
                            </div>
                        </form>
                    </div><!-- .widget -->
                </div><!-- END column -->
            </div>
        </section><!-- #dash-content -->
    </div>
    </main>

@endsection
@push('js')
    <script>

        $('body').on('submit','#editform',function (e) {
            e.preventDefault();

            {{--var url = '{{ route("users.update", ":id") }}';--}}
            {{--url = url.replace(':id', id);--}}

            // alert('asdasd');
            $.ajax({
                url: '{{route('users.update',$rows->id)}}',
                method: "post",
                data: new FormData(this),
                dataType: 'json',

                cache       : false,
                contentType : false,
                processData : false,

                success: function (response) {
                    if(response.status == 'failed'){
                        $.each(response.error, function( index, value ) {
                            for (var i=0 ; i<=value.length ; i++){
                                $('#error').show();
                                $('#error').append(value[i]);
                            }
                        });
                    }else{
                        $('#error').hide();
                        if(response.status == 'success'){
                            new Noty({
                                type: 'success',
                                layout: 'topRight',
                                text: "@lang('admin.successfuly_edited')",
                                timeout: 2000,
                                killer: true
                            }).show();
                        }
                        // table.ajax.reload();
                        // $("#addform")[0].reset();
                    }
                    // window.location.reload();
                },

            });
        });

    </script>

    @endpush