@extends('web.layouts.main')
@section('content')
@push('title') {{__('web.form')}} @endpush
    
    <div class="inner_header">
        <div class="container">
            <ul class="page_links">
                <li>
                    <a href="{{url(getCurrentLocale().'/')}}">{{__('web.home')}}</a>
                </li>
                <li>
                    <a href="{{url(getCurrentLocale().'/form')}}">{{__('web.form')}}</a>
                </li>
            </ul>
            <h3 class="text-center text-light mt-5"> {{__('web.form')}}</h3>
        </div>
        <img src="{{url('')}}/assets/web/images/about_shap.png" alt="" class="l_shap">
        <img src="{{url('')}}/assets/web/images/part_shap.png" alt="" class="r_shap">
    </div>

    <!--Contents-->
    <main>
        <div class="loader">
        <div class="gooey">
            <span class="dot"></span>
            <div class="dots">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
        <!-- -------------- register ----------------- -->
        <section class="register section_padding">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-5">
                        <div class="section_head text-center mb-5">
                            <h2>{{__('web.form_details')}}</h2>
                            <p>{{__('web.form_desc')}}</p>
                        </div>
                    </div>
                </div>
                <form onsubmit="savedata(this)" action="{{url(getCurrentLocale().'/forming')}}"  enctype="multipart/form-data" method="post" class="form">
                    @CSRF
                    <div class="content">
                        <h3 class="text-center mb-4">{{__('web.member_type')}}</h3>
                        <div class="nav-pills justify-content-center d-flex">
                            <div class="custom-control custom-radio custom-control-inline nav-item">
                                <input type="radio" checked onclick="typingselect(this)" class="custom-control-input" id="customRadio" name="user_type" value="0">
                                <label class="custom-control-label" for="customRadio">
                                <img src="{{url('')}}/assets/web/images/reg1.svg" alt="">
                                <strong class="d-block">{{__('web.illness')}}</strong>
                            </label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline nav-item">
                                <input type="radio" onclick="typingselect(this)" class="custom-control-input" id="customRadio2" name="user_type" value="1">
                                <label class="custom-control-label" for="customRadio2">
                                <img src="{{url('')}}/assets/web/images/reg2.svg" alt="">
                                <strong class="d-block">{{__('web.normals')}}</strong>
                                <strong class="d-block">{{__('web.normals2')}}</strong>
                            </label>
                            </div>
                        </div>
                        <div class="tab-content">
                           <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="">{{__('web.fullname')}}*</label>
                                            <input type="text" name="name" id="name"  onkeydown="return alphaOnly(event);" onchange="changename(this)" class="form-control"  placeholder="{{__('web.fullname')}}">
                                        </div>

                                        <div class="form-group select-group">
                                            <label for="">{{__('web.stay_country')}}*</label>
                                            <select name="country_id" id="country_id" onchange="changecountry(this)" class="form-control">
                                                <option selected disabled>{{__('web.select')}}</option>
                                                @foreach($countries as $row)
                                                <option value="{{$row->id}}">{{countryname($row->id)}}</option>
                                                @endforeach
                                                
                                            </select>
                                            <span class="icon"><i class="fas fa-chevron-down"></i></span>
                                        </div>

                                        <div class="form-group select-group">
                                            <label for=""> {{__('web.date_meladi')}}*</label>
                                            <input type="date" onchange="tohijri(this)" name="date" max="2016-01-01" id="date" class="form-control" placeholder="(DD/MM/YYYY)">
                                            <span class="icon"><i class="far fa-calendar-alt"></i></span>
                                        </div>
                                         <div class="form-group select-group">
                                            <label for=""> {{__('web.date_hijri')}}*</label>
                                            <div class="row">
                                                <div class="col-4">
                                                    <label>{{__('web.day')}}</label>
                                                    
                                                    <select id="day" class="form-control" name="day" onchange="tomeladi(this)">
                                                        <option selected disabled>{{__('web.select')}}</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                        <option value="11">11</option>
                                                        <option value="12">12</option>
                                                        <option value="13">13</option>
                                                        <option value="14">14</option>
                                                        <option value="15">15</option>
                                                        <option value="16">16</option>
                                                        <option value="17">17</option>
                                                        <option value="18">18</option>
                                                        <option value="19">19</option>
                                                        <option value="20">20</option>
                                                        <option value="21">21</option>
                                                        <option value="22">22</option>
                                                        <option value="23">23</option>
                                                        <option value="24">24</option>
                                                        <option value="25">25</option>
                                                        <option value="26">26</option>
                                                        <option value="27">27</option>
                                                        <option value="28">28</option>
                                                        <option value="29">29</option>
                                                        <option value="30">30</option>
                                                    </select>
                                                    </div>
                                                    
                                                <div class="col-4">
                                                    <label>{{__('web.month')}}</label>
                                                    <select id="month" class="form-control" name="month" onchange="tomeladi(this)">
                                                        <option selected disabled>{{__('web.select')}}</option>
                                                        <option value="1">{{__('web.month_1')}}</option>
                                                        <option value="2">{{__('web.month_2')}}</option>
                                                        <option value="3">{{__('web.month_3')}}</option>
                                                        <option value="4">{{__('web.month_4')}}</option>
                                                        <option value="5">{{__('web.month_5')}}</option>
                                                        <option value="6">{{__('web.month_6')}}</option>
                                                        <option value="7">{{__('web.month_7')}}</option>
                                                        <option value="8">{{__('web.month_8')}}</option>
                                                        <option value="9">{{__('web.month_9')}}</option>
                                                        <option value="10">{{__('web.month_10')}}</option>
                                                        <option value="11">{{__('web.month_11')}}</option>
                                                        <option value="12">{{__('web.month_12')}}</option>
                                                    </select>
                                                    </div>
                                                    
                                                <div class="col-4">
                                                    <label>{{__('web.year')}}</label>
                                                    <input type="text" id="year" maxlength="4" class="form-control" onchange="tomeladi(this)"  name="year">
                                                    </div>
                                                    
                                                    
                                            </div>
                                        </div>

                                        <div class="form-group select-group">
                                            <label for="">{{__('web.city')}}*</label>
                                            <select name="city_id" id="city_id" class="form-control">
                                                <option selected disabled>{{__('web.selectcountry')}} </option>
                                            </select>
                                            <span class="icon"><i class="fas fa-chevron-down"></i></span>
                                        </div>

                                        <div class="form-group select-group" id="types">
                                            <label for="">{{__('web.type_ill')}} *</label>
                                            <select name="type_id" onchange="selecttype(this)" id="type_id" class="form-control">
                                                <option selected disabled>{{__('web.select')}}</option>
                                                 @foreach($types as $row)
                                                 @if($row->id !=  7)
                                                <option value="{{$row->id}}">{{typename($row->id)}}</option>
                                                @endif
                                                @endforeach
                                                <option value="{{$type->id}}">{{typename($type->id)}}</option>
                                            </select>
                                            <span class="icon"><i class="fas fa-chevron-down"></i></span>
                                        </div>
                                        
                                         <div class="form-group" id="abitiy" style="display:none">
                                            <label for=""> {{__('web.abitiy_type')}}</label>
                                            <textarea name="abitiy_type" id="abitiy_type" rows="7" class="form-control" placeholder="{{__('web.abitiy_type')}}"></textarea>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="" id="descriptions"> {{__('web.description')}}</label>
                                            <textarea name="description" id="description" rows="7" class="form-control" placeholder="{{__('web.description')}}"></textarea>
                                        </div>

                                        <div class="form-group">
                                            <label for="" id="yourselfs"> {{__('web.yourself')}}*</label>
                                            <textarea name="user" id="user" rows="11" class="form-control" placeholder="{{__('web.yourself')}}"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="">{{__('web.id_num')}}*</label>
                                            <input type="text" name="id_num" id="id_num" maxlength="10" class="form-control" placeholder="{{__('web.id_num')}}">
                                        </div>

                                        <div class="form-group select-group">
                                            <label for="">{{__('web.country')}}*</label>
                                            <select name="stay_id" id="stay_id" class="form-control">
                                               <option selected disabled>{{__('web.select')}}</option>
                                                @foreach($nations as $row)
                                                <option value="{{$row->id}}">{{nationname($row->id)}}</option>
                                                @endforeach
                                            </select>
                                            <span class="icon"><i class="fas fa-chevron-down"></i></span>
                                        </div>

                                        <div class="form-group">
                                            <label for="">{{__('web.email')}}*</label>
                                            <input type="email" name="email" id="email" class="form-control" placeholder="{{__('web.email')}}">
                                        </div>

                                        <div class="form-group select-group">
                                            <label for="">{{__('web.phone')}} *</label>
                                            <input type="text" name="phone" maxlength="9" id="phone" class="form-control" placeholder="5xxxxxxxx">
                                             <span class="icon key" id="key"></span>
                                        </div>

                                        <div class="form-group select-group">
                                            <label for="">{{__('web.secondphone')}}*</label>
                                            <input type="text" name="secondphone" maxlength="9" id="secondphone" class="form-control" placeholder="5xxxxxxxx">
                                            <span class="icon key" id="key1"></span>
                                        </div>

                                        <div class="form-group select-group" id="fields">
                                            <label for="">{{__('web.field')}} *</label>
                                            <select name="field_id" id="field_id" class="form-control">
                                                <option selected disabled>{{__('web.select')}}</option>
                                                @foreach($fields as $row)
                                                <option value="{{$row->id}}">{{fieldname($row->id)}}</option>
                                                @endforeach
                                            </select>
                                            <span class="icon"><i class="fas fa-chevron-down"></i></span>
                                        </div>
                                         <div class="form-group select-group" id="fields">
                                            <label for="">{{__('web.gender')}} *</label>
                                            <select name="gender" id="gender" class="form-control">
                                                 <option selected disabled>{{__('web.select')}}</option>
                                                
                                                <option value="1">{{__('web.male')}}</option>
                                                <option value="0">{{__('web.female')}}</option>
                                                
                                            </select>
                                            <span class="icon"><i class="fas fa-chevron-down"></i></span>
                                        </div>

                                        <div class="form-group select-group">
                                            <label for="">{{__('web.hear')}}*</label>
                                            <select name="hear_id" id="hear_id" class="form-control">
                                                <option selected disabled>{{__('web.select')}}</option>
                                                @foreach($hears as $row)
                                                <option value="{{$row->id}}">{{hearname($row->id)}}</option>
                                                @endforeach
                                            </select>
                                            <span class="icon"><i class="fas fa-chevron-down"></i></span>
                                        </div>

                                           <div class="form-group up_group">
                                            <label for="">{{__('web.files')}}*</label>
                                            <input type="file" name="image" class="file">
                                            <div class="input-group">
                                                <span class="input-group-append">{{__('web.image_id')}} </span>
                                                <input type="text" class="input_ques" id="image" disabled placeholder="{{__('web.image_id')}}" aria-label="Upload File" aria-describedby="basic-addon1">
                                                
                                            </div>
                                            <p style="color:#9e0404">{{__('web.required')}}*</p>
                                        </div>

                                        <div class="form-group up_group" id="health">
                                            <input type="file" name="file" class="file">
                                            <div class="input-group">
                                                <span class="input-group-append">{{__('web.file')}} </span>
                                                <input type="text" class="input_ques" id="file" disabled placeholder="{{__('web.file')}}" aria-label="Upload File" aria-describedby="basic-addon1">
                                            </div>
                                            <p style="color:#9e0404">{{__('web.required')}}*</p>
                                        </div>
                                        
                                       
                                         <div style="position:relative;background:#f0f0f0">
                                              <p class="text-center" style="
                                                font-size: 12px;
                                                color: #0C62AD;
                                            ">{{__('web.hint')}} *</p>
                                         <div id="stay_0_con">
                                           <div class="wrap" id="stay_0">
                                             <div class="form-group up_group">
                                            <input type="file"  name="stay_0" id="allfiles" class="file">
                                            <div class="input-group">
                                                <span class="input-group-append">{{__('web.image_stay')}} </span>
                                                <input type="text"  class="input_ques stay_0"  id="files" disabled placeholder="{{__('web.image_stay')}}" aria-label="Upload File" aria-describedby="basic-addon1">
                                            </div>
                                            <div style="position: absolute;left: 0;top: 0;display: flex;align-items: center;bottom: 6px;">
                                                     <a  class="btn" style="margin-top:-22px">
                                               <i class="fas fa-times-circle" onclick="deletediv0(this)"  style="color: #dc3545;"></i>
                                           </a>
                                           </div>
                                      <p style="color:#9e0404">{{__('web.required_3')}}</p>
                                            <!-- <p style="color:#9e0404">{{__('web.required_4')}}</p>-->
                                        </div>
                                        </div>
                                        </div>
                                           <div id="stay_1_con">
                                          <div class="wrap"  id="stay_1">
                                             <div class="form-group up_group">
                                            <input type="file"  name="stay_1" id="allfiles" class="file">
                                            <div class="input-group">
                                                <span class="input-group-append">{{__('web.image_stay')}} </span>
                                                <input type="text"  class="input_ques stay_1"  id="files" disabled placeholder="{{__('web.image_stay')}}" aria-label="Upload File" aria-describedby="basic-addon1">
                                            <div style="position: absolute;left: 0;top: 0;display: flex;align-items: center;bottom: 6px;">
                                                     <a  class="btn" style="margin-top:8px;">
                                               <i class="fas fa-times-circle" onclick="deletediv1(this)"  style="color: #dc3545;"></i>
                                           </a>
                                           </div>
                                     
                                            </div>
                                            <p style="color:#9e0404">{{__('web.required_3')}}</p>
                                           <!-- <p style="color:#9e0404">{{__('web.required_4')}}</p>-->
                                        </div>
                                        </div>
                                        </div>
                                        <div id="stay_2_con">
                                          <div class="wrap"  id="stay_2">
                                             <div class="form-group up_group">
                                            <input type="file"  name="stay_2" id="allfiles" class="file">
                                            <div class="input-group">
                                                <span class="input-group-append">{{__('web.image_stay')}} </span>
                                                <input type="text"  class="input_ques stay_2"  id="files" disabled placeholder="{{__('web.image_stay')}}" aria-label="Upload File" aria-describedby="basic-addon1">
                                           <div style="position: absolute;left: 0;top: 0;display: flex;align-items: center;bottom: 6px;">
                                                     <a  class="btn" style="margin-top:8px;">
                                               <i class="fas fa-times-circle" onclick="deletediv2(this)"  style="color: #dc3545;"></i>
                                           </a>
                                           </div>
                                     
                                            </div>
                                            <p style="color:#9e0404">{{__('web.required_3')}}</p>
                                            
                                        </div>
                                        </div>
                                        </div>
                                     </div>
                                     <!--<div style="position:relative">-->
                                     <!--      <div class="wrap">-->
                                     <!--       <div class="title">-->
                                     <!--           <h6>{{__('web.upload')}}</h6>-->
                                     <!--           <label class="file__input--label" for="customFile_0" data-text-btn="رفع">الملفات:</label>-->
                                     <!--       </div>-->
                                     <!--       <p style="color:#9e0404" >{{__('web.required_3')}}*</p>-->
                                     <!--       <form action="#" name="form" method="get">-->
                                     <!--           <div class="file">-->
                                     <!--               <div class="file__input" id="file__input">-->
                                     <!--                   <input class="file__input--file" id="customFile_0" type="file"  name="filing[0]" />-->
                                     <!--               </div>-->
                                     <!--           </div>-->
                                             
                                     <!--       </form>-->
                                     <!--   </div>-->
                                     <!--  <button type="button" id="addForm" class="butn color" style="left: -23px;top: -23px;z-index: 111;position: absolute;"><span>إضافة</span></button>-->
                                     <!--</div>-->

                                   
                                </div>
                                 <div class="col-12">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="customCheck1" name="condition" id="condition">
                                            <label class="custom-control-label" for="customCheck1">{{__('web.accept')}} </label>
                                            <a href="#0" class="main-color mr-1" data-toggle="modal" data-target="#modal_privacy">{{__('web.conditions')}}</a>
                                        </div>
                                    </div>

                                    <div class="col-12 text-center mt-5">
                                        <button class="butn color"> <span> {{__('web.regist')}} </span> </button>
                                        
                                    </div>
                        </div>
                    </div>
                </form>
            </div>
        </section>
        <!-- -------------- subscribe ----------------- -->
           <section class="subscribe section_padding bg-light">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-5">
                        <div class="section_head text-center mb-5">
                            <h2>{{__('web.subscribe_us')}}</h2>
                            <p>{{__('web.subscribe_desc')}}</p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <form onsubmit="subscribedata(this)" method="post" action="{{url(getCurrentLocale().'/subscribe')}}" class="form">
                            @CSRF
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" placeholder="{{__('web.email')}}">
                                <button type="submit" class="butn color"><span>{{__('web.subscribe')}}</span></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <img src="{{url('')}}/assets/web/images/sub_shap.png" alt="" class="sub_shap">
        </section>
  <div class="modal fade modal_login" id="mailerrors" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <div class="icon">
                            <img src="{{url('')}}/assets/web/images/icons/alert.svg" alt="">
                        </div>
                        <h4 class="text-danger">{{__('web.emailrequired')}} </h4>
                        <a  class="butn sub_butn" data-dismiss="modal"><span>{{__('web.fillunputs')}}  </span></a>
                    </div>
                </div>
            </div>
        </div>

        <!--  modal_success -->
        <div class="modal fade modal_login" id="mailsuccess" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <div class="icon">
                            <img src="{{url('')}}/assets/web/images/icons/checked.svg" alt="">
                        </div>
                        <h4>{{__('web.success')}} </h4>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal login -->
        <div class="modal fade modal_login" id="modal_fail" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <div class="icon">
                            <img src="{{url('')}}/assets/web/images/icons/alert.svg" alt="">
                        </div>
                        <h4 class="text-danger" id="message">{{__('web.fillinputs')}} </h4>
                        <a  class="butn sub_butn" data-dismiss="modal"><span>{{__('web.fillunputs')}}   </span></a>
                    </div>
                </div>
            </div>
        </div>

        <!--  modal_success -->
        <div class="modal fade modal_login" id="modal_success" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <div class="icon">
                            <img src="{{url('')}}/assets/web/images/icons/checked.svg" alt="">
                        </div>
                        <h4>{{__('web.success')}} </h4>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Modal privacy -->
        <div class="modal fade modal_login" id="modal_privacy" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <!-- <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="section_head text-center mb-4">
                                    <h2>الشروط والأحكام </h2>
                                    <p>الشروط والأحكام يجب الالتزام بها </p>
                                </div>
                            </div>
                        </div> -->
                        <h3 class="main-color mb-4">{{aboutname($about->id)}} :</h3>
                        {!! aboutdescription($about->id) !!}
                    </div>
                </div>
            </div>
        </div>
        

    </main>
