@extends('admin.layout.master')
@section('content')

        <div class="content-body">
            <!-- Column selectors with Export Options and print table -->
            <section id="column-selectors">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                            </div>
                            <div class="card-content">
                                <div class="card-body card-dashboard">

                                    <div class="table-responsive">

                                        @if(auth()->user()->hasPermission('create_users'))
                                            <button style="float: left" class="btn btn-info btn-sm" data-toggle="modal" data-target="#create_modal">
                                                <i class="fa fa-plus"></i>
{{--                                                @lang('admin.add_clients')--}}
                                            </button>
                                        @else
                                            <button style="float: left" class="btn btn-info btn-sm disabled"> <i class="fa fa-plus"></i>@lang('admin.add_clients')</button>

                                        @endif

                                        <table id="users" class="table table-striped table-bordered" style="width:100%">
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Column selectors with Export Options and print table -->

        </div>
        <div class="modal fade" id="global_notifications" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
             aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">@lang('admin.global_notifications')</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form method="post" action="{{route('send-notify')}}" id="store_notifaction_public" data-parsley-validate="">
                        <div class="modal-body">

                            @csrf
                            @method('post')

                            <input type="hidden" name="user_id" class="form-control" value="" id="added_id">
                            <div class="form-group">
                                <input type="text" name="title" class="form-control" required="">
                            </div>


                            <div class="form-group">
                                <textarea name="message" rows="10" cols="70" placeholder="type message here..."></textarea>

                                {{--                            <input class="form-control" name="message" style="height: 200px;--}}
                                {{--                    position: relative;" data-emojiable="true" data-emoji-input="unicode" required="">--}}

                            </div>


                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">@lang('admin.close')</button>
                            <button type="submit" class="btn btn-primary">@lang('admin.send')</button>
                        </div>

                    </form>
                </div>
            </div>
        </div>

        <div class="modal fade" id="global_SMS" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
             aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">@lang('admin.global_sms')</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form method="post" action="{{route('send-notify')}}"  data-parsley-validate="">
                        <div class="modal-body">

                            @csrf
                            @method('post')

                            <div class="form-group">
                                <textarea name="message" rows="10" cols="70" placeholder="type message here..."></textarea>

                                {{--                            <input class="form-control" name="message" style="height: 200px;--}}
                                {{--                    position: relative;" data-emojiable="true" data-emoji-input="unicode" required="">--}}

                            </div>


                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">@lang('admin.close')</button>
                            <button type="submit" class="btn btn-primary">@lang('admin.send')</button>
                        </div>

                    </form>
                </div>
            </div>
        </div>

@include('admin.users.modal')
            @endsection
            @push('js')

                <script>

                    $(document).ready(function() {

                        var table = $('#users').DataTable({
                            responsive: true,
                            processing: true,
                            serverSide: true,
                            bStateSave: true,
                            stateSave: true,
                            bSortable: false,
                            bRetrieve: false,
                            order: [[ 5, "DESC" ]],
                            ordering: false,

                            ajax: {
                                url: "{{ route('users.index' , ['role' => request()->role]) }}",
                                type: 'GET',
                            },
                            dom: 'Blfrtip',
                            buttons: [
                                'copy', 'csv', 'excel', 'pdf', 'print'
                            ],
                            lengthMenu: [
                                [10, 25, 50, -1], [10, 25, 50, "All"]
                            ],
                            // select: true,
                            columns: [
                                {data: 'id', name: 'id' ,title:"@lang('admin.id')"},
                                @if(request()->role == 'company')
                                {data: 'image', name: 'image',title: "@lang('admin.imagesCompany')" },
                                @endif
                                {data: 'name', name: 'name',title: "@lang('admin.name')" },
                                {data: 'phone', name: 'phone',title: "@lang('admin.phone')" },

                                {data: 'Roles', name: 'Roles',title: "@lang('admin.roles')" },
                                {data: 'status', name: 'status',title: "@lang('admin.status')" },
                                {data: 'action', name: 'action',title:'action' ,searchable: 'false'},
                                // {data: 'add_lang', name: 'add_lang',title:'add_lang' ,searchable: 'false'}
                            ]
                        });

                        $('body').on('submit','#addform',function (e) {
                            e.preventDefault();
                            // alert('asdasd');
                            $.ajax({
                                url: '{{ route('users.store') }}',
                                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_added')",
                                                timeout: 2000,
                                                killer: true
                                            }).show();
                                        }
                                        table.ajax.reload();
                                        $("#addform")[0].reset();
                                    }
                                    // window.location.reload();
                                },

                            });
                        });

                        $('body').on('submit','#delform',function (e) {
                            e.preventDefault();
                            var url = $(this).attr('action');
                            // alert(url);

                            $.ajax({
                                url: url,
                                method: "delete",
                                data: {
                                    _token: '{{ csrf_token() }}',

                                },
                                success: function (response) {

                                    if (response.status == 'success'){
                                        new Noty({
                                            type: 'success',
                                            layout: 'topRight',
                                            text: "تم الحذف بنجاح",
                                            timeout: 2000,
                                            killer: true
                                        }).show();
                                        table.ajax.reload();
                                    }
                                    // console.log(response);
                                    // window.location.reload();
                                }
                            });
                        });

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

                                var url = $(this).attr('action');

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

                            $.ajax({
                                url: url,
                                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.done_the_statues_is_changed')",
                                                timeout: 2000,
                                                killer: true
                                            }).show();
                                        }
                                        table.ajax.reload();
                                        $("#addform")[0].reset();
                                    }
                                    // window.location.reload();
                                },

                            });

                        });

                        $('body').on('click','.editUser',function (e) {
                                e.preventDefault();

                          var id = $(this).data('id');
                          var name = $(this).data('name');
                          var email = $(this).data('email');
                          var phone = $(this).data('phone');
                          var company_precentage = $(this).data('company_precentage');



                          $('#id').val(id);
                          $('#name').val(name);
                          $('#email').val(email);
                          $('#phone').val(phone);
                          $('#company_precentage').val(company_precentage);
                        });

                        $('body').on('submit','#editform',function (e) {
                            e.preventDefault();
                            // alert('asdasd');
                            $.ajax({
                                url: '{{ route('users.update') }}',
                                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_added')",
                                                timeout: 2000,
                                                killer: true
                                            }).show();
                                        }
                                        table.ajax.reload();
                                        $("#addform")[0].reset();
                                    }
                                    // window.location.reload();
                                },

                            });
                        });

                        $('body').on('click','.global_notifications',function (e){
                            e.preventDefault();
                            var id = $(this).data('id');
                            $('#added_id').val(id);
                        });
                        $('body').on('submit','#store_notifaction_public',function (e){
                           e.preventDefault();

                            var formData = new FormData(this);
                            formData.append("slug", "privit");


                            var url = $(this).attr('action');
                            $.ajax({
                                url: url,
                                method: "post",
                                data: formData,
                                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_added')",
                                                timeout: 2000,
                                                killer: true
                                            }).show();
                                        }
                                        table.ajax.reload();
                                        $("#addform")[0].reset();
                                    }
                                    // window.location.reload();
                                },

                            });


                        });



                    });
                </script>

    @endpush