@extends('layouts.app')
@section('title', trans('settings.task_and_checklist_title'))
@section('plugin-styles')
    <link type="text/css" rel="stylesheet" href="{{asset('vendors/daterangepicker/css/daterangepicker.css')}}" />
@stop

@section('content')
<div class="content">
    @section('content-header-right')
        @can('create task-checklists')
            <a href="{{url('settings/checklists/create')}}" class="btn-create btn-secondary-sm"><x-svg-icon icon="icon-plus" /><span class="hidden lg:inline-block">{{trans('forms.lbl_add_new')}}</span></a>
        @endcan

        <div class="flex flex-row sm:justify-end gap-4 items-center">


            <a href="{{url('settings/checklists/topics')}}" class="btn-tertiary-sm"><x-svg-icon width="24" height="24" icon="icon-file-check-complete" />{{__('title.topics')}}</a>

            @if(request()->user()->hasAnyPermission(['edit task-checklists']))
                <a href="{{route('checklists.all')}}?archived=1" class="btn-tertiary-sm"><span class="hidden lg:inline-block">{{trans('forms.lbl_see_archive')}}</span></a>
            @endif
        </div>
    @endsection

    @include('layouts.partials.single-page-header', [
            'pageTitle' => __('title.settings'),
            'pageSubTitle' => __('menu.task_and_checklist_title'),
        ])
    @include('checklist::checklists.filter', ['original_filter' => 0, 'status_filter' => 0])

    <div class="relative">
        <div class="selection-overlay hidden absolute top-1 left-16 right-1 bg-white/90 rounded-t-lg px-4 py-3 lg:py-2 flex items-center gap-3 z-[20]">
            <span class="text-md-semibold text-custom-grey-600"><span class="selected-count">0</span> {{ trans('forms.lbl_items_selected') }}</span>
            <x-svg-icon icon="vertical-bar" />

            @if(request()->user()->hasAnyPermission(['delete task-checklists']))
                <a href="javascript:;" data-uri="{{url('settings/checklists')}}" class="btn-delete-all text-sm-semibold text-custom-orange-500 flex items-center gap-2"><x-svg-icon width="24" height="24" icon="icon-trash" />
                    <span class="hidden lg:inline-block">{{trans('forms.lbl_delete')}}</span></a>
                <x-svg-icon icon="vertical-bar" />
            @endif

            @if(request()->user()->hasAnyPermission(['edit task-checklists']))
                <a href="javascript:;" data-uri="{{request()->has('archived') && request()->get('archived') == 1 ? url('checklists/unarchive') : url('checklists/archive')}}" class="btn-archive-all text-sm-semibold text-custom-orange-500 flex items-center gap-2">
                    <x-svg-icon width="20" height="24" icon="icon-archive" />
                    <span class="hidden lg:inline-block">{{request()->has('archived') && request()->get('archived') == 1 ? trans('forms.lbl_unarchive') : trans('forms.lbl_archive')}}</span>
                </a>
            @endif
        </div>

        <table id="datatable" class="table-custom-striped w-full" style="width: 100%;">

            <thead>

                <tr>

                    <th scope="col">

                        <input class="table-header-checkbox" type="checkbox" name="select_all" id="select-all" value="1">

                    </th>

                    <th class="{{request()->has('query') && request()->has('query') == "original" ? "": "w-md-25"}}" scope="col">{{trans("tables.task_title")}}</th>

                    {{-- <th scope="col">{{trans("tables.status_title")}}</th> --}}

                    <th scope="col">{{trans("tables.start_date")}}</th>

                    {{-- <th scope="col">{{trans("tables.due_date_title")}}</th> --}}


                    <th class="w-25" scope="col" >{{trans("tables.action_title")}}</th>

                </tr>

            </thead>

        </table>
    </div>

</div>
@include('checklist::checklist.lists')
@stop

@section('panel-content')
    @include('checklist::checklists.form-item')
    @if(auth()->user()->can('create', Modules\Checklist\Entities\Checklist::class))
        @include('checklist::checklists.form-collaborator')
    @endif
@stop

@section('footer-script')
    @php
        $route_prefix = 'settings.checklists.index';
        $task_url = url('settings/checklists');
    @endphp

	@include('checklist::scripts.admin')
    @include('checklist::scripts.comment')
@stop