@extends('layouts.admin.admin')

@section('page-specific-styles')
    <link href="{{ asset('css/dropify.min.css') }}" rel="stylesheet">
@endsection
@section('title', 'Job')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h5 class="mb-0 font-size-18">Job</h5>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
                    <li class="breadcrumb-item active">Job</li>
                </ol>
            </div>

        </div>
    </div>
</div>
<section>
<div class="accordion" id="accordionExample">
    <div class="card">
        <div class="card-header" id="headingOne">
            <h2 class="mb-0">
                <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse"
                    data-target="#queue-jobs" aria-expanded="true" aria-controls="collapseOne">
                    Queue Jobs
                </button>
            </h2>
        </div>

        <div id="queue-jobs" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
            <div class="card-body">
                <div class="card">
                    <div class="card-body">
                        {{-- <a href="{{ route('job.dispatch.all') }}" class="btn btn-success btn-sm btn-custom-sm">Dispatch All</a> --}}
                        <table class="table table-responsive">
                            <thead>
                                <tr>
                                    <th>Payload</th>
                                    <th>Attempts</th>
                                    <th>Created At</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($jobs as $job)
                                    <tr>
                                        <td>{{ json_decode($job->payload)->displayName ?? null }}</td>
                                        <td>{{ $job->attempts }}</td>
                                        <td>
                                            {{ date(config('custom.dfyhia2'), $job->created_at) }}
                                        </td>
                                        <td>
                                            <a href="#"><button type="button" data-route="{{ route('job.destroy', $job->id) }}" data-reload="yes" class="btn btn-icon-toggle btn-sm btn-delete p-1" data-toggle="tooltip" id="sa-warning" data-placement="top" data-original-title="Delete"><i class="far fa-trash-alt text-danger"></i></button></a>
                                            
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header" id="headingTwo">
            <h2 class="mb-0">
                <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse"
                    data-target="#failed-jobs" aria-expanded="false" aria-controls="collapseTwo">
                    Failed Jobs
                </button>
            </h2>
        </div>
        <div id="failed-jobs" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
            <div class="card">
                <div class="card-body">
                    <a href="{{ route('job.retry.failed') }}" class="btn btn-success btn-sm btn-custom-sm">Retry All</a>
                    <table class="table table-responsive">
                        <thead>
                            <tr>
                                <th>Id</th>
                                <th>Connection</th>
                                <th>Queue</th>
                                <th>Payload</th>
                                <th>Attempts</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($failed_jobs as $fjob)
                                <tr>
                                    <td>{{ $fjob->id }}</td>
                                    <td>{{ $fjob->connection }}</td>
                                    <td >{{ $fjob->queue }}</td>
                                    <td class="hide-text">
                                        <button onclick="toggleThis('payload-{{$fjob->id}}')">View</button>
                                        <div id="payload-{{$fjob->id}}" style="display: none;">
                                        {{ $fjob->payload }}
                                        </div>
                                    </td>
                                    <td class="hide-text">
                                        <button onclick="toggleThis('error-{{$fjob->id}}')">View</button>
                                        <div id="error-{{$fjob->id}}" style="display: none;">
                                        {{ $fjob->exception }}
                                        </div>
                                    </td>
                                    <td>
                                        <a href="#"><button type="button" data-route="{{ route('job.failed.destroy', $fjob->id) }}" data-reload="yes" class="btn btn-icon-toggle btn-sm btn-delete p-1" data-toggle="tooltip" id="sa-warning" data-placement="top" data-original-title="Delete"><i class="far fa-trash-alt text-danger"></i></button></a>
                                        {{-- <form action="{{ route('job.destroy', $fjob->id) }}" method="post">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger">Delete</button>
                                        </form> --}}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
</div>
</section>
@stop
@section('scripts')
<script>
    function toggleThis(val) {
        $('#' + val).toggle();
    }
</script>
@endsection