@extends('admin.layouts.master')
@section('css')
    @include('admin.helper.formscss')
@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.index') }}" class="btn btn-secondary btn-icon ml-2">
                    <x-lucide-arrow-right width="20" height="20" /> العودة للمستخدمين
                </a>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->
@endsection

@section('content')
    <!-- row -->
    <div class="row">
        <div class="col-lg-12 col-md-12">
            @if (session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif

            @if (session('warning'))
                <div class="alert alert-warning">
                    {{ session('warning') }}
                </div>
            @endif

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">استيراد المستخدمين من ملف Excel</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8">
                            <form action="{{ route('admin.users.import') }}" method="POST" enctype="multipart/form-data">
                                @csrf

                                <div class="form-group">
                                    <label for="file">اختر ملف Excel</label>
                                    <input type="file" name="file" id="file" class="form-control"
                                        accept=".xlsx,.xls,.csv" required>
                                    <small class="form-text text-muted">
                                        يجب أن يكون الملف من نوع Excel (.xlsx, .xls) أو CSV (.csv) وحجمه أقل من 10 ميجابايت
                                    </small>
                                </div>

                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">
                                        <x-lucide-upload width="20" height="20" /> رفع واستيراد الملف
                                    </button>
                                </div>
                            </form>
                        </div>

                        <div class="col-md-4">
                            <div class="card bg-light">
                                <div class="card-body">
                                    <h5 class="card-title">تحميل القالب</h5>
                                    <p class="card-text">
                                        يمكنك تحميل قالب Excel فارغ لملء البيانات بالشكل الصحيح.
                                    </p>
                                    <a href="{{ route('admin.users.import.template') }}" class="btn btn-success">
                                        <x-lucide-download width="20" height="20" /> تحميل القالب
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="alert alert-info">
                                <h5><x-lucide-info width="20" height="20" /> تعليمات الاستيراد:</h5>
                                <ul class="mb-0">
                                    <li>يجب أن يحتوي الملف على عمود العناوين في الصف الأول (بالضبط كما في القالب)</li>
                                    <li><strong>الحقول المطلوبة:</strong> <code>name</code>، <code>email</code>،
                                        <code>password</code></li>
                                    <li>كلمة المرور تُكتب نصاً عادياً — سيتم تشفيرها تلقائياً عند الاستيراد</li>
                                    <li>قيم الحقول المنطقية (0/1): <code>isactive</code>، <code>is_vendor</code>،
                                        <code>isapi</code>، <code>canrequestbalance</code>، <code>cantransferbalance</code>
                                    </li>
                                    <li>قيم <code>login_method</code>: <code>web</code>، <code>mobile</code>،
                                        <code>both</code></li>
                                    <li>قيم <code>profit_rate</code>: <code>one</code>، <code>two</code>،
                                        <code>three</code>، <code>four</code>، <code>five</code>، <code>six</code>،
                                        <code>seven</code></li>
                                    <li>الصفوف التي تحتوي على أخطاء أو بريد إلكتروني مكرر ستُتجاهل وتظهر في التقرير</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /row -->
@endsection

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