@extends('layouts.admin')

@section('title', 'Certificate Generation Log Details')

@push('styles')
<style>
.content {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
</style>
@endpush

@section('content')
<div class="content">
    <div class="pb-3">
        <div class="row g-4">
            <div class="col-12">
                <!-- Page Header -->
                <div class="mb-4 d-flex justify-content-between align-items-center">
                    <div>
                        <h2 class="mb-2">Batch #{{ $log->id }} Details</h2>
                        <h5 class="text-body-tertiary fw-semibold">{{ $log->filename }}</h5>
                    </div>
                    <a href="{{ route('admin.certificates.logs') }}" class="btn btn-secondary">
                        <span data-feather="arrow-left" class="me-1"></span>Back to Logs
                    </a>
                </div>

                <!-- Summary Cards -->
                <div class="row g-3 mb-4">
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h3 class="text-primary">{{ $log->total_rows }}</h3>
                                <small class="text-muted">Total Records</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h3 class="text-success">{{ $log->successful }}</h3>
                                <small class="text-muted">Generated</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h3 class="text-warning">{{ $log->manual_payment }}</h3>
                                <small class="text-muted">Manual Payments</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h3 class="text-danger">{{ $log->skipped }}</h3>
                                <small class="text-muted">Skipped</small>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Details Card -->
                <div class="card mb-4">
                    <div class="card-header bg-body-highlight">
                        <h5 class="mb-0">
                            <span data-feather="info" class="me-2"></span>Batch Information
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <th style="width: 150px;">Batch Token:</th>
                                        <td><code>{{ $log->batch_token }}</code></td>
                                    </tr>
                                    <tr>
                                        <th>Generated By:</th>
                                        <td>
                                            <strong>{{ $log->admin->name ?? 'Unknown' }}</strong><br>
                                            <small class="text-muted">{{ $log->admin->email ?? '' }}</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>File Name:</th>
                                        <td>{{ $log->filename }}</td>
                                    </tr>
                                    <tr>
                                        <th>Sheet Name:</th>
                                        <td>{{ $log->sheet_name }}</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <th style="width: 150px;">Generated At:</th>
                                        <td>{{ $log->created_at->format('M d, Y h:i A') }}</td>
                                    </tr>
                                    <tr>
                                        <th>Expires At:</th>
                                        <td>
                                            {{ $log->expires_at->format('M d, Y h:i A') }}
                                            @if($log->isExpired())
                                                <span class="badge bg-danger ms-2">Expired</span>
                                            @else
                                                <span class="badge bg-success ms-2">Active</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Downloaded:</th>
                                        <td>
                                            @if($log->downloaded)
                                                <span class="badge bg-success">Yes</span>
                                                <small class="text-muted d-block">
                                                    {{ $log->downloaded_at->format('M d, Y h:i A') }}
                                                </small>
                                            @else
                                                <span class="badge bg-secondary">No</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Status:</th>
                                        <td>
                                            @if($log->isExpired())
                                                <span class="badge bg-danger">Expired</span>
                                            @elseif($log->downloaded)
                                                <span class="badge bg-success">Downloaded</span>
                                            @else
                                                <span class="badge bg-primary">Available</span>
                                            @endif
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <!-- Download Button -->
                        @if(!$log->isExpired() && \Illuminate\Support\Facades\Storage::exists($log->zip_path))
                            <div class="text-center mt-3">
                                <a href="{{ \Illuminate\Support\Facades\URL::signedRoute('admin.certificates.download', ['token' => $log->batch_token]) }}" 
                                   class="btn btn-success btn-lg">
                                    <span data-feather="download" class="me-2"></span>Download Certificates ZIP
                                </a>
                            </div>
                        @endif
                    </div>
                </div>

                <!-- Skipped Records -->
                @if($log->skipped > 0 && !empty($log->skipped_uids))
                <div class="card">
                    <div class="card-header bg-danger-subtle">
                        <h5 class="mb-0 text-danger">
                            <span data-feather="alert-circle" class="me-2"></span>Skipped Records ({{ $log->skipped }})
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-sm table-bordered">
                                <thead>
                                    <tr>
                                        <th style="width: 80px;">Row #</th>
                                        <th style="width: 150px;">UID</th>
                                        <th>Reason</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($log->skipped_uids as $skipped)
                                    <tr>
                                        <td>{{ $skipped['row'] ?? 'N/A' }}</td>
                                        <td><code>{{ $skipped['uid'] ?? 'N/A' }}</code></td>
                                        <td>{{ $skipped['reason'] ?? 'Unknown error' }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @endif

            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
// Initialize Feather icons
if (typeof feather !== 'undefined') {
    feather.replace();
}
</script>
@endpush
@endsection