@extends('layout')

@section('title','Upload Result')

@section('content')
<div class="content">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-{{ $upload->imported_rows > 0 ? 'success' : ($upload->skipped_rows > 0 ? 'warning' : 'danger') }} text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-file-alt"></i> Hasil Upload: {{ $upload->original_name }}
                    </h5>
                </div>
                
                <div class="card-body">
                    <!-- Statistik -->
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body text-center">
                                    <h6 class="card-title">Total Data</h6>
                                    <h4 class="text-primary">{{ number_format($upload->total_rows) }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body text-center">
                                    <h6 class="card-title">Diimport</h6>
                                    <h4 class="text-success">{{ number_format($upload->imported_rows) }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body text-center">
                                    <h6 class="card-title">Diupdate</h6>
                                    <h4 class="text-warning">{{ number_format($upload->updated_rows ?? 0) }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body text-center">
                                    <h6 class="card-title">Dilewati</h6>
                                    <h4 class="text-danger">{{ number_format($upload->skipped_rows) }}</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Success Rate -->
                    @php
                        $successRate = 0;
                        if ($upload->total_rows > 0) {
                            $successRows = ($upload->imported_rows + ($upload->updated_rows ?? 0));
                            $successRate = round(($successRows / $upload->total_rows) * 100, 2);
                        }
                        $successClass = $successRate >= 90 ? 'success' : 
                                       ($successRate >= 50 ? 'warning' : 'danger');
                    @endphp
                    
                    <div class="alert alert-{{ $successClass }}">
                        <h6><i class="fas fa-chart-line"></i> Success Rate: {{ $successRate }}%</h6>
                        <div class="progress" style="height: 20px;">
                            <div class="progress-bar bg-{{ $successClass }}" 
                                 style="width: {{ $successRate }}%">
                                {{ $successRate }}%
                            </div>
                        </div>
                    </div>
                    
                    <!-- Informasi Upload -->
                    <div class="row">
                        <div class="col-md-6">
                            <table class="table table-sm">
                                <tr>
                                    <th width="40%">File</th>
                                    <td>{{ $upload->original_name }}</td>
                                </tr>
                                <tr>
                                    <th>Upload oleh</th>
                                    <td>{{ $upload->user->name ?? 'System' }}</td>
                                </tr>
                                <tr>
                                    <th>Tanggal Upload</th>
                                    <td>{{ $upload->created_at->format('d/m/Y H:i:s') }}</td>
                                </tr>
                                <tr>
                                    <th>Waktu Proses</th>
                                    <td>
                                        @if(isset($upload_result['processing_time']))
                                            {{ $upload_result['processing_time'] }} detik
                                        @else
                                            -
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    
                    <!-- Errors Section -->
                    @php
                        $errorsArray = [];
                        if (!empty($upload->errors)) {
                            try {
                                $errorsArray = json_decode($upload->errors, true);
                                if (!is_array($errorsArray)) {
                                    $errorsArray = [['error' => $upload->errors]];
                                }
                            } catch (\Exception $e) {
                                $errorsArray = [['error' => 'Error parsing error data']];
                            }
                        }
                    @endphp
                    
                    @if(is_array($errorsArray) && count($errorsArray) > 0)
                    <div class="mt-4">
                        <h5><i class="fas fa-exclamation-triangle text-warning"></i> Error Log</h5>
                        <div class="table-responsive">
                            <table class="table table-sm table-hover">
                                <thead>
                                    <tr>
                                        <th width="10%">Baris</th>
                                        <th width="40%">Error</th>
                                        <th>Data</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($errorsArray as $error)
                                    <tr>
                                        <td class="text-center">
                                            <span class="badge badge-danger">{{ $error['row'] ?? 'N/A' }}</span>
                                        </td>
                                        <td>
                                            <small class="text-danger">{{ $error['error'] ?? 'Unknown error' }}</small>
                                        </td>
                                        <td>
                                            <small class="text-muted">
                                                {{ substr($error['data'] ?? '', 0, 100) }}
                                                @if(strlen($error['data'] ?? '') > 100) ... @endif
                                            </small>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        
                        @if(count($errorsArray) > 10)
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle"></i> 
                            Menampilkan {{ min(10, count($errorsArray)) }} dari {{ count($errorsArray) }} error.
                        </div>
                        @endif
                    </div>
                    @else
                    <div class="alert alert-success">
                        <i class="fas fa-check-circle"></i> Tidak ada error yang ditemukan.
                    </div>
                    @endif
                    
                    <!-- Actions -->
                    <hr>
                    <div class="d-flex justify-content-between">
                        <div>
                            <a href="{{ route('hscode.upload') }}" class="btn btn-primary">
                                <i class="fas fa-upload"></i> Upload Lagi
                            </a>
                            <a href="{{ route('hscode.upload.history') }}" class="btn btn-outline-secondary">
                                <i class="fas fa-history"></i> Lihat Riwayat
                            </a>
                        </div>
                        
                        @if(is_array($errorsArray) && count($errorsArray) > 0)
                        <a href="#" class="btn btn-outline-danger">
                            <i class="fas fa-download"></i> Download Error Report
                        </a>
                        @endif
                    </div>
                    
                    <!-- Recent Uploads -->
                    @if($recentUploads->count() > 0)
                    <hr class="my-4">
                    <h5><i class="fas fa-history"></i> Upload Terakhir</h5>
                    <div class="table-responsive">
                        <table class="table table-sm table-hover">
                            <thead>
                                <tr>
                                    <th>File</th>
                                    <th>Tanggal</th>
                                    <th>Import</th>
                                    <th>Update</th>
                                    <th>Skip</th>
                                    <th>Status</th>
                                    <th>Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($recentUploads as $recent)
                                @if($recent->id != $upload->id)
                                <tr>
                                    <td>
                                        <small>{{ $recent->original_name }}</small>
                                    </td>
                                    <td>{{ $recent->created_at->format('d/m/Y H:i') }}</td>
                                    <td>
                                        <span class="badge badge-success">{{ $recent->imported_rows }}</span>
                                    </td>
                                    <td>
                                        <span class="badge badge-warning">{{ $recent->updated_rows ?? 0 }}</span>
                                    </td>
                                    <td>
                                        <span class="badge badge-danger">{{ $recent->skipped_rows }}</span>
                                    </td>
                                    <td>
                                        @php
                                            $recentSuccessRate = 0;
                                            if ($recent->total_rows > 0) {
                                                $recentSuccessRows = ($recent->imported_rows + ($recent->updated_rows ?? 0));
                                                $recentSuccessRate = round(($recentSuccessRows / $recent->total_rows) * 100, 2);
                                            }
                                            $recentBadgeClass = $recentSuccessRate >= 90 ? 'badge-success' : 
                                                              ($recentSuccessRate >= 50 ? 'badge-warning' : 'badge-danger');
                                        @endphp
                                        <span class="badge {{ $recentBadgeClass }}">
                                            {{ $recentSuccessRate }}%
                                        </span>
                                    </td>
                                    <td>
                                        <a href="{{ route('hscode.upload.result', $recent->id) }}" 
                                           class="btn btn-sm btn-info" title="Lihat Detail">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script src="{{asset('global_assets/js/plugins/notifications/pnotify.min.js')}}"></script>
<script>
    $(document).ready(function() {
        // Show success message if exists
        @if(session('success'))
            new PNotify({
                title: 'Success',
                text: '{{ session('success') }}',
                icon: 'icon-checkmark3',
                type: 'success',
                delay: 5000
            });
        @endif
        
        @if(session('error'))
            new PNotify({
                title: 'Error',
                text: '{{ session('error') }}',
                icon: 'icon-blocked',
                type: 'error',
                delay: 5000
            });
        @endif
    });
</script>
@endsection