@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> --}}
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>SN</th>
                                        <th>Payload</th>
                                        <th>Attempts</th>
                                        <th>Created At</th>
                                        {{-- <th>Full Payload</th> --}}
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($jobs as $job)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ json_decode($job->payload)->displayName ?? null }}</td>
                                            <td>{{ $job->attempts }}</td>
                                            <td>
                                                {{ date(config('custom.dfyhia2'), $job->created_at) }}
                                            </td>
                                            {{-- <td>{{ $job->payload }}</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>

                                <tfoot>
                                    <tr>
                                        <td colspan="5">{{ $jobs->links() }}</td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </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>
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>SN</th>
                                    <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>{{ $loop->iteration }}</td>
                                        <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>
    
</div>
</section>
@stop
@section('scripts')
<script>
    function toggleThis(val) {
        $('#' + val).toggle();
    }
</script>
@endsection