{{-- @extends('layouts.admin')
@section('pageTitle', 'Users List')
@section('innerTitle', 'Users List')
@section('breadcrumb')
    @include('admin.partials.crumb', [
        'crumbs' => [
            route('admin.dashboard') => __('default.dashboard'),
            '#' => 'Users',
        ],
    ])
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div>
                    <div>
                        <a href="{{ url('/admin/admins/create') }}" class="btn btn-success btn-sm" title="@lang('default.add-new')">
                            <i class="fa fa-plus" aria-hidden="true"></i> @lang('default.add-new')
                        </a>
                        <br />
                        <br />
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th></th>
                                        <th>@lang('default.name')</th>
                                        <th>@lang('default.email')</th>
                                        <th>@lang('default.enabled')</th>
                                        <th>@lang('default.role')</th>
                                        <th>@lang('default.actions')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($admins as $item)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>
                                                <img class="mr-3 rounded-circle" width="50"
                                                    src="{{ profilePictureUrl($item->picture) }}" />
                                            </td>
                                            <td>{{ $item->name }} {{ $item->last_name }}</td>
                                            <td>{{ $item->email }}</td>
                                            <td>{{ boolToString($item->enabled) }}</td>
                                            <td>
                                                @if ($item->admin)
                                                    {{ $item->admin->adminRole->name }}
                                                @endif
                                            </td>
                                            <td>
                                                <form method="POST" action="{{ url('/admin/admins' . '/' . $item->id) }}"
                                                    accept-charset="UTF-8" class="int_inlinedisp"
                                                    id="form{{ $item->id }}">
                                                    <div class="btn-toolbar mb-3" role="toolbar" aria-label="Toolbar with button groups">
                                                        <div class="btn-group mr-2" role="group" aria-label="View button">
                                                            <a href="{{ url('/admin/admins/' . $item->id) }}" title="@lang('default.view')" class="btn btn-info btn-sm" data-toggle="tooltip" data-placement="top" title="@lang('default.view')">
                                                                <i class="fa fa-eye" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                        <div class="btn-group mr-2" role="group" aria-label="Edit button">
                                                            <a href="{{ url('/admin/admins/' . $item->id . '/edit') }}" title="@lang('default.edit')" class="btn btn-primary btn-sm" data-toggle="tooltip" data-placement="top" title="@lang('default.edit')">
                                                                <i class="fa fa-edit" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                        <div class="btn-group" role="group" aria-label="Delete button">
                                                            <button type="submit" class="btn btn-danger btn-sm" title="@lang('default.delete')" onclick="return confirm(&quot;@lang('default.confirm-delete')?&quot;)" data-toggle="tooltip" data-placement="top" title="@lang('default.delete')">
                                                                <i class="fa fa-trash" aria-hidden="true"></i>
                                                            </button>
                                                        </div>
                                                    </div>                                                    
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="pagination-wrapper"> {!! clean($admins->appends(['search' => Request::get('search')])->render()) !!} </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection --}}


@extends('layouts.admin')
@section('pageTitle', 'Users List')
@section('innerTitle', 'Users List')
@section('breadcrumb')
    @include('admin.partials.crumb', [
        'crumbs' => [
            route('admin.dashboard') => __('default.dashboard'),
            '#' => 'Users',
        ],
    ])
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div>
                    <div>
                        <a href="{{ url('/admin/admins/create') }}" class="btn btn-success btn-sm float-right" title="@lang('default.add-new')">
                            <i class="fa fa-plus" aria-hidden="true"></i> @lang('default.add-new')
                        </a>
                        <br />
                        <br />
                        <div class="card table-responsive">
                            <table id="admins-table" class="table">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>@lang('default.name')</th>
                                        <th>@lang('default.email')</th>
                                        <th>@lang('default.enabled')</th>
                                        <th>Role</th>
                                        <th>@lang('default.actions')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('footer')
    <!-- Modal for Delete Confirmation -->
    <div class="modal fade" id="deleteConfirmationModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmationModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="deleteConfirmationModalLabel">@lang('default.confirm-delete')</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Yakin Untuk Menghapus Role?
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">@lang('default.cancel')</button>
                    <form id="deleteForm" method="POST" action="#">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger">@lang('default.delete')</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Di bagian footer blade -->
    <script>
        $(document).ready(function() {
            var table = $('#admins-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ url('/admin/admins') }}",
                columns: [{
                        data: null,
                        name: 'id',
                        searchable: false
                    },
                    {
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'email',
                        name: 'email'
                    },
                    {
                        data: 'status',
                        name: 'status',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'role',
                        name: 'role'
                    },
                    {
                        data: 'actions',
                        name: 'actions',
                        orderable: false,
                        searchable: false
                    }
                ],
                rowId: 'id',
                mark: {
                    className: 'mark'
                },
                "bLengthChange": false,
                "bInfo": false,
            });

            // Mengatur nomor baris secara otomatis
            table.on('draw.dt', function() {
                var PageInfo = $('#admins-table').DataTable().page.info();
                table.column(0, {
                    page: 'current'
                }).nodes().each(function(cell, i) {
                    cell.innerHTML = i + 1 + PageInfo.start;
                });
            });
        });
    </script>
@endsection