@extends('admin.layouts.master')
@section('css')
    <!-- Internal Data table css -->
    @include('admin.helper.tablecss')
@endsection

@section('page-header')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto">تقرير استيراد المستخدمين</h4>
            </div>
        </div>
        <div class="d-flex my-xl-auto right-content">
            <div class="pr-1 mb-3 mb-xl-0">
                <a href="{{ route('admin.users.import.form') }}" class="btn btn-secondary btn-icon ml-2">
                    <x-lucide-arrow-right width="20" height="20" /> العودة للاستيراد
                </a>
                <a href="{{ route('admin.users.index') }}" class="btn btn-primary btn-icon ml-2">
                    <x-lucide-users width="20" height="20" /> عرض المستخدمين
                </a>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->
@endsection

@section('content')
    <!-- row -->
    <div class="row">
        <div class="col-lg-12 col-md-12">

            <!-- Summary Cards -->
            <div class="row">
                <div class="col-xl-3 col-lg-6 col-md-6 col-xm-12">
                    <div class="card overflow-hidden sales-card bg-primary-gradient">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h6 class="card-text mb-0 text-white">إجمالي الصفوف</h6>
                                    <h3 class="mb-2 number-font text-white">{{ $reportData['summary']['total_rows'] }}</h3>
                                </div>
                                <div class="col-auto">
                                    <div class="icon-circle bg-white text-primary">
                                        <x-lucide-file-text width="20" height="20" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-6 col-md-6 col-xm-12">
                    <div class="card overflow-hidden sales-card bg-success-gradient">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h6 class="card-text mb-0 text-white">تم بنجاح</h6>
                                    <h3 class="mb-2 number-font text-white">{{ $reportData['summary']['successful'] }}</h3>
                                </div>
                                <div class="col-auto">
                                    <div class="icon-circle bg-white text-success">
                                        <x-lucide-check width="20" height="20" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-6 col-md-6 col-xm-12">
                    <div class="card overflow-hidden sales-card bg-danger-gradient">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h6 class="card-text mb-0 text-white">فشل</h6>
                                    <h3 class="mb-2 number-font text-white">{{ $reportData['summary']['failed'] }}</h3>
                                </div>
                                <div class="col-auto">
                                    <div class="icon-circle bg-white text-danger">
                                        <x-lucide-x width="20" height="20" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-6 col-md-6 col-xm-12">
                    <div class="card overflow-hidden sales-card bg-warning-gradient">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h6 class="card-text mb-0 text-white">مكرر</h6>
                                    <h3 class="mb-2 number-font text-white">{{ $reportData['summary']['duplicates'] }}</h3>
                                </div>
                                <div class="col-auto">
                                    <div class="icon-circle bg-white text-warning">
                                        <x-lucide-copy width="20" height="20" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Report Details -->
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">تفاصيل التقرير</h3>
                    <div class="card-options">
                        <small class="text-muted">تاريخ الإنشاء: {{ $reportData['created_at'] }}</small>
                    </div>
                </div>
                <div class="card-body">

                    @if ($reportData['summary']['successful'] > 0)
                        <div class="alert alert-success">
                            <h5><x-lucide-check-circle width="20" height="20" /> نجح الاستيراد!</h5>
                            <p class="mb-0">تم استيراد {{ $reportData['summary']['successful'] }} مستخدم بنجاح.</p>
                        </div>
                    @endif

                    @if (count($reportData['failed_rows']) > 0)
                        <div class="card mt-3">
                            <div class="card-header bg-danger text-white">
                                <h5 class="mb-0"><x-lucide-x-circle width="20" height="20" /> الصفوف التي فشلت
                                    ({{ count($reportData['failed_rows']) }})</h5>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>رقم الصف</th>
                                                <th>الاسم</th>
                                                <th>البريد الإلكتروني</th>
                                                <th>الهاتف</th>
                                                <th>الأخطاء</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($reportData['failed_rows'] as $row)
                                                <tr>
                                                    <td>{{ $row['row'] }}</td>
                                                    <td>{{ $row['data']['name'] ?? '-' }}</td>
                                                    <td>{{ $row['data']['email'] ?? '-' }}</td>
                                                    <td>{{ $row['data']['mobile'] ?? '-' }}</td>
                                                    <td>
                                                        @if (isset($row['errors']))
                                                            <ul class="mb-0">
                                                                @foreach ($row['errors'] as $field => $errors)
                                                                    @foreach ($errors as $error)
                                                                        <li class="text-danger small">{{ $error }}
                                                                        </li>
                                                                    @endforeach
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if (count($reportData['duplicate_rows']) > 0)
                        <div class="card mt-3">
                            <div class="card-header bg-warning text-dark">
                                <h5 class="mb-0"><x-lucide-copy width="20" height="20" /> الصفوف المكررة
                                    ({{ count($reportData['duplicate_rows']) }})</h5>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>رقم الصف</th>
                                                <th>الاسم</th>
                                                <th>البريد الإلكتروني</th>
                                                <th>الهاتف</th>
                                                <th>السبب</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($reportData['duplicate_rows'] as $row)
                                                <tr>
                                                    <td>{{ $row['row'] }}</td>
                                                    <td>{{ $row['data']['name'] ?? '-' }}</td>
                                                    <td>{{ $row['data']['email'] ?? '-' }}</td>
                                                    <td>{{ $row['data']['mobile'] ?? '-' }}</td>
                                                    <td>
                                                        <span class="badge badge-warning">{{ $row['message'] }}</span>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if (count($reportData['failed_rows']) == 0 && count($reportData['duplicate_rows']) == 0)
                        <div class="alert alert-success">
                            <h5><x-lucide-trophy width="20" height="20" /> مثالي!</h5>
                            <p class="mb-0">تم استيراد جميع البيانات بنجاح دون أي أخطاء أو تكرار.</p>
                        </div>
                    @endif

                </div>
            </div>

        </div>
    </div>
    <!-- /row -->
@endsection

@section('js')
    @include('admin.helper.tablescripts')
@endsection