@php
    use Carbon\Carbon;
    $title = $task->name;
@endphp
@extends('layouts.app')
@section('title', $title)
@section('content')
    <x-page-header>
        <x-slot name="left">
            <x-breadcrumbs :items="[
                ['label' => __('sidebar.dashboard'), 'url' => route('home.dashboard')],
                ['label' => __('task.index'), 'url' => route('tasks.index')],
                ['label' => $title, 'url' => '']
            ]"/>
        </x-slot>

        <x-slot name="right">
            @include('shared.button', ['type' => 'edit', 'url' => route('tasks.edit', $task)])
            @include('shared.button', ['type' => 'delete', 'url' => route('tasks.destroy', $task)])
        </x-slot>
    </x-page-header>

    <x-hr/>

    <ul class="space-y-5">
        <li>
            {{ __('table.user') . ' : ' . $task->User->name }}
        </li>
        <li>
            {{ __('table.name') . ' : ' . $task->name }}
        </li>
        <li>
            {{ __('task.StartTime') }} : {{ CheckDateTime($task->start_time, 'show', 'DateTime') }}
        </li>
        <li>
            {{ __('task.EndTime') }}
            : {{ !is_null($task->end_time) ? CheckDateTime($task->end_time, 'show', 'DateTime') : '---' }}
        </li>
        <li>
            {{ __('table.status') . ' : ' . ($task->active ? __('task.active') : __('task.inactive')) }}
        </li>
        <li>
            {{ __('forms.description') . ' : ' . ($task->description ?? '---') }}
        </li>
        <li>
            {{ __('task.WeekDays') . ' : ' . implode(' | ', $task->GetWeekDays(true)) }}
        </li>
        <li>
            {{ __('table.created_at') . ' : ' . CheckDateTime($task->created_at, 'show', 'DateTime') }}
        </li>
        <li>
            {{ __('table.updated_at') . ' : ' . CheckDateTime($task->updated_at, 'show', 'DateTime') }}
        </li>
    </ul>

    <x-hr/>

    <h3 class="font-semibold text-2xl">
        {{ __('task.tasks') }}
    </h3>
    <div class="relative overflow-x-auto shadow-md sm:rounded-lg mt-5 border-2 border-gray-300 dark:border-gray-700">
        <table id="data" class="w-full text-sm text-left rtl:text-right text-gray-900 dark:text-gray-100">
            <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
            <tr class="text-center">
                <th scope="col" class="px-6 py-3">
                    #
                </th>
                <th scope="col" class="px-6 py-3">
                    {{ __('forms.title') }}
                </th>
                <th scope="col" class="px-6 py-3">
                    {{ __('table.type') }}
                </th>
                <th scope="col" class="px-6 py-3">
                    {{ __('register.commands.run') }}
                </th>
                <th scope="col" class="px-6 py-3">
                    {{ __('forms.device') }}
                </th>
                <th scope="col" class="px-6 py-3">
                    {{ __('forms.register') }}
                </th>
                <th scope="col" class="px-6 py-3">
                    {{ __('forms.command') }}
                </th>
                <th scope="col" class="px-6 py-3">
                    {{ __('task.active') }}
                </th>
                <th scope="col" class="px-6 py-3">
                    {{ __('task.PriorityUseQueue') }}
                </th>
                <th scope="col" class="px-6 py-3">
                    {{ __('task.SafeRun') }}
                </th>
                <th scope="col" class="px-6 py-3">
                    {{ __('task.checksum') }}
                </th>
            </tr>
            </thead>
            <tbody>
            @forelse($task->SubTasks as $key => $SubTask)
                <tr class="odd:bg-dar-gray-100 odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800 text-center">
                    <td class="px-6 py-4">
                        {{ $key + 1 }}
                    </td>
                    <td class="px-6 py-4">
                        {{ $SubTask->title }}
                    </td>
                    <td class="px-6 py-4">
                        {{ __('table.' . $SubTask->type) }}
                    </td>
                    <td class="px-6 py-4">
                        {{ $SubTask->GetRunTime('full') }}
                    </td>
                    <td class="px-6 py-4">
                        {{ $SubTask->Device->name }}
                    </td>
                    <td class="px-6 py-4">
                        {{ $SubTask->Register->title ?? '---' }}
                    </td>
                    <td class="px-6 py-4">
                        {{ $SubTask->type == 'command' ? $SubTask->GetCommand() : '---' }}
                    </td>
                    <td class="px-6 py-4">
                        <i class="bi bi-{{ $SubTask->active ? 'check' : 'x' }}-circle-fill text-{{ $SubTask->active ? 'green' : 'red' }}-500"></i>
                    </td>
                    <td class="px-6 py-4">
                        <i class="bi bi-{{ $SubTask->priority ? 'check' : 'x' }}-circle-fill text-{{ $SubTask->priority ? 'green' : 'red' }}-500"></i>
                    </td>
                    <td class="px-6 py-4">
                        <i class="bi bi-{{ $SubTask->safe ? 'check' : 'x' }}-circle-fill text-{{ $SubTask->safe ? 'green' : 'red' }}-500"></i>
                    </td>
                    <td class="px-6 py-4">
                        {{ $SubTask->checksum ? ($SubTask->ChecksumRegister->title . ' = ' . $SubTask->checksum_register_value) : __('forms.NotSet') }}
                    </td>
                </tr>
            @empty
                <tr class="odd:bg-dar-gray-100 odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800 border-b dark:border-gray-700">
                    <td colspan="11" class="px-6 py-4 text-center">
                        {{ __('table.NoRecords') }}
                    </td>
                </tr>
            @endforelse
            </tbody>
        </table>
    </div>
@endsection