@extends('layout/ace')

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

@section('title')
    Pregled kreatora
@endsection

@section('content')
    <a href="{{ route('cms.creator.create') }}" class="btn btn-primary">Novi kreator</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-creators</x-slot>
        <x-slot name='reset_table_id'>reset-table-creators</x-slot>
    </x-run-tabulator-filters>

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

@section('scripts')
    @parent
    <script>
        let creatorsAjaxURL = "{!! url()->current() !!}";
        let creatorsInitialSort = [
            {column:"id", dir:"asc"},
        ];
        let creatorsColumns = [
            {title:"ID", field:"id"},
            {title:"Ime", field:"first_name"},
            {title:"Prezime", field:"last_name"},
            {title:"Napravljeno", field:"created_at"},
            {title:"Izmenjeno", field:"updated_at"},
            {title:"Akcije", field:"actions", headerSort: false, formatter: 'html'},
        ];
        let creatorsFilterIds = ['id','first_name', 'last_name'];
        initTabulator(
            'creators-table',
            creatorsAjaxURL,
            creatorsInitialSort,
            creatorsColumns,
            'run-filter-creators',
            'reset-table-creators',
            creatorsFilterIds
        );
    </script>
@endsection