@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')}}">
                     @if($status == 'disabilities')
                        {{__('web.illness')}}
                        @elseif($status == 'abilities')
                       {{__('web.normals')}} {{__('web.normals2')}}
                        @else
                        {{__('web.not_win')}}
                        @endif
                        </a>
                </li>
            </ul>
            <h3 class="text-center text-light mt-5"> @if($status == 'disabilities')
                        {{__('web.illness')}}
                        @elseif($status == 'abilities')
                        {{__('web.normals')}} {{__('web.normals2')}}
                        @else
                        {{__('web.not_win')}}
                        @endif</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_page" style="display:none">
        <div class="progress">
            <div class="progress-done" data-done="0">
                0%
            </div>
        </div>
    </div>
        <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-4">
                            @if($status == 'disabilities')
                       <h2>{!! pagedescriptions(11,'title') !!}</h2>
                            <p>{!! pagedescriptions(11,'description') !!}</p>
                        @elseif($status == 'abilities')
                       <h2>{!! pagedescriptions(12,'title') !!}</h2>
                            <p>{!! pagedescriptions(12,'description') !!}</p>
                        @else
                       <h2>{!! pagedescriptions(13,'title') !!}</h2>
                            <p>{!! pagedescriptions(13,'description') !!}</p>
                        @endif
                       
                        </div>
                    </div>
                   
                </div>
                <div class="alert alert-warning alert-form bg-light mb-5" role="alert">
                    <i class="fas fa-exclamation-triangle ml-1"></i>
                      {{__('web.hint_req')}}
                </div>
                <form onsubmit="savedata(this)" action="{{url(getCurrentLocale().'/forming')}}" id="form" enctype="multipart/form-data" method="post" class="form">
                    @CSRF
                    <div class="content">
                        
                        @if($status == 'disabilities')
                        <input type ="hidden" name="user_type" value="0">
                        @elseif($status == 'abilities')
                        <input type ="hidden" name="user_type" value="1">
                        @else
                        <input type ="hidden" name="user_type" value="2">
                        @endif
                        <!--<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 class="custom-control custom-radio custom-control-inline nav-item">-->
                        <!--        <input type="radio" onclick="typingselect(this)" class="custom-control-input" id="customRadio3" name="user_type" value="noProfitRadio">-->
                        <!--        <label class="custom-control-label" for="customRadio3">-->
                        <!--            <img src="{{url('')}}/assets/web/images/reg3.png" alt="">-->
                        <!--            <strong class="d-block">مسار القطاع الغير ربحي</strong>-->
                        <!--        </label>-->
                        <!--    </div>-->
                        <!--</div>-->
                        <div class="tab-content">
                            <div class="content_1" id="content_1">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="">{{__('web.fullname')}}*</label>
                                            <input type="text" name="name" id="name"   onchange="changename(this)" class="form-control"  placeholder="{{__('web.fullname')}}">
                                        </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"  class="form-control" placeholder="{{__('web.id_num')}}">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group select-group">
                                            <label for="">{{__('web.country')}}*</label>
                                            <select name="stay_id" id="stay_id" class="form-control js-example-basic-single">
                                               <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>
                                    
                                    
                                    <div class="col-lg-6">
                                        <div class="form-group date-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)">-->
                                            <input type="text" name="date" id="date" class="form-control datepicker" 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>
                                    <div class="col-lg-6">
                                        <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>
                                    <div class="col-lg-6">
                                        <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>
                                    <div class="col-lg-6">
                                           <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>
                                    <div class="col-lg-6">
                                        <div class="form-group select-group">
                                            <label for="">{{__('web.phone')}} *</label>
                                            <div class="row">
                                                <div class="col-md-9 col-8">
                                                    <input type="text" name="phone" maxlength="9" id="phone" class="form-control" placeholder="5xxxxxxxx">
                                                </div>
                                                <div class="col-md-3 col-4">
                                                     <span class="icon key" id="key"></span>
                                                     <select name="keyphone_id" id="keyphone_id" class="form-control keyphone_id">
                                                        <option selected disabled>{{__('web.select')}}</option>
                                                        @foreach($countries as $row)
                                                        <option value="{{$row->id}}">{{$row->key}}</option>
                                                        @endforeach
                                                        
                                                    </select>
                                                </div>
                                            </div>
                                            
                                         
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group select-group">
                                            <label for="">{{__('web.secondphone')}}*</label>
                                            <div class="row">
                                                <div class="col-md-9 col-8">
                                                    <input type="text" name="secondphone" maxlength="9" id="secondphone" class="form-control" placeholder="5xxxxxxxx">
                                                </div>
                                                <div class="col-md-3 col-4">
                                                    <span class="icon key" id="key1"></span>
                                                    <select name="secondkey_id" id="secondkey_id" class="form-control secondkey_id">
                                                        <option selected disabled>{{__('web.select')}}</option>
                                                        @foreach($countries as $row)
                                                        <option value="{{$row->id}}">{{$row->key}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                            </div>

                                            
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                           <div class="form-group">
                                            <label for="">{{__('web.email')}}*</label>
                                            <input type="email" name="email" id="email" class="form-control" placeholder="{{__('web.email')}}">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                         @if($status == 'disabilities')
                                        <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>
                                        @endif
                                        @if($status == 'disabilities')
                                         <div class="form-group" id="abitiy" style="display:none">
                                            <label for=""> {{__('web.abitiy_type')}}</label>
                                            <textarea name="ability_type" id="abitiy_type" rows="7" class="form-control" placeholder="{{__('web.abitiy_type')}}"></textarea>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-lg-6">
                                        @if($status == 'disabilities')
                                        <div class="form-group select-group" id="fields">
                                            <label for="">{{__('web.field')}} *</label>
                                            <select name="field_id" onchange="selectfield(this)"  id="field_id" class="form-control">
                                                <option selected disabled>{{__('web.select')}}</option>
                                                
                                                 @foreach($fields as $row)
                                                 @if($row->id !=  13)
                                                <option value="{{$row->id}}">{{fieldname($row->id)}}</option>
                                                @endif
                                                @endforeach
                                                <option value="{{$field->id}}">{{fieldname($field->id)}}</option>
                                            </select>
                                            <span class="icon"><i class="fas fa-chevron-down"></i></span>
                                        </div>
                                        @else
                                        <div class="form-group select-group" id="fields">
                                         
                                         <label for="">{{__('web.share')}} *</label>
                                            <select name="share_id" id="share_id" class="form-control">
                                                <option selected disabled>{{__('web.select')}}</option>
                                                @foreach($shares as $row)
                                                <option value="{{$row->id}}">{{sharename($row->id)}}</option>
                                                @endforeach
                                            </select>
                                            <span class="icon"><i class="fas fa-chevron-down"></i></span>
                                        </div>
                                        @endif
                                        
                                        @if($status == 'disabilities')
                                        <!--<div class="form-group" id="fieldesc" style="display:none">-->
                                        <div class="form-group" id="fieldesc" style="display:none">
                                            <label for=""> {{__('web.field_description')}} *</label>
                                            <textarea name="field_description" id="field_description" rows="7" class="form-control" placeholder="{{__('web.field_description')}}"></textarea>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="" id="descriptions"> {{__('web.description')}}*</label>
                                            
                                            <textarea name="description" id="description" rows="7" onkeyup="descChange(this)" maxlength="500" class="form-control" placeholder="{{__('web.description')}}"></textarea>
                                        <span id="lengthdesc">0/500</span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                         <div class="form-group">
                                            <label for="" id="yourselfs"> {{__('web.yourself')}}*</label>
                                            <textarea name="user" id="user" rows="7" class="form-control" placeholder="{{__('web.yourself')}}"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                         <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>
                                    <div class="col-lg-6">
                                         <div class="wrap mb-0">
                                             <div class="form-group up_group">
                                                <label for="">{{__('web.files')}} <small style="color:#9e0404">{{__('web.required_3')}}</small></label>
                                                
                                                <input type="file" name="image" class="file" onchange="selectFile(this)">
                                                <div class="input-group">
                                                    <span class="input-group-append">{{__('web.image_id')}} </span>
                                                    <input type="text" class="input_ques"  id="image" disabled aria-label="Upload File" aria-describedby="basic-addon1">
                                                    
                                                </div>
                                                <!--<p style="color:#9e0404">يجب الالتزام بامتدادات jpg,jpeg,png,pdf,mp3 بحد اقصي 10MB*</p>-->
                                            </div>
                                         </div>
                                         <div class="wrap mb-0">
                                              @if($status == 'disabilities')
                                                <div class="form-group up_group" id="health">
                                                    <input type="file" name="file"  onchange="selectFile(this)"  class="file">
                                                    <div class="input-group">
                                                        <span class="input-group-append">{{__('web.file')}}*</span>
                                                        <input type="text" class="input_ques" id="file" disabled  aria-label="Upload File" aria-describedby="basic-addon1">
                                                    </div>
                                                    <!--<p style="color:#9e0404">{{__('web.required')}}*</p>-->
                                                </div>
                                                @endif
                                         </div>

                                       
                                       
                                         <div class="uploadFormFiles" 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" >
                                             <div class="form-group up_group">
                                            <input type="file"  name="stay_0"  onchange="selectFile(this)" 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="stay_0" disabled  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"  >
                                             <div class="form-group up_group">
                                            <input type="file"  name="stay_1"  onchange="selectFile(this)" 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="stay_1" disabled 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"  >
                                             <div class="form-group up_group">
                                            <input type="file"  name="stay_2"  onchange="selectFile(this)" 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="stay_2" disabled  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 id="stay_3_con" >
                                          <div class="wrap"  id="stay_3" style="display:none">
                                             <div class="form-group up_group">
                                            <input type="file"  name="stay_3"  onchange="selectFile(this)" id="allfiles" class="file">
                                            <div class="input-group">
                                                <span class="input-group-append">{{__('web.image_stay')}} </span>
                                                <input type="text"  class="input_ques stay_3"   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 id="stay_4_con">
                                          <div class="wrap"  id="stay_4" style="display:none">
                                             <div class="form-group up_group">
                                            <input type="file"  name="stay_4"  onchange="selectFile(this)" id="allfiles" class="file">
                                            <div class="input-group">
                                                <span class="input-group-append">{{__('web.image_stay')}} </span>
                                                <input type="text"  class="input_ques stay_4"   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>
                                        <span onclick="addFile(this)" data-id="3" class="add_new_file main_color mt-3">
                                            {{__('web.add_file')}}
                                        </span>
                                        
                                     </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>
                                 <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">
                                        <div class="custom-control custom-checkbox mt-2">
                                            <input type="checkbox" class="custom-control-input" id="customCheck2" name="conditions" id="condition">
                                            <label class="custom-control-label" for="customCheck2">{{__('web.conditions_social')}} </label>
                                        </div>
                                    </div>
                                    <div class="col-12 text-center mt-5">
                                        <button class="butn color"> <span> {{__('web.regist')}} </span> </button>
                                        
                                    </div>
                        </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 errors_modal" 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>
        <div class="modal fade modal_login " id="limitexp" 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="limiterror">{{__('web.limited')}} </h4>
                        <div id="messagelimit" class="text-danger">
                            
                        </div>
                    </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>
        // ------------- progress ------------
        $(document).ready(function() {
    $('.js-example-basic-single').select2();
});
        const progress = document.querySelector('.progress-done');

        setTimeout(() => {
            progress.style.opacity = 1;
            progress.style.width = progress.getAttribute('data-done') + '%';
        }, 500)
    </script>
<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 selectFile(elem){
       let urls = {!! json_encode(url(getCurrentLocale().'/checkfiles')) !!};
       let dataform = new FormData( $('#form')[0]);
       
      $.ajax({
          url : urls,
          type: 'POST',              
          data: dataform,   
          dataType: 'json',
          contentType: false, 
          processData: false, 
          success:function(data)
          {
              $('#limiterror').html({!! json_encode(__('web.limited')) !!});
            if(data == 'limited'){
              $('#messagelimit').html();
            $("#limitexp").modal('show');
            }
               }
               
          ,error: function (data) {
              $('#limiterror').html({!! json_encode(__('web.please_check')) !!});
              $('#messagelimit').html();
   $.each(data.responseJSON.errors, function(key,value) {
       $('#messagelimit').append('<p>'+value+'</p>');
      
     
 }); 
 
             
              $('#limitexp').modal('show');
 
}
        })
}

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();
$(".loader_page").css('display','block');
        var bar = $('.progress-done');
        var percent = $('.progress-done');
         let action = $(elem).attr('action');
       
       let urls = action;
       
       let dataform = new FormData( $(elem)[0]);
        
    //  $('#form').ajaxForm({
      $.ajax({
          
          xhr: function() {
              //alert('hi');
        var xhr = new window.XMLHttpRequest();
        xhr.upload.addEventListener("progress", function(evt) {
            if (evt.lengthComputable) {
                var percentComplete = (evt.loaded / evt.total) * 100;
                var percentVal = parseInt(percentComplete) + '%';
                bar.html(percentVal)
                percent.attr('data-done',parseInt(percentComplete));
                percent.css('width',percentVal);
                // Place upload progress bar visibility code here
            }
        }, false);
        return xhr;
    },
          
          
          url : urls,
          type: 'POST',              
          data: dataform,
          contentType: false, 
          processData: false, 
          success:function(data)
          {
            // $(".loader").fadeOut();
$(".loader_page").fadeOut();
            $("#modal_success").modal('show');
            // window.setTimeout(function(){location.reload()},1000)
            window.location.href = {!! json_encode(url(getCurrentLocale().'/')) !!};
               }
          ,error: function (data) {
            //   $(".loader").fadeOut();
$(".loader_page").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 descChange(elem){
        let data = $(elem).val().length;
        $('#lengthdesc').html(data+'/500');
    }
    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();
            let fields = $('#field_id').val();
            if(fields == '14'){
            $('#fieldesc').css('display','block');
            
            }
            else{
                $('#fieldesc').css('display','none');
                
            }
            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');
            $('#fieldesc').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 selectfield(elem){
         let data = $(elem).val();
        
        if(data == 13){
            $('#fieldesc').css('display','block');
        }
        else{
            
            $('#fieldesc').css('display','none');
        }
    }
    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();
        $(".keyphone_id option[value='"+id+"']").prop('selected', true);
        $(".secondkey_id option[value='"+id+"']").prop('selected', true);
     
      $.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>
    
    <script>
        $("#content_2").hide();

        $('input[type="radio"]').click(function() {
            if ($(this).attr("value") == "noProfitRadio") {
                $("#content_2").show();
                $("#content_1").hide();
            }
            else {
                $("#content_1").show();
                $("#content_2").hide();
            }
        });


    </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 = '';
        }
        function addFile(elem){
            let data = $(elem).attr('data-id');
            if(data == 3){
                $('#stay_'+data).css('display','block');
                $(elem).attr('data-id',(parseInt(data)+1));
            }
            else{
                 $('#stay_'+data).css('display','block');
                 $(elem).remove();
            }
        }
</script>
@endpush

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

<script>
  $( function() {
    $( ".datepicker" ).datepicker();
  } );
</script>

<!--<script>-->
<!--        $(".uploadFormFiles").delegate(".add_new_file" , "click" ,   function(){-->
<!--            $(this).append( '<div id="stay_0_con"><div class="wrap"><div class="form-group up_group"><input type="file"  name="stay_0"  onchange="selectFile(this)" 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></div></div></div>');-->
<!--        })-->
<!--</script>-->
@endpush
@stop