<?php $__env->startSection('content'); ?>


    <main>

        <!-- Start login_pg -->
        <section class="login_pg register_pg pt-5 pb_120 section">
            <div class="container">
                <div class="restaurants_sec py-0">
                    <nav class="nav nav-pills w-100 justify-content-center" id="pills-tab" role="tablist">
                        <div class="row justify-content-center w-100">
                            <div class="col-lg-2">
                                <a class="categ_card wow zoomIn active" href="#pills-tabContent" id="pills-tab1-tab" data-bs-toggle="pill" data-bs-target="#pills-tab1" type="button" role="tab" aria-controls="pills-tab1" aria-selected="true">
                                    <div class="icon_outer">
                                        <img src="<?php echo e(url('')); ?>/assets/web/images/icons/regist-1.svg" class="icon" alt=""/>
                                    </div>
                                    <h5 class="title color-secondary fw-bold text-center mt-3 mb-0">
                                        مستخدم
                                    </h5>
                                </a>
                            </div>
                            <div class="col-lg-2">
                                <a class="categ_card wow zoomIn "  href="#pills-tabContent" id="pills-tab2-tab" data-bs-toggle="pill" data-bs-target="#pills-tab2" type="button" role="tab" aria-controls="pills-tab2" aria-selected="false">
                                    <div class="icon_outer">
                                        <img src="<?php echo e(url('')); ?>/assets/web/images/icons/regist-2.svg" class="icon" alt=""/>
                                    </div>
                                    <h5 class="title color-secondary fw-bold text-center mt-3 mb-0">
                                        مزود خدمة
                                    </h5>
                                </a>
                            </div>
                        </div>
                    </nav>

                </div>
                <div class="tab-content col-lg-10 m-auto mt-5" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="pills-tab1" role="tabpanel" aria-labelledby="pills-tab1-tab">
                        <div class="inner">
                            <form class="form" method="post" enctype="multipart/form-data" action="<?php echo e(url(getCurrentLocale().'/regist')); ?>" onsubmit="formAction(this)">
                                <?php echo csrf_field(); ?>
                                <input type="hidden" name="role" value="user">
                                <div class="row align-items-center">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="text" name="name" class="form-control" placeholder="الاسم    " />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="email" name="email" class="form-control" placeholder="الإيميل" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_4.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="number" name="phone" class="form-control" placeholder=" رقم الجوال " />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_5.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="password" name="password" class="form-control" placeholder="كلمة المرور" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_3.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="password" name="password_confirmation" class="form-control" placeholder="تأكيد كلمة المرور" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_3.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <button type="submit" class="butn primary_butn py-3 px-5 fw-bold">تسجيل </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-tab2" role="tabpanel" aria-labelledby="pills-tab2-tab">
                        <div class="inner">
                            <form class="form" method="post" enctype="multipart/form-data" action="<?php echo e(url(getCurrentLocale().'/regist')); ?>" onsubmit="formAction(this)">
                                <?php echo csrf_field(); ?>
                                <input type="hidden" name="role" value="provider">
                                <div class="row align-items-center">
                                    <div class="col-lg-12">
                                        <div class="avatar_box m-auto mb-5">
                                            <div class="profile-avatar" id="imagePreview" style="background-image: url('<?php echo e(url('')); ?>/assets/web/images/avatar-1.svg');">
                                                <input type="file" name="photo" class="custom-file-input" id="imageUpload"  capture="">
                                                <button><i class="far fa-edit"></i></button>
                                            </div>
                                            <span class="d-block mt-3 text-center mb-0 underline">لوجو مزود الخدمة</span>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <input type="text" name="provider_name" class="form-control" placeholder="إسم الشخص المسئول" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="email" name="email" class="form-control" placeholder="الإيميل" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_4.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="number" name="phone" class="form-control" placeholder=" رقم الجوال " />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_5.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="text" name="commerical_log" class="form-control" placeholder="السجل التجاري" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_2.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="text" name="name" class="form-control" placeholder="إسم المطعم / الكافيه" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="number" name="cost" class="form-control" placeholder="<?php echo e(__('web.cost')); ?>" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="time" name="start_time" class="form-control" placeholder="<?php echo e(__('web.start_time')); ?>" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="time" name="end_time" class="form-control" placeholder="<?php echo e(__('web.end_time')); ?>" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <select name="category_id" class="form-control">
                                                <option value=""><?php echo e(__('web.category_id')); ?></option>
                                                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <option value="<?php echo e($row->id); ?>"><?php echo e($row->name); ?></option>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </select>
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <select onchange="countrySelect(this)" name="country_id" class="form-control">
                                                <option value=""><?php echo e(__('web.country_id')); ?></option>
                                                <?php $__currentLoopData = $countries; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <option value="<?php echo e($row->id); ?>"><?php echo e($row->name); ?></option>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </select>
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <select id="cities" name="city_id" class="form-control">
                                                <option value=""><?php echo e(__('web.city_id')); ?></option>
                                            </select>
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <?php $__currentLoopData = languages(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $language): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <input type="text" name="name_<?php echo e($language->local); ?>" class="form-control" placeholder="<?php echo e(__('web.name_'.$language->local)); ?>" />
                                                <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <input type="text" name="address_<?php echo e($language->local); ?>" class="form-control" placeholder="<?php echo e(__('web.address_'.$language->local)); ?>" />
                                                <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <input type="text" name="description_<?php echo e($language->local); ?>" class="form-control" placeholder="<?php echo e(__('web.description_'.$language->local)); ?>" />
                                                <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/>
                                            </div>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="password" name="password" class="form-control" placeholder="كلمة المرور" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_3.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="password" name="password_confirmation" class="form-control" placeholder="تأكيد كلمة المرور" />
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/prof_tab_3.svg" class="icon" alt=""/>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <p class="label mb-2"> صورة السجل التجاري / رخصة المحل  </p>
                                            <div class="id_uploading_box">
                                                <div class="imageWrapper">
                                                    <img class="image" src="<?php echo e(url('')); ?>/assets/web/images/avatar-1.svg">
                                                </div>
                                                <button class="file-upload">
                                                    <input type="file" name="commerical_photo" class="file-input"> رفع الصورة
                                                </button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="hidden" name="latlng" id="latlng" value="">
                                            <div id="address-canvas">
                                                <div id="map" style=" height: 400px;border: 1px solid #000;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <button class="butn primary_butn py-3 px-5 fw-bold m-auto mt-4">تسجيل </button>

                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </section>

    </main>


<?php $__env->startSection('inject_js'); ?>
    <script src="<?php echo e(url('')); ?>/assets/web/js/custom/registAction.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB9i5KheHihWwx0k0y0xyqWy-RVLB9AqjU&callback=initMap"></script>

    <script>
        let url_cities = <?php echo json_encode(url(getCurrentLocale().'/city')); ?>;
        var latlng = new google.maps.LatLng(<?php echo $user ?? ''  && $user->id ? $user->latlng : '21.4989, 39.2509'; ?>);
        var map = new google.maps.Map(document.getElementById('map'), {
            center: latlng,
            zoom: 11,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            title: 'Set lat/lon values for this property',
            draggable: true
        });
        google.maps.event.addListener(marker, 'dragend', function(a) {
            console.log(a);
            var div = document.createElement('div');
            div.innerHTML = a.latLng.lat().toFixed(4) + ', ' + a.latLng.lng().toFixed(4);
            document.getElementsByTagName('body')[0].appendChild(div);
            $("#latlng").val(function() {
                return  div.innerHTML;
            });
        });
    </script>
<?php $__env->stopSection(); ?>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/MAMP/htdocs/youdra/resources/views/web/pages/auth/regist.blade.php ENDPATH**/ ?>