@extends('backend::layouts.app')

@section('content')
    <div class="container-fluid">

        <x-ui.breadcrumb title="Tasks">
            <span>Tasks</span>
        </x-ui.breadcrumb>

        <x-ui.filters-card id="locations-filter-form">
            <x-form.select class="col-md-3" name="status" label="Status" :values="$status" value="{{request('status') }}"/>
            <x-filter.keyword class="col-12 col-md-3"/>
        </x-ui.filters-card>

        <x-ui.table-card :items="$crons">
            <table class="table  table-responsive-sm mb-0">
                <thead>
                <tr>
                    <th>Type</th>
                    <th>Execution Duration</th>
                    <th>Execution Date</th>
                    <th>Status</th>
                    <th class="th-action"> Actions</th>
                </tr>
                </thead>
                <tbody>

                @foreach($crons as $cron)
                    <tr>
                        <td>{{ $cron->cron_type->slug ?? 'N/A' }}</td>
                        <td>{{ $cron->execution_time }}</td>
                        <td>{{ app_datetime($cron->created_at) }}</td>
                        <td>
                            <span class="badge {{ $cron->status ? 'badge-success' : 'badge-danger' }}">
                                {{ $cron->status ? 'Success' : 'Fail' }}
                            </span>
                        </td>
                        <td class="td-action">
                            <a data-bs-toggle="collapse" href="#cron-{{$cron->id}}" class="btn btn-outline-dark btn-sm py-0 px-2">
                                <i class="fa fa-caret-down"></i>
                            </a>
                        </td>
                    </tr>
                    <tr class="collapse " id="cron-{{$cron->id}}" style="transition: none">
                        <td colspan="5">
                            <table class="table bg-primary-light">
                                <tr>
                                    <td class="w-25">Message</td>
                                    <td>{{ $cron->message }}</td>
                                </tr>
                                <tr>
                                    <td class="w-25">Arguments</td>
                                    <td>{{  json_encode($cron->args) }}</td>
                                </tr>
                                <tr>
                                    <td class="w-25">Result</td>
                                    <td>{{  json_encode($cron->result) }}</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </x-ui.table-card>
    </div>
@endsection