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

@endsection
@section('content')
<div class="page inner-page-layout activities">

    <div class="page-header" style="background-image: url(assets/images/book-cover.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="page-thumbnail-wrapper">
                        <img src="assets/images/thums/thum-03.jpeg" class="page-thumbnail">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="page-title-wrapper">
                        <h1 class="page-title"> التسجيل في فعاليات معرض الكتاب الإسلامي 47 </h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape"></div>
    </div> <!-- page-header -->

    <div class="page-content">

        <div class="container">

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

                    <div class="card">


                        <div class="activity-pref" class="d-none">


                        </div><!-- activity-pref -->
<div class="d-block text-center mb-4">&nbsp;</div>
<p dir="rtl"><span style="color: #e03e2d;"><strong>سجِّل حضورك</strong></span> في الملتقيات والأمسيات العلمية والثقافية لمعرض الكتاب الإسلامي الـ47 واحصل على المميزات التالية:</p>
<ul class="custom-list" dir="rtl">
<li>الدخول في السحب على مجموعة من الهدايا النوعية للمشاركين في أكثر الفعاليات حضوراً، وتكريمهم في الحفل الختامي لمعرض الكتاب الإسلامي.</li>
<li>الحصول على الفعاليات والعروض المقدَّمة من الموقع والتطبيق الإلكترونين للمعرض.</li>
<li>التعريف بأبرز الفعاليات والمسابقات الثقافية والنوعية التي ستقام طوال العام من خلال الموقع الافتراضي، وتصلك من خلال التطبيق الإلكتروني لمعرض الكتاب الإسلامي.</li>
</ul>
<p class="lead" dir="rtl"><span style="text-decoration: underline;"><span style="color: #e03e2d; text-decoration: underline;"><strong>ملحوظة مهمة:</strong></span></span></p>
<p dir="rtl"><span style="color: #e03e2d;"><strong>أَثْبِت حضورك </strong></span>من خلال اللجنة الإدارية المنظِّمة ليمكنك الدخول لقاعة النشاط؛ حتى يتسنى لك السحب على الهدايا.</p>
                        <hr class="my-5" />

                        @include('vendor.errors')
                        <form action="" method="post">
                            @csrf
                        <div class="form-wrapper">

                            <div class="d-block mb-4">
                                <h3> استمارة الاشتراك </h3>
                            </div>

                            <div class="row">

                                <div class="col-md-6">
                                    <div class="form-group mb-4">
                                        <label> الاسم </label>
                                        <input type="text" class="form-control" name="name" reqiured placeholder="الاسم">
                                    </div> <!-- form-group -->
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group mb-4">
                                        <label> السن </label>
                                        <input type="text" class="form-control" name="age" required placeholder="السن">
                                    </div> <!-- form-group -->
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group mb-4">
                                        <label> رقم الهاتف</label>
                                        <input type="text" class="form-control" name="phone" required placeholder="رقم الهاتف ">
                                    </div> <!-- form-group -->
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group mb-4">
                                        <label> البريد الالكتروني</label>
                                        <input type="text" class="form-control" name="email" required placeholder="البريد الالكتروني">
                                    </div> <!-- form-group -->
                                </div>

                                <div class="col-md-12">

                                    <label class="bold m-0 mb-2"> الجنس </label>

                                    <div class="input-with-start-label-wrapper mb-4">

                                        <div class="form-group m-0">

                                            <div class="custom-control custom-radio custom-control-inline m-0">
                                                <input type="radio" id="customRadioInline1" name="sex" value="male" class="custom-control-input" checked>
                                                <label class="custom-control-label" for="customRadioInline1"> ذكر </label>
                                            </div>

                                            <div class="custom-control custom-radio custom-control-inline">
                                                <input type="radio" id="customRadioInline2" name="sex" value="female" class="custom-control-input">
                                                <label class="custom-control-label" for="customRadioInline2"> انثي </label>
                                            </div>


                                        </div> <!-- form-group -->

                                    </div> <!-- input-with-start-label-wrapper -->

                                </div>


                                <div class="col-md-12 mb-5">

                                    <label class="bold m-0 mb-2"> حدد الفعاليات التى تود حضورها </label>