@push('js')
<script>


  // Load the plugin

let i =0 

$('#addForm').click(function(){
     i++
    $(this).after('<div style="position:relative;margin-top: 52px;"><div class="wrap"> <div class="title"> <h6>{{__('web.upload')}}</h6> <label class="file__input--label" for="customFile_'+i+'" data-text-btn="رفع">الملفات:</label> </div><p style="color:#9e0404" >{{__('web.required_3')}}*</p><div class="file"> <div class="file__input" id="file__input"> <input class="file__input--file" id="customFile_'+i+'" type="file" name="filing['+i+']"/> </div></div> </div>  <button type="button" id="removeForm" class="butn color"  style="background-color: #dc3545;left: -23px;top: -23px;z-index: 111;position: absolute;"><span>حذف</span></button></div>')
})


$( "body" ).delegate( "#removeForm", "click", function() {
  $( this ).parent().detach();
});

function deletediv0(elem){
    
    $('.stay_0').val('');
    
}
function deletediv1(elem){
    
    $('.stay_1').val('');
    
}
function deletediv2(elem){
    
    $('.stay_2').val('');
    
}

// function deletediv2(elem){
//     $('#stay_2').remove();
//     $('#stay_2_con').html('<div class="wrap"  id="stay_2"><div class="form-group up_group"> <input type="file"  name="stay_2" style="min-height:110px" id="allfiles" class="file"> <div class="input-group"> <span class="input-group-append" style="bottom:9px">'+{!! json_encode(__('web.image_stay')) !!}+' </span>    <input type="text"  class="input_ques"  id="files" disabled placeholder="'+{!! json_encode(__('web.image_stay')) !!}+'" aria-label="Upload File" aria-describedby="basic-addon1">  <div style="position: absolute;left: 0;top: 0;display: flex;align-items: center;bottom: 6px;"> <a  class="btn" style="">   <i class="fas fa-times-circle" onclick="deletediv2(this)"  style="color: #dc3545;"></i>  </a>  </div>   </div> <p style="color:#9e0404">'+{!! json_encode(__('web.required_3')) !!}+' </p></div></div>');
// }
function tohijri(elem){
    let data = $(elem).val();
    var array = data.split('-');
    let year = array[0];
    let month = array[1];
    let day = array[2];
    //alert({!! json_encode(url(getCurrentLocale().'/tohijri/')) !!}+'/'+day+','+month+','+year);
    $.ajax({
          url : {!! json_encode(url(getCurrentLocale().'/tohijri/')) !!}+'/'+day+','+month+','+year,
          type: 'GET',              
          data: 'dataform',     
          dataType: 'json',
          success:function(data)
          {
            
            document.getElementById('day').value = data.day;
            document.getElementById('month').value = data.month;
            $("#year").val(data.year);
             
               }
   
        })
}
function tomeladi(elem){
    let day = $('#day').val();
    let month = $('#month').val();
    let year = $('#year').val();
    
     $.ajax({
          url : {!! json_encode(url(getCurrentLocale().'/tomeladi/')) !!}+'/'+day+','+month+','+year,
          type: 'GET',              
          data: 'dataform',     
          dataType: 'json',
          success:function(data)
          {
            
            $("#date").val(data);
            
             
               }
   
        })
}








