@extends('layouts.master')

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

@section('breadcrumb-text')
    <h1 class="w-100">
        {{ __("Todo : ") }}{{$todo->title}}
        <a href="{{ url()->previous() }}" data-toggle="tooltip" data-placement="top" title="Back" class="btn btn-primary float-end">
            {!! renderIconHtml('back') !!}{{ __("Back") }}
        </a>
    </h1>
@endsection

@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" data-icons="icons" data-show-button-text="true" table-for="assigned_list"
                                   data-icons-prefix="bi" data-ajax="ajaxRequestTodoAssignedUserList"
                                   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="username" data-filter-control="input" data-filter-control-placeholder="Username">{{__('Username')}}</th>
                                    <th data-field="email" data-filter-control="input" data-filter-control-placeholder="Email">{{ __('Email') }}</th>
                                    <th data-field="assigned_date" data-filter-control="input" data-filter-control-placeholder="Assigned Date">{{__('Assigned Date')}}</th>
                                    <th data-field="completed_date" data-filter-control="input" data-filter-control-placeholder="Completed Date">{{__('Completed Date')}}</th>
                                    <th data-field="status" data-filter-control="select" data-filter-data="var:todo_status" data-formatter="todostatusFormat" data-filter-control-placeholder="Status">{{ __('Status') }}</th>
                                </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

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