@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('CMSKorisnici') }}
@endsection

@section('title')
    Pregled CMS korisnika
@endsection

@section('content')
    <a href="{{ route('cms.cms-user.create') }}" class="btn btn-primary">Novi korisnik</a>

    <x-input label="ID" name="id" id="id" popovercontent="Pretraga po ID-u" value=""></x-input>
    <x-input label="Ime" name="first_name" id="first_name" popovercontent="Pretraga po imenu" value=""></x-input>
    <x-input label="Prezime" name="last_name" id="last_name" popovercontent="Pretraga po prezimenu" value=""></x-input>

    <x-run-tabulator-filters>
        <x-slot name='run_filter_id'>run-filter-authors</x-slot>
        <x-slot name='reset_table_id'>reset-table-authors</x-slot>
    </x-run-tabulator-filters>

    <div id="authors-table" class="mt-5"></div>
@endsection

@section('scripts')
    @parent
    <script>
        let authorsAjaxURL = "{!! url()->current() !!}";
        let authorsInitialSort = [
            {column:"id", dir:"asc"},
        ];
        let authorsColumns = [
            {title:"ID", field:"id"},
            {title:"Ime i prezime", field:"full_name"},
            {title:"Email", field:"email"},
            {title:"Uloga", field:"cms_role_name"},
            {title:"Napravljeno", field:"created_at"},
            {title:"Akcije", field:"actions", headerSort: false, formatter: 'html'},
        ];
        let authorsFilterIds = ['id','first_name', 'last_name'];
        initTabulator(
            'authors-table',
            authorsAjaxURL,
            authorsInitialSort,
            authorsColumns,
            'run-filter-authors',
            'reset-table-authors',
            authorsFilterIds
        );
    </script>
@endsection