@extends('admin.layout.master')
@section('title')
{{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
@include('admin.layout.breadcrumb_view')
@stop
@section('page-content')
@if (
$tenant->package == 3 ||
(($tenant->package == 1 || $tenant->package == 2) && $exist_users_count < $tenant->users_count))
@can('admin.users.add')
@if(App\Helpers\Helpers::checkAccountLink(1))
<a href="{{ route('users.add') }}" class="btn btn-default btn-primary mb-3">
    <i class="fa fa-plus"></i> @Lang('admin.add')
</a>
@else
{{ App\Helpers\Helpers::viewAccountLinkMsg() }}
@endif
@endcan
@else
<p class="alert alert-danger">@lang('admin.exceeded_users')</p>
@endif
<div class="table-rep-plugin">
    @include('admin.layout.error')

    <div class="table-responsive">
        <table id="users_table" class="table  table-striped">
            <thead>
                <tr>
                    <th>#</th>
                    <th>@Lang('admin.name')</th>
                    <th>@Lang('admin.status')</th>
                    <!--<th>@Lang('admin.client-status')</th>
                        <th>@Lang('admin.users-status')</th>-->
                    <th>@Lang('admin.actions')</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>
@stop
@section('modal')
@include('admin.layout.ajax')
@stop
@section('js')
<script type="text/javascript">
    $(document).ready(function () {
        let oTable = $('#users_table').DataTable({
            "processing": true,
            "serverSide": true,
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            "searching": false,
            "ajax": {
                url: "{{ route('users.list') }}",
                data: function (d) {
                    console.log(d);
                    d.name = $('input[name="name"]').val();
                }
            },
            "order": [
                [1, 'asc']
            ],
            "columnDefs": [{
                    "targets": "_all",
                    "defaultContent": ""
                }],
            "columns": [{
                    "data": ""
                },
                {
                    "data": "name"
                },
                {
                    "data": "status"
                },
                /*{"data": "client_type"},
                 {"data": "user_type"},*/
                {
                    "data": "actions"
                }
            ],
            "fnDrawCallback": function () {
                $('.tooltips').tooltip();
                oTable.column(0).nodes().each(function (cell, i) {
                    cell.innerHTML = (parseInt(oTable.page.info().start)) + i + 1;
                });
            }
        });
        $(document).on('click', ".status", function () {
            let id = $(this).data('href');
            let item = $(this);
            $.ajax({
                type: "POST",
                url: "{{ route('users.status') }}",
                data: {
                    'id': id,
                    '_token': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function () {
                    $(".ezdan_loading").show();
                },
                complete: function () {
                    $(".ezdan_loading").hide();
                },
                success: function (data) {
                    if (data.type == 'yes') {
                        item.removeClass("btn-danger");
                        item.addClass("btn-success");
                        item.html("<i class='fa fa-check'></i> @Lang('admin.enable') ");
                    } else if (data.type == 'no') {
                        item.removeClass("btn-success");
                        item.addClass("btn-danger");
                        item.html("<i class='fa fa-times'></i> @Lang('admin.disable') ");
                    }
                    toastr[data.status](data.message);
                }
            });
        });
        $('#confirm').on('show.bs.modal', function (e) {
            $("#delete_id").val($(e.relatedTarget).data('href'));
        });
        $(document).on('click', ".delete", function () {
            let id = $("#delete_id").val();
            $.ajax({
                type: "POST",
                url: "{{ route('users.delete') }}",
                data: {
                    'id': id,
                    '_token': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function () {
                    $(".ezdan_loading").show();
                },
                complete: function () {
                    $(".ezdan_loading").hide();
                },
                success: function (data) {
                    toastr[data.status](data.message);
                    oTable.draw();
                }
            });
        });
    });
</script>
@stop