@extends('soap.layout.main')

@section('content')


    <div class="m-grid__item m-grid__item--fluid m-grid m-grid--hor-desktop m-grid--desktop m-body">
        <div class="m-grid__item m-grid__item--fluid  m-grid m-grid--ver	 m-container--responsive m-container--xxl m-page__container">
            <div class="m-grid__item m-grid__item--fluid m-wrapper">

                <div class="m-content">



                    <div class="m-portlet m-portlet--mobile">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        REGISTRATION LIST
                                    </h3>
                                </div>
                            </div>

                        </div>
                        <div class="m-portlet__body">

                            <!-- messages -->
                            <div class="col-xs-12">
                                @if($errors->any())
                                    <div class="m-alert m-alert--outline alert alert-danger alert-dismissible fade show" role="alert">
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        </button>
                                        @foreach ($errors->all() as $error)
                                            {{ $error }}
                                        @endforeach
                                    </div>
                                @else
                                    @if(session()->has('message-valid'))
                                        <div class="m-alert m-alert--outline alert alert-success alert-dismissible fade show" role="alert">
                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            </button>
                                            {{ session('message-valid') }}
                                        </div>
                                    @endif
                                    @if(session()->has('message-unvalid'))
                                        <div class="m-alert m-alert--outline alert alert-danger alert-dismissible fade show" role="alert">
                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            </button>
                                            {{ session('message-unvalid') }}
                                        </div>
                                    @endif
                                @endif
                            </div>


                            <!--begin: Table DataTable -->
                            <div class="table-responsive">
                                <table class="table table-striped data-table-custom" id="clients-table">
                                    <thead>
                                        <tr>
                                            <th>username:</th>
                                            <th>phone:</th>
                                            <th>email:</th>
                                            <th>company:</th>
                                            <th>company type:</th>
                                            <th>client no:</th>
                                            <th>email_support:</th>
                                            <th>person:</th>
                                            <th>bulstat:</th>
                                            <th>ip:</th>
                                            <th>activated:</th>
                                            <th>role:</th>
                                            <th>created at:</th>
                                            <th>action:</th>
                                        </tr>
                                    </thead>

                                </table>
                            </div>
                            <!--end: Table DataTable -->
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
@stop


@push('scripts')
<script>
    $(function() {
        $('#clients-table').DataTable({
            processing: true,
            serverSide: true,
            responsive: true,
            pageLength: 100,
            ajax: '{!! route('clients.index') !!}',
            columns: [
                { data: 'username', name: 'username' },
                { data: 'phone', name: 'phone' , orderable: false, searchable: false },
                { data: 'email', name: 'email' },
                { data: 'company', name: 'company' },
                { data: 'company_type', name: 'company_type' , orderable: false, searchable: false },
                { data: 'client_no', name: 'client_no' },
                { data: 'email_support', name: 'email_support', orderable: false },
                { data: 'person', name: 'person' },
                { data: 'bulstat', name: 'bulstat', orderable: false },
                { data: 'ip_comp', name: 'ip_comp', orderable: false },
                { data: 'activated', name: 'activated', searchable: false  },
                { data: 'role', name: 'role' , searchable: false },
                { data: 'created_at', name: 'created_at' , searchable: false },
                {data: 'action', name: 'action', orderable: false, searchable: false}
            ],
            "language": {
                "search": "Search by Username/Email/Company"
            }
        });
    });
</script>
<script>
        // Confirmation Sweet Alerts
        function confirmation(e) {
            console.log($(e).closest('form'));
            swal({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                type: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, delete it!'
            }).then(function (result) {
                console.log(result);
                $(e).closest('form').submit();
                if (result.value) {
                    swal(
                        'Deleted!',
                        'Your file has been deleted.',
                        'success'
                    )
                }
            });
        }
</script>
@endpush