@extends('layout/ace')

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

@section('title')
    Pregled korisnika
@endsection

@section('content')
    @livewire('custom-tabulator', ['model' => $model, 'modelHelper' => $modelHelper])

    <x-delete-modal></x-delete-modal>
@endsection

@section('scripts')
    @parent
    <script>
        let authorsAjaxURL = "{!! url()->current() !!}";
        let authorsInitialSort = [
            {column:"id", dir:"asc"},
        ];
        let authorsColumns = [
            {title: "<input type='checkbox'>", field:"checkbox", formatter: 'html', width: 50, headerSort: false, align:"center"},
            {title:"Ime i prezime", field:"full_name", formatter: 'html'},
            //{title:"Prezime", field:"last_name", formatter: 'html'},
            {title:"Napravljeno", field:"created_at", formatter: 'html'},
            {title:"Izmenjeno", field:"updated_at", formatter: 'html'},
            {title:"ID", field:"id", formatter: 'html', width: 100},
            {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>
    <script>
        document.querySelector("#btn-export").addEventListener('click', (e) => {
            e.preventDefault();
            const tip = document.querySelector("#tip").value;
            const role_id_parts = document.querySelector("#role_id").value.split('-')
            const role_id = role_id_parts[1];
            const status = document.querySelector("#status").value.replace(`${tip}_`, "");
            const licence = document.querySelector("#licence").value.replace(`${tip}_`, "");
            const full_name = document.querySelector("#full_name").value;

            window.location = route('cms.users.export', {user_type: tip, role_id, status, licence, full_name})
        })
    </script>
@endsection