@extends('front.layouts.app')
@section('css')

@endsection
@section('content')

<div class="page inner-page-layout activities">



    <div class="page-content">

        <div class="container">

            <div class="row">
                <div class="col-md-8 m-auto">

                    <div class="card">

                        <div class="activity-pref text-center ">

                            <div class="d-block  mb-4">
                                <h3> تم تسجيل بياناتك بنجاح </h3>
                            </div>

                            <p class="lead mb-4"> تم تسجيل بياناتك بنجاح نشكرك على تسجيل بياناتك لحضور فعالية <br /> برجاء الاحتفاظ بهذا الكود لعمل مسح له عند الدخول للفعالية </p>

                            <div id="qr-cards-wrapper">

                                                                    <div class="activity-qr-card mb-4">

                                        <div class="mb-3">
                                            <img src="/assets/images/logo-colored.png" class="logo">
                                        </div>

                                        <div class="mb-3">
                                            <!--<img src="/assets/images/qr-code.png" class="qr-code">-->
                                            {!! $qrCode !!}
                                        </div>

                                        <div class="mb-0">
                                            <p class="lead user-name mb-1">  {{$row->name}} </p>
                                            <!--<p class="activity-name"> فاعلية معرض الكتاب الاسلامي - الكويت </p>-->
                                        </div>

                                    </div>
                                
                            </div>

                            <a href="#" id="saveBtn" class="btn btn-primary"> حفظ </a>

                        </div><!-- activity-pref -->


                    </div>
                </div>
            </div>
        </div> <!-- container -->

    </div><!-- page-content -->

</div> <!-- page -->

@endsection

@section('js')

<script>
    $(document).ready(function() {
        // تهيئة التقويم باللغة العربية
        $(".date-picker").flatpickr({
            locale: "ar", // تحديد اللغة العربية
            dateFormat: "d-m-Y", // تنسيق التاريخ
            disableMobile: true, // تعطيل نمط الهاتف المحمول
            defaultDate: "2025-01-05", // تاريخ افتراضي
            enableTime: false, // تمكين الوقت
            inline: false
        });
    });
</script>

@endsection