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

@endsection
@section('content')

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

    <div class="page-header" style="background-image: url({{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"> تسجيل دار نشر جديدة </h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape"></div>
    </div> <!-- page-header -->

    <div class="page-content">

        <div class="container">

            <div class="form-wrapper">
                @include('vendor.errors')
                <form action="{{route('register-publisher')}}" enctype="multipart/form-data" method="post">
                    @csrf
                    <div class="d-block mb-5">
                        <h3> بيانات عامة </h3>
                    </div>
    
                    <div class="row">
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> اسم دار النشر </label>
                                <input type="text" class="form-control" name="name" value="{{ old('name') }}" required placeholder="اسم دار النشر">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> تاريخ التأسيس </label>
                                <input type="text" class="form-control date-picker" required name="creation_day_date" value="{{ old('creation_day_date') }}" placeholder="تاريخ التأسيس">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> اسم البلد </label>
                                <input type="text" class="form-control" name="country" value="{{ old('country') }}" required placeholder="اسم البلد">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> اسم ممثل الدار </label>
                                <input type="text" class="form-control" name="presenter" value="{{ old('presenter') }}" required placeholder="  اسم ممثل الدار">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> الصفة</label>
                                <input type="text" class="form-control" name="case" value="{{ old('case') }}" placeholder="الصفة">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> البريد الالكتروني</label>
                                <input type="email" class="form-control" name="email" value="{{ old('email') }}" required placeholder="البريد الالكتروني">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
    
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> رقم الهاتف</label>
                                <input type="text" class="form-control" name="phone" value="{{ old('phone') }}" required placeholder="رقم الهاتف ">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> الموقع الالكتروني </label>
                                <input type="text" class="form-control" name="url" value="{{ old('url') }}" placeholder="  الموقع الالكتروني">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
    
                            <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="ee33" name="type" value="books" class="custom-control-input" checked>
                                        <label class="custom-control-label" for="ee33"> كتب </label>
                                    </div>
    
                                    <div class="custom-control custom-radio custom-control-inline">
                                        <input type="radio" id="4342rr" name="type" value="technologies" class="custom-control-input">
                                        <label class="custom-control-label" for="4342rr"> تقنيات ووسائل تعليمية</label>
                                    </div>
    
    
                                </div> <!-- form-group -->
    
                            </div> <!-- input-with-start-label-wrapper -->
    
                        </div>
    
                    </div>
    
    
                    <hr />
    
                    <div class="d-block mb-4">
                        <h3> مواقع التواصل الاجتماعي </h3>
                    </div>
    
    
                    <div class="row">
    
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> فيسبوك </label>
                                <input type="text" name="fb" class="form-control" value="{{ old('fb') }}" placeholder=" فيسبوك    ">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> يو تيوب </label>
                                <input type="text" name="yube" class="form-control" value="{{ old('yube') }}" placeholder=" يو تيوب    ">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
                        <div class="col-md-4">
    
                            <div class="form-group mb-4">
                                <label> اكس \ تويتر </label>
                                <input type="text" name="tw" class="form-control" value="{{ old('tw') }}" placeholder=" اكس \  تويتر    ">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
    
                    </div>
    
                    <hr />
    
                    <div class="d-block mb-4">
                        <h3> بيانات اخري </h3>
                    </div>
    
                    <div class="row mb-4">
    
                        <div class="col-md-4">
    
                            <label class="m-0 mb-3"> هل سبق المشاركة في معرض الكتاب الاسلامي من قبل؟ </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="customRadioInline212" name="prev_participation" value="نعم" class="custom-control-input" checked>
                                        <label class="custom-control-label" for="customRadioInline212"> نعم </label>
                                    </div>
    
                                    <div class="custom-control custom-radio custom-control-inline">
                                        <input type="radio" id="wwerew" name="prev_participation" value="لا" class="custom-control-input">
                                        <label class="custom-control-label" for="wwerew"> لا </label>
                                    </div>
    
                                </div> <!-- form-group -->
    
                            </div> <!-- input-with-start-label-wrapper -->
    
                        </div>
    
                        <div class="col-md-4">
    
                            <label class="m-0 mb-3"> هل ترغب في المشاركة في معرض الكتاب الاسلامي هذا العام؟</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="customRadioInline31" name="need_to_part_this_year" value="نعم" class="custom-control-input" checked>
                                        <label class="custom-control-label" for="customRadioInline31"> نعم </label>
                                    </div>
    
                                    <div class="custom-control custom-radio custom-control-inline">
                                        <input type="radio" id="rt43g" name="need_to_part_this_year" value="لا" class="custom-control-input">
                                        <label class="custom-control-label" for="rt43g"> لا </label>
                                    </div>
    
                                </div> <!-- form-group -->
    
                            </div> <!-- input-with-start-label-wrapper -->
    
                        </div>
    
    
                        <div class="col-md-4">
    
                            <label class="m-0 mb-3"> هل ترغب في حجز جناح بالمعرض هذا العام؟ </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="customRadioInline41" name="book_place_this_year" value="نعم" class="custom-control-input" checked>
                                        <label class="custom-control-label" for="customRadioInline41"> نعم </label>
                                    </div>
    
                                    <div class="custom-control custom-radio custom-control-inline">
                                        <input type="radio" id="ewrewtergt" name="book_place_this_year" value="لا" class="custom-control-input">
                                        <label class="custom-control-label" for="ewrewtergt"> لا </label>
                                    </div>
    
                                </div> <!-- form-group -->
    
                            </div> <!-- input-with-start-label-wrapper -->
    
                        </div>
    
    
                        <div class="col-md-12">
    
                            <label class="m-0 mb-3"> هل ترغب في اضافه اي معلومات </label>
    
                            <textarea class="form-control" id="exampleFormControlTextarea1" name="about" required rows="3">{{ old('about') }}</textarea>
    
                        </div>
    
                    </div>
    
                    <div class="d-block w-100 text-center">
                        <button type="submit" class="btn w-50 btn-primary mb-5 m-auto"> تسجيل </button>
                    </div>
                </form>
            </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