function setInputFilter(textbox, inputFilter) {
  ["input", "keydown", "keyup", "mousedown", "mouseup", "select", "contextmenu", "drop"].forEach(function(event) {
    textbox.addEventListener(event, function() {
      if (inputFilter(this.value)) {
        this.oldValue = this.value;
        this.oldSelectionStart = this.selectionStart;
        this.oldSelectionEnd = this.selectionEnd;
      } else if (this.hasOwnProperty("oldValue")) {
        this.value = this.oldValue;
        this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
      } else {
        this.value = "";
      }
    });
  });
}


       setInputFilter(document.getElementById("phone"), function(value) {
  return /^-?\d*$/.test(value); });
       setInputFilter(document.getElementById("secondphone"), function(value) {
  return /^-?\d*$/.test(value); });
  
       setInputFilter(document.getElementById("id_num"), function(value) {
  return /^-?\d*$/.test(value); });
   setInputFilter(document.getElementById("day"), function(value) {
  return /^-?\d*$/.test(value); });
   setInputFilter(document.getElementById("year"), function(value) {
  return /^-?\d*$/.test(value); });
  
  
  
  function changename(elem){
      let myString= $(elem).val();
      if(myString.split(' ').length < 3){
           $('#modal_fail').modal('show');

              $('#message').html({!! json_encode(__('web.min_3')) !!});
      }
  }
