@extends('master.authMaster')
@section('content')
    <div class="intro-y col-span-12 lg:col-span-12">

        <div class="intro-y box mt-5" style=" padding: 20px 20px 30px 20px;">
            <!-- BEGIN: Horizontal Form -->
            <div class="intro-y box mt-5">

                <h2 class="text-xl font-bold mb-4">Add Bulk Donor/Member</h2>

                {{-- Show validation errors --}}
                @if ($errors->any())
                    <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
                        <ul class="list-disc pl-5">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <!-- resources/views/donors/import.blade.php -->
                <form action="{{ route('donors.importCSV') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="preview">
                        <div class="intro-y col-span-12 lg:col-span-12">
                            <div class="intro-y box">
                                <div class="p-5" id="input">
                                    <div class="preview">
                                        <div class="w-full -ml-4 -mr-4 flex flex-wrap">
                                            <div class="w-6/12 px-4">
                                                <div class="mt-3">
                                                    <label>Select Donor/Member Type &nbsp; <span
                                                            style="color:red;">*</span></label>
                                                    <select name="donor_type" class="w-full border mt-2 p-2 rounded"
                                                        required>
                                                        <option value="">-- Select Donor/Member Type --</option>
                                                        <option value="members">Members</option>
                                                        <option value="foreign_members">Family Members</option>
                                                        <option value="non_members">Non Members</option>
                                                    </select>
                                                    <div class="text-red-500 text-sm mt-1 error-message">
                                                        @error('donor_type')
                                                            {{ $message }}
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="w-6/12 px-4">
                                                <div class="mt-3">
                                                    <label>Upload Csv File</label>
                                                    <input type="file" class="w-full border mt-2 p-2 rounded"
                                                        name="csv_file" accept="" multiple>
                                                    <ul id="file-list" class="mt-2 text-sm text-gray-600 space-y-1">
                                                    </ul>
                                                    <div class="text-red-500 text-sm mt-1 error-message"
                                                        id="error-csv-file"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="sm:pl-5 mt-5">

                            <a href="{{ route('donor.index') }}"><span
                                    class="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600 mr-2">
                                    ← Back
                                </span></a>
                            <button type="submit" class="button w-24 bg-theme-1 text-white">Save</button>
                        </div>
                    </div>
                </form>
                </form>

            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    @if (session('success'))
        <script>
            Swal.fire({
                icon: 'success',
                title: 'Success',
                text: "{{ session('success') }}",
                confirmButtonColor: '#3085d6',
                confirmButtonText: 'OK'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = "{{ route('donor.index') }}";
                }
            });
        </script>
    @endif

    @if (session('error'))
        <script>
            Swal.fire({
                icon: 'error',
                title: 'Error',
                text: "{{ session('error') }}",
                confirmButtonColor: '#d33',
                confirmButtonText: 'OK'
            });
        </script>
    @endif

@endsection