@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('page-styles')
    <style>
        .popover {
            z-index: 1060;
        }
        .btnModal {
            background-color: #0068FF !important;
            width: 33px !important;
            height: 33px !important;
        }
    </style>
@stop

@section('content')
<div class="content">
    @section('content-header-right')

        @if (!(request()->has('archived') && request()->get('archived') == 1))
            @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
        @endif

        @if(request()->user()->hasAnyPermission(['edit task-checklists']))
            @if (request()->has('archived') && request()->get('archived') == 1)
                <a href="{{url()->previous()}}" class="btn-tertiary-sm"><span class="hidden lg:inline-block">{{trans('forms.lbl_back')}}</span></a>
            @else
                <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
        @endif

    @endsection

    @include('layouts.partials.single-page-header', [
            'pageTitle' => __('settings.task_and_checklist_title'),
            'pageSubTitle' => __('forms.checklist_all_title'),
        ])

    @include('checklist::checklists.filter', ['status_filter' => 1])

    <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="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 scope="col">{{trans("tables.assign_to_title")}}</th> --}}
                    <th scope="col">&nbsp;</th>

                    <th 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 = 'checklists.all';
        $task_url = url('checklists/all');
    @endphp

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