@extends('layouts.app')

@section('title', __('managementtools::lang.user_tasks_page'))

@section('content')
@include('managementtools::layouts.nav')

<section class="content no-print mt-page mt-user-tasks-page">
    <div class="mt-page-header">
        <h1><i class="fas fa-tasks" style="color:#2563eb;margin-left:8px;"></i> @lang('managementtools::lang.user_tasks_page')</h1>
        <button type="button" class="mt-btn-primary btn-modal"
            data-href="{{ action([\Modules\ManagementTools\Http\Controllers\EmployeeTaskController::class, 'create']) }}"
            data-container=".mt_task_modal">
            <i class="fa fa-plus"></i> @lang('managementtools::lang.add')
        </button>
    </div>

    <div class="mt-card">
        <div class="mt-card-body" style="padding-top:0;">
            <ul class="nav nav-tabs mt-ut-tabs" role="tablist">
                <li role="presentation" class="active">
                    <a href="#mt-ut-defined" role="tab" data-toggle="tab">
                        @lang('managementtools::lang.user_defined_tasks')
                        <span class="badge">{{ $defined_tasks->total() }}</span>
                    </a>
                </li>
                <li role="presentation">
                    <a href="#mt-ut-unreported" role="tab" data-toggle="tab">
                        @lang('managementtools::lang.tasks_without_report')
                        <span class="badge">{{ $unreported_tasks->count() }}</span>
                    </a>
                </li>
                <li role="presentation">
                    <a href="#mt-ut-inability" role="tab" data-toggle="tab">
                        @lang('managementtools::lang.inability_tasks')
                        <span class="badge">{{ $inability_tasks->total() }}</span>
                    </a>
                </li>
                <li role="presentation">
                    <a href="#mt-ut-incomplete" role="tab" data-toggle="tab">
                        @lang('managementtools::lang.incomplete_user_tasks')
                        <span class="badge">{{ $incomplete_tasks->total() }}</span>
                    </a>
                </li>
                <li role="presentation">
                    <a href="#mt-ut-approved" role="tab" data-toggle="tab">
                        @lang('managementtools::lang.approved_tasks')
                        <span class="badge">{{ $approved_tasks->total() }}</span>
                    </a>
                </li>
                <li role="presentation">
                    <a href="#mt-ut-all" role="tab" data-toggle="tab">
                        @lang('managementtools::lang.all_tasks')
                        <span class="badge">{{ $all_tasks->total() }}</span>
                    </a>
                </li>
            </ul>

            <div class="tab-content mt-ut-tab-content">
                <div role="tabpanel" class="tab-pane fade in active" id="mt-ut-defined">
                    @include('managementtools::daily_reports.partials.user_tasks_table', [
                        'tasks' => $defined_tasks,
                        'can_urgent_message' => $can_urgent_message,
                        'can_task_report' => $can_task_report,
                    ])
                </div>

                <div role="tabpanel" class="tab-pane fade" id="mt-ut-unreported">
                    @include('managementtools::daily_reports.partials.user_tasks_table', [
                        'tasks' => $unreported_tasks,
                        'can_urgent_message' => $can_urgent_message,
                        'can_task_report' => $can_task_report,
                    ])
                </div>

                <div role="tabpanel" class="tab-pane fade" id="mt-ut-inability">
                    @include('managementtools::daily_reports.partials.user_tasks_table', [
                        'tasks' => $inability_tasks,
                        'can_urgent_message' => $can_urgent_message,
                        'can_task_report' => $can_task_report,
                    ])
                </div>

                <div role="tabpanel" class="tab-pane fade" id="mt-ut-incomplete">
                    @include('managementtools::daily_reports.partials.user_tasks_table', [
                        'tasks' => $incomplete_tasks,
                        'can_urgent_message' => $can_urgent_message,
                        'can_task_report' => $can_task_report,
                    ])
                </div>

                <div role="tabpanel" class="tab-pane fade" id="mt-ut-approved">
                    {!! Form::open(['url' => action([\Modules\ManagementTools\Http\Controllers\DailyReportController::class, 'userTasks']), 'method' => 'get', 'class' => 'form-inline', 'style' => 'margin-bottom:16px;direction:rtl;']) !!}
                        <div class="form-group" style="margin-left:8px;">
                            {!! Form::label('filter_start', __('managementtools::lang.start_date')) !!}
                            {!! Form::text('filter_start', $filter_start, ['class' => 'form-control mt-datepicker', 'readonly', 'autocomplete' => 'off']) !!}
                        </div>
                        <div class="form-group" style="margin-left:8px;">
                            {!! Form::label('filter_end', __('managementtools::lang.end_date')) !!}
                            {!! Form::text('filter_end', $filter_end, ['class' => 'form-control mt-datepicker', 'readonly', 'autocomplete' => 'off']) !!}
                        </div>
                        <div class="form-group" style="margin-left:8px;">
                            {!! Form::label('filter_user_id', __('managementtools::lang.user')) !!}
                            {!! Form::select('filter_user_id', $users, $filter_user_id, ['class' => 'form-control select2', 'placeholder' => __('managementtools::lang.all_employees'), 'style' => 'width:220px;']) !!}
                        </div>
                        <button type="submit" class="btn btn-primary">@lang('managementtools::lang.filter')</button>
                    {!! Form::close() !!}
                    @include('managementtools::daily_reports.partials.user_tasks_table', [
                        'tasks' => $approved_tasks,
                        'can_urgent_message' => $can_urgent_message,
                        'can_task_report' => $can_task_report,
                    ])
                </div>

                <div role="tabpanel" class="tab-pane fade" id="mt-ut-all">
                    @include('managementtools::daily_reports.partials.user_tasks_table', [
                        'tasks' => $all_tasks,
                        'can_urgent_message' => $can_urgent_message,
                        'can_task_report' => $can_task_report,
                    ])
                </div>
            </div>
        </div>
    </div>
</section>

<div class="modal fade mt_task_modal" tabindex="-1" role="dialog"></div>
<div class="modal fade mt_user_tasks_modal" tabindex="-1" role="dialog"></div>
@endsection

@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
    $('.select2').select2({ allowClear: true, placeholder: '@lang("managementtools::lang.all_employees")' });
    if (typeof MtDate !== 'undefined') {
        MtDate.initDatepicker('.mt-datepicker');
    }

    $(document).on('click', '.delete_mt_user_task', function() {
        var url = $(this).data('href');
        swal({ title: LANG.sure, icon: 'warning', buttons: true, dangerMode: true }).then(function(ok) {
            if (!ok) return;
            $.ajax({
                method: 'DELETE',
                url: url,
                dataType: 'json',
                success: function(r) {
                    if (r.success) {
                        toastr.success(r.msg);
                        setTimeout(function() { location.reload(); }, 800);
                    } else {
                        toastr.error(r.msg);
                    }
                }
            });
        });
    });
});
</script>
<style>
.mt-user-tasks-page .mt-ut-tabs { margin-bottom:0; border-bottom:1px solid #e5e7eb; }
.mt-user-tasks-page .mt-ut-tabs > li > a { font-weight:600; }
.mt-user-tasks-page .mt-ut-tabs .badge { background:#dc2626; margin-right:4px; }
.mt-user-tasks-page .mt-ut-tab-content { padding-top:16px; }
.mt-user-tasks-page .mt-ut-tasks-table td,
.mt-user-tasks-page .mt-ut-tasks-table th { font-size:13px; vertical-align:middle !important; }
.mt-user-tasks-page .thead-dark th { background:#1f2937; color:#fff; }
</style>
@endsection