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

   <section class="inner_header">
            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/inner.svg" alt="" class="inner_shap">
            <div class="container">
                <ul class="links">
                    <li>
                        <a href="<?php echo e(url(getCurrentLocale().'/')); ?>"><i class="bi bi-house"></i></a>
                    </li>
                    <li>
                        <a href="<?php echo e(url(getCurrentLocale().'/regist')); ?>"> <?php echo e(__('web.registnew')); ?> </a>
                    </li>
                </ul>
                <h4><?php echo e(__('web.registnew')); ?></h4>
            </div>
        </section>
    <!--End-inner_header-->
    <!--Contents-->
    <main>
        <!-- -------------- about --------------- -->
        <section class="login section_padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="login_form">
                            <div class="form_head text-center mb-4">
                                <img src="<?php echo e(url('')); ?>/assets/web/images/logo.png" alt="">
                                <h5 class="mt-3 mb-4"><?php echo e(__('web.registnew')); ?></h5>
                                <p><?php echo e(__('web.regist_desc')); ?></p>
                            </div>
                            <?php if($errors->any()): ?>
                                  <div class="col-12">
                                      <div  class="alert alert-danger">
                                          <ul>
                                              <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                  <li><?php echo e($error); ?></li>
                                              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                          </ul>
                                      </div>
                                  </div>
                                  <?php endif; ?>
                                   <?php if(Session::has('error')): ?>
                                   <div class="col-12">
                                    <div  class="alert alert-danger">
                                        <p style="color: black;"><?php echo e(Session::get('error')); ?></p>
                                    </div>
                                </div>
                                <?php endif; ?>
                            <form method="post" enctype="multipart/form-data" action="<?php echo e(url(getCurrentLocale().'/registingInv')); ?>">
                                <?php echo csrf_field(); ?>
                            <div class="form_box">
                                <div class="avatar-upload">
                                    <div class="avatar-edit">
                                        <input type='file' name="photo" id="imageUpload" accept=".png, .jpg, .jpeg" />
                                        <label for="imageUpload">
                                            <i class="bi bi-pen"></i>
                                        </label>
                                    </div>
                                    <div class="avatar-preview">
                                        <div id="imagePreview" style="background-image: url(<?php echo e(url('')); ?>/assets/web/images/avtr.png);">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for=""><?php echo e(__('web.name')); ?>*</label>
                                    <input type="text" name="name" class="form-control" placeholder="<?php echo e(__('web.name')); ?>">
                                    <span class="icon"><i class="bi bi-person"></i></span>
                                </div>
                               
                                <div class="form-group">
                                    <label for=""><?php echo e(__('web.phone')); ?>*</label>
                                    <input type="number" name="phone" class="form-control" placeholder="<?php echo e(__('web.phone')); ?>">
                                    <span class="icon"><i class="bi bi-phone"></i></span>
                                </div>
                                <div class="form-group">
                                    <label for=""><?php echo e(__('web.age')); ?>*</label>
                                    <input type="number" name="age" class="form-control" placeholder="22 ">
                                    <span class="icon"><i class="bi bi-person"></i></span>
                                </div>
                                <div class="form-group">
                                    <label for=""><?php echo e(__('web.gender')); ?></label>
                                    <select name="gender" id="" class="form-control custom-select">
                                        <option value="male"><?php echo e(__('web.male')); ?></option>
                                        <option value="female"><?php echo e(__('web.female')); ?></option>
                                    </select>
                                    <span class="icon"><i class="bi bi-person"></i></span>
                                </div>
                                <div class="form-group">
                                    <label for=""><?php echo e(__('web.city')); ?></label>
                                    <select name="city_id" onchange="citySelect(this)"  class="form-control custom-select">
                                        <option selected disabled ><?php echo e(__('web.select')); ?></option>
                                        <?php $__currentLoopData = $cities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($row->id); ?>"><?php echo e(citydescription($row->id,'name')); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </select>
                                    <span class="icon"><i class="bi bi-building"></i></span>
                                </div>
                                <div class="form-group">
                                    <label for=""><?php echo e(__('web.area')); ?></label>
                                    <select name="area_id" id="areas" class="form-control custom-select">
                                        <option selected disabled value=""><?php echo e(__('web.selectcity')); ?></option>
                                    </select>
                                    <span class="icon"><i class="bi bi-building"></i></span>
                                </div>
                                <div class="form-group show_hide_password">
                                    <label for=""><?php echo e(__('web.password')); ?>*</label>
                                    <input type="password" name="password" class="form-control" placeholder="">
                                    <span class="icon"><i class="bi bi-lock"></i></span>
                                    <i class="show_pass bi bi-eye-slash" aria-hidden="true"></i>
                                </div>
                                <div class="form-group show_hide_password">
                                    <label for=""><?php echo e(__('web.confirm')); ?>*</label>
                                    <input type="password" name="confirm" class="form-control" placeholder="">
                                    <span class="icon"><i class="bi bi-lock"></i></span>
                                    <i class="show_pass bi bi-eye-slash" aria-hidden="true"></i>
                                </div>
                                <div class="form-group">
                                    <label for=""> <?php echo e(__('web.invetation')); ?></label>
                                    <input type="text" name="invite" class="form-control border-0 bg-light" placeholder="">
                                </div>
                                <div class="text-center">
                                    <button type="submit" class="butn sub_color mt-4 d-block w-100"> <span><?php echo e(__('web.registnew')); ?></span> </button>
                                </div>
                            </div>
                            </form>
                            
                        </div>
                    </div>
                    <div class="col-lg-6 offset-1">
                        <div class="img section_padding mt-5">
                            <img  class="img" src="<?php echo e(url('')); ?>/assets/web/images/login_img.svg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <img src="<?php echo e(url('')); ?>/assets/web/images/login_shape.svg" alt="" class="login_shape">
        </section>
    </main>

<?php $__env->startPush('js'); ?>

    <script>
    function citySelect(elem){
        let data = $(elem).val();
        
      $.ajax({
          url : <?php echo json_encode(url(getCurrentLocale().'/citySelect')); ?>+'/'+data,
          type: 'GET',              
          data: 'dataform',
          success:function(data)
          {
              $('#areas').html(data);
           
            
             
          }
          
        })
    }
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#imagePreview').css('background-image', 'url('+e.target.result +')');
                    $('#imagePreview').hide();
                    $('#imagePreview').fadeIn(650);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }
        $("#imageUpload").change(function() {
            readURL(this);
        });
    </script>
<?php $__env->stopPush(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('web.layouts.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/omaralyomhost/public_html/4u/resources/views/web/pages/auth/registinvite.blade.php ENDPATH**/ ?>