@extends('layouts.admin')

@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1>OCR Job Request Details</h1>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="{{ route('admin') }}">Home</a></li>
          <li class="breadcrumb-item"><a href="{{ route('admin.ocr_request_logs.index') }}">OCR Request Logs</a></li>
          <li class="breadcrumb-item active">Details</li>
        </ol>
      </div>
    </div>
  </div>
</section>

<!-- Main content -->
<section class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6">
        <div class="card">
          <div class="card-header">
            <h3 class="card-title">Basic Information</h3>
          </div>
          <div class="card-body">
            <table class="table table-borderless">
              <tr>
                <td><strong>ID:</strong></td>
                <td>{{ $job->id }}</td>
              </tr>
              <tr>
                <td><strong>UUID:</strong></td>
                <td>{{ $job->uuid ?? 'N/A' }}</td>
              </tr>
              <tr>
                <td><strong>Service Type:</strong></td>
                <td>{{ ucfirst($job->service_type ?? 'N/A') }}</td>
              </tr>
              <tr>
                <td><strong>Status:</strong></td>
                <td>
                  @php
                  $status = $job->status ?? 'unknown';
                  switch($status) {
                  case 'completed':
                  $badgeClass = 'badge-success';
                  break;
                  case 'pending':
                  $badgeClass = 'badge-warning';
                  break;
                  case 'failed':
                  $badgeClass = 'badge-danger';
                  break;
                  default:
                  $badgeClass = 'badge-secondary';
                  break;
                  }
                  @endphp
                  <span class="badge {{ $badgeClass }}">{{ ucfirst($status) }}</span>
                  @if(in_array($job->status, ['failed', 'error']))
                  <button type="button" class="btn btn-warning ml-2 btn-sm" onclick="retryOcrRequest({{ $job->id }})">
                    <i class="fas fa-redo"></i> Retry Request
                  </button>
                  @endif
                </td>
              </tr>
              <tr>
                <td><strong>Job UUID:</strong></td>
                <td>{{ $job->job_uuid ?? 'N/A' }}</td>
              </tr>
              <tr>
                <td><strong>Image Path:</strong></td>
                <td>{{ $job->img_path ?? 'N/A' }}</td>
              </tr>
              <tr>
                <td><strong>Attempt At:</strong></td>
                <td>{{ $job->attempt_at ? $job->attempt_at->format('Y-m-d H:i:s') : 'N/A' }}</td>
              </tr>
              <tr>
                <td><strong>Completed At:</strong></td>
                <td>{{ $job->completed_at ? $job->completed_at->format('Y-m-d H:i:s') : 'N/A' }}</td>
              </tr>
              <tr>
                <td><strong>Created At:</strong></td>
                <td>{{ $job->created_at ? $job->created_at->format('Y-m-d H:i:s') : 'N/A' }}</td>
              </tr>
              <tr>
                <td><strong>Updated At:</strong></td>
                <td>{{ $job->updated_at ? $job->updated_at->format('Y-m-d H:i:s') : 'N/A' }}</td>
              </tr>
            </table>
          </div>
        </div>
      </div>

      <div class="col-md-6">
        <div class="card">
          <div class="card-header">
            <h3 class="card-title">User Information</h3>
          </div>
          <div class="card-body">
            @if($job->receiptUser)
            <table class="table table-borderless">
              <tr>
                <td><strong>User ID:</strong></td>
                <td>{{ $job->receiptUser->id }}</td>
              </tr>
              <tr>
                <td><strong>Name:</strong></td>
                <td>{{ sanitise_name($job->receiptUser->name) }}</td>
              </tr>
              <tr>
                <td><strong>Email:</strong></td>
                <td>{{ sanitise_name($job->receiptUser->email) }}</td>
              </tr>
              <tr>
                <td><strong>Mobile:</strong></td>
                <td>{{ sanitise_name($job->receiptUser->mobile) ?? 'N/A' }}</td>
              </tr>
            </table>
            @else
            <p class="text-muted">No user information available</p>
            @endif
          </div>
        </div>
      </div>
    </div>

    @if($job->requester)
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-header">
            <h3 class="card-title">Requester Information</h3>
          </div>
          <div class="card-body">
            <table class="table table-borderless">
              <tr>
                <td><strong>Requester Type:</strong></td>
                <td>{{ class_basename($job->requester) }}</td>
              </tr>
              <tr>
                <td><strong>Requester ID:</strong></td>
                <td>{{ $job->requester->id ?? 'N/A' }}</td>
              </tr>
            </table>
          </div>
        </div>
      </div>
    </div>
    @endif

    <div class="row">
      <div class="col-12">
        <a href="{{ route('admin.ocr_request_logs.index') }}" class="btn btn-secondary">
          <i class="fas fa-arrow-left"></i> Back to List
        </a>
      </div>
    </div>

    @if(in_array($job->status, ['failed', 'error']))
    <script>
      function retryOcrRequest(jobId) {
      if (confirm('Are you sure you want to retry this OCR request?')) {
        // Show loading state
        const button = event.target;
        const originalText = button.innerHTML;
        button.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Retrying...';
        button.disabled = true;
        
        // Make AJAX request to retry endpoint
        fetch(`/admin/ocr-request-logs/${jobId}/retry`, {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
          }
        })
        .then(response => response.json())
        .then(data => {
          if (data.success) {
            // Show success message and reload page
            alert('OCR request has been queued for retry successfully!');
            location.reload();
          } else {
            // Show error message
            alert('Failed to retry OCR request: ' + (data.message || 'Unknown error'));
            // Restore button state
            button.innerHTML = originalText;
            button.disabled = false;
          }
        })
        .catch(error => {
          console.error('Error:', error);
          alert('An error occurred while retrying the request.');
          // Restore button state
          button.innerHTML = originalText;
          button.disabled = false;
        });
      }
    }
    </script>
    @endif
  </div>
</section>
@endsection