@extends('layouts.master')

@section('title', __('Completed Todo'))

@section("content")
    <div id="featured-services" class="featured-services main_section">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                        <div class="px-0">
                            <table id="bstable" class="table completed-list-table" data-icons="icons" data-show-button-text="true" table-for="assigned_list"
                                   data-icons-prefix="bi" data-ajax="ajaxRequestTodoCompletedList"
                                   data-side-pagination="server" data-pagination="true" data-total-field="count"
                                   data-data-field="items" data-filter-control="true" data-show-columns="true"
                                   data-show-columns-toggle-all="false" data-toolbar="#custom_toolbar_user"
                                   data-show-search-clear-button="true" data-loading-template="DataTaleLoadingTemplate"  data-search-on-enter-key="true">
                                <thead>
                                <tr>
                                    <th data-field="counter">{{ __('#') }}</th>
                                    <th data-field="created_at" data-filter-control="input" data-filter-control-placeholder="Date">{{__('Date')}}</th>
                                    <th data-field="title" data-filter-control="input" data-filter-control-placeholder="Title">{{__('Title')}}</th>
                                    <th data-field="label" data-filter-control="select"  data-filter-data="var:todo_label" data-formatter="todoLabelFormat" data-filter-control-placeholder="Label">{{ __('Label') }}</th>
                                    <th data-field="description" data-filter-control="input" data-filter-control-placeholder="Description">{{__('Description')}}</th>
                                    <th data-field="due_date" data-filter-control="input" data-filter-control-placeholder="Due Date">{{__('Due Date')}}</th>
                                    <th data-field="completed_date" data-filter-control="input" data-filter-control-placeholder="Completed Date">{{__('Completed Date')}}</th>
                                    <th data-field="count_of_assignees" data-filter-control="false" data-sortable="true" data-filter-control-placeholder="Count of Assignees">{{__('Count of Assignees')}}</th>
                                    <th data-field="action" data-filter-control="false">{{__('Action')}}</th>
                                </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{asset('frontend/js/page-js/todo-assigned-list.js')}}"></script>
@endpush