function alphaOnly(event) {
  var key = event.keyCode;
  //alert(key);
  return ((key >= 65 && key <= 90) || key== 221 || key== 219 || key== 192 || key== 222 || key== 186 || key== 191 || key== 190 || key== 188 || key == 8 || key == 32);
}


  function savedata(elem){
          event.preventDefault();
           //let fileUpload = $('input[name="filing[]"]');
      
        // if (parseInt(fileUpload.get(0).files.length)>3){
         
        //  $('#modal_fail').modal('show');

        //       $('#message').html({!! json_encode(__('web.max_3')) !!});
        // }
        
        
   $(".loader").fadeIn();
         let action = $(elem).attr('action');
       
       let urls = action;
       
       let dataform = new FormData( $(elem)[0]);
        
     
      $.ajax({
          url : urls,
          type: 'POST',              
          data: dataform,
          contentType: false, 
          processData: false, 
          success:function(data)
          {
            $(".loader").fadeOut();
            $("#modal_success").modal('show');
             window.setTimeout(function(){location.reload()},1000)
               }
          ,error: function (data) {
               $(".loader").fadeOut();
              //alert(countProperties(data.responseJSON.errors) == '1');
             if(countProperties(data.responseJSON.errors)  == '1'){
                 $.each(data.responseJSON.errors, function(key,value) {
     
    if(key == 'phone_uni'){
        $('#message').html({!! json_encode(__('web.phone_req')) !!});
    }
    else if(key == 'email_uni'){
       $('#message').html({!! json_encode(__('web.email_req')) !!});
    }
    else if(key == 'id_num_uni'){
       $('#message').html({!! json_encode(__('web.id_num_req')) !!});
    }
    else if(key == 'condition'){
       $('#message').html({!! json_encode(__('web.condition_req')) !!});
    }
    else if(key == 'same'){
       $('#message').html({!! json_encode(__('web.same_req')) !!});
    }
    else{
         $('#message').html({!! json_encode(__('web.fillinputs')) !!});
    }
    



     
 }); 
                 
                 $('#modal_fail').modal('show');
             }
             else{
              $('#modal_fail').modal('show');
              $('.is-invalid').css('border-color','#9992');
              $('.is-invalid').removeClass('is-invalid');
              $('#message').html({!! json_encode(__('web.fillinputs')) !!});
   $.each(data.responseJSON.errors, function(key,value) {
       $('#message').append('<p>'+value+'</p>');
     if(key == 'files.0'){
         $('#filing').addClass('is-invalid');
     }
     $('#'+key).addClass('is-invalid');
      $('.is-invalid').css('border-color','#dc3545');
      
     
 }); 
 
             }
 
}
        })



    }
    function countProperties(obj) {
    var count = 0;
    for(var prop in obj) {
        if(obj.hasOwnProperty(prop))
            ++count;
    }
    return count;
}
     function subscribedata(elem) {
    event.preventDefault();
   
         let action = $(elem).attr('action');
       
       let urls = action;
       
       let dataform = new FormData( $(elem)[0]);
        
     
      $.ajax({
          url : urls,
          type: 'POST',              
          data: dataform,
          contentType: false, 
          processData: false, 
          success:function(data)
          {
            
            $("#mailsuccess").modal('show');
             window.setTimeout(function(){location.reload()},1000)
               }
          ,error: function (data) {
              
 
  $("#mailerrors").modal('show');
 
}
        })


}
    function typingselect(elem){
        let id = $(elem).val();
        if(id == '0'){
            $('#descriptions').html({!! json_encode(__('web.description')) !!});
            $('#yourselfs').html({!! json_encode(__('web.yourself')) !!}+'*');
            $('#types').css('display','block'); 
            $('#health').css('display','block');
            let types = $('#type_id').val();
            if(types == '7'){
            $('#abitiy').css('display','block');
            }
            else{
                $('#abitiy').css('display','none');
            }
             $.ajax({
          url : {!! json_encode(url(getCurrentLocale().'/fields/')) !!},
          type: 'GET',              
          data: 'dataform',
          success:function(data)
          {
            
            $("#fields").html(data);
             
               }
   
        })
        }
        else{
            
            $('#descriptions').html({!! json_encode(__('web.description')) !!}+'*');
            $('#yourselfs').html({!! json_encode(__('web.yourself')) !!});
            $('#types').css('display','none');
             $('#health').css('display','none');
             
            $('#abitiy').css('display','none');
             $.ajax({
          url : {!! json_encode(url(getCurrentLocale().'/shares/')) !!},
          type: 'GET',              
          data: 'dataform',
          success:function(data)
          {
            
            $("#fields").html(data);
             
               }
   
        })
        }
       
    }
    function selecttype(elem){
        
        let data = $(elem).val();
        
        if(data == 7){
            $('#abitiy').css('display','block');
        }
        else{
            
            $('#abitiy').css('display','none');
        }
    }
    function changecountry(elem){
        let id = $(elem).val();
       
       
       
     
      $.ajax({
          url : {!! json_encode(url(getCurrentLocale().'/cities/')) !!}+'/'+id,
          type: 'GET',              
          data: 'dataform',   
         
          success:function(data)
          {
              
              $('#city_id').html(data);
            //$('#time_date').html(data.date_time+', <span >'+data.time+' <small><b>'+data.type+'</b></small></span>');
            
               }
          
        })
        
         $.ajax({
          url : {!! json_encode(url(getCurrentLocale().'/key/')) !!}+'/'+id,
          type: 'GET',              
          data: 'dataform',         
          dataType: 'json',   
         
          success:function(data)
          {
              

              $('#key').html(data);
              $('#key1').html(data);
              
            //$('#time_date').html(data.date_time+', <span >'+data.time+' <small><b>'+data.type+'</b></small></span>');
            
               }
          
        })


    }
