@php
    use Carbon\Carbon;
    $title = __('user.index');
@endphp
@extends('layouts.app')
@section('title', $title)
@section('content')
    <div class="flex justify-between items-center">
        @include('shared.fake-div')
        @include('shared.title', [$title])
        @include('shared.button', ['type' => 'add', 'url' => route('users.create'), 'label' => __('user.add')])
    </div>
    <x-table :$headers :$rows :$actions :data="$users"/>
    <script>
        function Logs(btn) {
            SetLoading(true);
            const url = $(btn).data('url');
            $.ajax({
                url: url,
                method: "GET",
            }).done(function (data) {
                $('#modal-target').html(data);
                const $targetEl = document.getElementById('logs-modal');
                modal = new Modal($targetEl);
                modal.show();
            }).fail(function (jqXHR, textStatus) {
                window.swal.fire({
                    title: 'Error!',
                    text: 'Please contact support',
                    icon: 'error',
                    confirmButtonText: 'Ok'
                });
                console.log(textStatus);
            }).always(function () {
                SetLoading(false);
            });
        }
    </script>
@endsection