</script>
    <script>
        // $(document).ready(function() {

        //     // ------------  File upload BEGIN ------------
        //     $('#customFile_'+i+'').on('change', function(event) {
        //         var files = event.target.files;
                
        //         for (var i = 0; i < files.length; i++) {
        //             var file = files[i];
        //           $("<div class='file__value'><div class='file__value--text'>" + file.name + "</div><div class='file__value--remove' data-id='" + file.name + "' ></div></div>").insertAfter($(this)); 

        //         }
        //     });

        //     //Click to remove item
        //     $('body').on('click', '.file__value', function() {
        //         $(this).remove();
        //     });
        //     // ------------ File upload END ------------ 



        // });
    </script>
@endpush


<!-------------- new --------------->

@push('js')
    <script>
        $(function() {
            $("#sortableImgThumbnailPreview").sortable({
                connectWith: ".RearangeBox",


                start: function(event, ui) {
                    $(ui.item).addClass("dragElemThumbnail");
                    ui.placeholder.height(ui.item.height());

                },
                stop: function(event, ui) {
                    $(ui.item).removeClass("dragElemThumbnail");
                }
            });
            $("#sortableImgThumbnailPreview").disableSelection();
        });




       document.getElementById('files').addEventListener('change', handleFileSelect, false);

        function handleFileSelect(evt) {

            var files = evt.target.files;
            var output = document.getElementById("sortableImgThumbnailPreview");

            // Loop through the FileList and render image files as thumbnails.
            for (var i = 0, f; f = files[i]; i++) {

                // Only process image files.
                if (!f.type.match('image.*')) {
                    continue;
                }

                var reader = new FileReader();

                // Closure to capture the file information.
                reader.onload = (function(theFile) {
                    return function(e) {
                        // Render thumbnail.
                        var imgThumbnailElem = "<div class='RearangeBox imgThumbContainer'> <i class='fas fa-times-circle imgRemoveBtn' imgRemoveBtn' onclick='removeThumbnailIMG(this)'></i><div class='IMGthumbnail' ><img  src='" + e.target.result + "'" + "title='" + theFile.name + "'/></div><div class='imgName'>" + theFile.name + "</div></div>";

                        output.innerHTML = output.innerHTML + imgThumbnailElem;

                    };
                })(f);

                // Read in the image file as a data URL.
                reader.readAsDataURL(f);
            }
        }

        function removeThumbnailIMG(elm) {
            elm.parentNode.outerHTML = '';
        }
</script>
@endpush

@push('js')
<script>
    $('#files').blur(function()
    {
        if( !$(this).val() ) {
            $(this).siblings(".input-group-append").fadeOut();
        }
    });
</script>
@endpush
@stop