@extends('layouts.app')
@section('meta')
   <title>{{$configration->app_name}}</title>
@endsection

@section('content')
<div class="back-wrapper">
    <div class="back-wrapper-inner">
        <!--================= Back Breadcrumbs Section Start Here =================-->
        <div class="back-breadcrumbs">
            <div class="breadcrumbs-wrap">
                <img class="desktop" src="{{ Helper::imageFilesPath('breadcrumbs/1.png')}}" alt="Breadcrumbs">
                <img class="mobile" src="{{ Helper::imageFilesPath('breadcrumbs/1.png')}}" alt="Breadcrumbs">
                <div class="breadcrumbs-inner">
                    <div class="container">
                        <div class="col-md-12 text-center wow fadeInUp mt-n3" data-wow-delay="300ms">
                        <!--<span class="defaultcolor">{{trans('home.wad Forum')}}</span>-->
                        <div class="heading-title bottom25 darkcolor">
                            <h3 style="color:white" class="font-normal defaultcolor"> {{trans('home.wad Form1')}} </h3>
                            <h4 style="color:white" class="font-normal defaultcolor"> {{trans('home.wad Form2')}} </h4>
                          
                        </div>
                        
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <!--================= Back Breadcrumbs Section End Here =================-->
        </div>
    </div>
</div> 
  <section id="contact" class="position-relative padding_bottom_half">
        <div class="container whitebox padding_bottom_half">
            <div class="padding_top">
                <div class="row">
                    <div class="col-md-12 text-center wow fadeInUp mt-n3" data-wow-delay="300ms">
                        <!--<span class="defaultcolor">{{trans('home.wad Forum')}}</span>-->
                        <div class="heading-title bottom25 darkcolor">
                            <h2 class="font-normal defaultcolor">  </h2>

                        </div>
                        
                    </div>
                    {{--<div class="col-md-6 col-sm-12 order-md-2 text-center text-md-start">
                        <div class="contact-meta ps-0 ps-sm-5 wow fadeInRight" data-wow-delay="300ms">
                            <div class="heading-title heading_small">
                                <h3 class="defaultcolor font-normal">{{trans('home.contact_info')}}</h3>
                            </div>
                            <div class="my-3">
                                <p class="bottom10"><strong class="darkcolor">{{trans('home.address')}}</strong> فندق الريلتز كارلتون - جدة</p>
                                <p class="bottom10"><strong class="darkcolor">{{trans('home.hijri date')}}</strong> 29 شوال 1445</p>
                                <p class="bottom10"><strong class="darkcolor">{{trans('home.Coptic history')}}</strong> 8 مايو 2024</p>
                                <p class="bottom10"><strong class="darkcolor">{{trans('home.time')}}</strong> {{trans('home.Wed')}} 9 {{trans('home.AM')}}- 9 {{trans('home.PM')}}</p>
                                
                                <p class="bottom10"><a href="mailto:{{$setting->contact_email}}">{{$setting->contact_email}}</a></p>
                            </div>
                            <ul class="social-icons no-border mb-4 mb-md-0 wow fadeInUp" data-wow-delay="300ms">
                                <li><a href="{{$setting->facebook}}" class="facebook"><i class="fab fa-facebook-f"></i> </a> </li>
                                <li><a href="{{$setting->twitter}}" class="twitter"><i class="fab fa-twitter"></i> </a> </li>
                                <li><a href="{{$setting->linkedin}}" class="linkedin"><i class="fab fa-linkedin-in"></i> </a> </li>
                                <li><a href="{{$setting->instgram}}" class="insta"><i class="fab fa-instagram"></i> </a> </li>
                                <li><a href="{{$setting->snapchat}}" class="snapchat"><i class="fab fa-snapchat"></i> </a> </li>
                                <li><a href="{{$setting->youtube}}" class="youtube"><i class="fab fa-youtube"></i> </a> </li>
                                <li><a href="{{$setting->tiktok}}" class="tiktok"><img src="{{Helper::imageFilesPath('icon/tik-tok.png')}}" class="tik-img"></a> </li>
                                <li><a href="https://wa.me/{{$setting->whatsapp}}" class="whatsapp"><i class="fab fa-whatsapp"></i> </a> </li>
                                <li><a href="mailto:{{$setting->conatc_email}}"><i class="far fa-envelope"></i> </a> </li>
                            </ul>
                        </div>
                    </div>--}}
                    <div class="col-md-12 col-sm-12">
                        <div class="heading-title  wow fadeInUp" data-wow-delay="300ms">
                            @if(session('request_message'))
                                <div class="alert alert-success">
                                    {{ session('request_message') }}
                                </div>
                            @endif
                            @if(session('registerd_before'))
                                <div class="alert alert-warning">
                                    {{ session('registerd_before') }}
                                </div>
                            @endif
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif  
                            <div class="ugf-form">
                                <form class="getin_form"  action="{{route('save_wad_request')}}" method="POST">
                                    <div class="input-block">
                                    @csrf
                                        <div class="row px-2">
                                            <div class="col-md-12 col-sm-12" id="result1"></div>
                                            <div class="col-md-4 col-sm-12">
                                                <div class="form-group">
                                                    <label for="name1" class="label-name d-none">   </label>
                                                    <!--{{trans('home.name')}}-->
                                                    <input class="form-control" id="name"  type="text" autocomplete="nope" placeholder="يجب أدخال الاسم بالانجليزية" value="{{ old('name') }}" name="name" lang="en">         
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-4 col-sm-12">
                                                <div class="form-group">
                                                    <label for="email1" class="d-none"></label>
                                                    <input class="form-control " type="email" id="email1"  autocomplete="nope"  placeholder="{{trans('home.email')}}" name="email" value="{{ old('email') }}">
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-4 col-sm-12">
                                                <div class="form-group position-relative numDiv">
                                                    <label for="phone" class="d-none"></label>
                                                    <span>  966+ <img src="{{Helper::imageFilesPath('icon/flag.webp')}}"/>  </span>
                                                    <input class="form-control numberInput" type="number" id=" "  autocomplete="nope" placeholder="{{trans('home.phone')}}" name="phone" value="{{ old('phone') }}">
                                                </div>
                                            </div>
                                            
                                            {{-- <div class="col-md-4 col-sm-12">
                                                <div class="form-group">
                                                    <label for="message1" class="d-none"></label>
                                                     <select class="form-control select2 area" name="area" required>
                                                        <option></option>
                                                       @include('website.home-partials.areas-select-options')
                                                    </select> 
                                                    
                                                    <input class="form-control" id="name1" type="text" autocomplete="nope" placeholder="{{trans('home.region')}}" value="{{ old('area') }}" name="area">
    
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-4 col-sm-12">
                                                <div class="form-group">
                                                    <label for="message1" class="d-none"></label>
                                                    <select class="form-control select2 gender" name="gender" required>
                                                        <option>{{trans('home.choose_gender')}}</option>
                                                       <option @selected(old('gender') == 'male') value="male">{{trans('home.male')}}</option>
                                                       <option @selected(old('gender') == 'female') value="female">{{trans('home.female')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-4 col-sm-12">
                                                <div class="form-group">
                                                    <label for="message1" class="d-none"></label>
                                                    <select class="form-control select2 level" name="level" required>
                                                        <option>{{trans('home.choose_level')}}</option>
                                                        <option @selected(old('level') == 'undergraduate') value="undergraduate">{{trans('home.undergraduate')}}</option>
                                                        <option @selected(old('level') == 'employee') value="employee">{{trans('home.employee')}}</option>
                                                        <option @selected(old('level') == 'graduated') value="graduated">{{trans('home.graduated')}}</option>
                                                    </select>
                                                </div>
                                            </div> --}}
                                            
                                            <div id="work-shops" >
                                                <div class="form-group">
                                                  <label for="" class='pb-3 main-label'>الرجاء تحديد الشهادات الاحترافية التي ترغب بالحصول عليها</label>
                                                  <div class="check-gender check-habits">
                                                      <div class="custom-radio">
                                                          <input type="checkbox" @checked(old('certificate') == 'Certified Business Professional in Sales (CBP-Sales)') class="custom-control-input" value="Certified Business Professional in Sales (CBP-Sales)" name="certificate[]" id="go2">
                                                          <label class="custom-control-label" for="go2">شهادة محترف الأعمال المعتمد في المبيعات CBP- Sales</label>
                                                      </div>
    
                                                      <div class="custom-radio">
                                                          <input type="checkbox" class="custom-control-input" @checked(old('certificate') == 'Certified Business Professional in Marketing (CBP-Marketing)') value="Certified Business Professional in Marketing (CBP-Marketing)" name="certificate[]" id="go28">
                                                          <label class="custom-control-label" for="go28">شهادة محترف الأعمال المعتمد في التسويق  CBP- Marketing</label>
                                                      </div>
                                                      
                                                      <div class="custom-radio">
                                                          <input type="checkbox" class="custom-control-input" @checked(old('certificate') == 'Certified Business Professional in Customer Service (CBP-Customer Service)') value="Certified Business Professional in Customer Service (CBP-Customer Service)" name="certificate[]" id="go29">
                                                          <label class="custom-control-label" for="go29">شهادة محترف الاعمال المعتمد في خدمة العملاء  CBP- Customer Service</label>
                                                      </div>
                                                      
                                                      <div class="custom-radio">
                                                          <input type="checkbox" class="custom-control-input" @checked(old('certificate') == 'Certified Business Professional in Project Management (CBP-Project Management)') value="Certified Business Professional in Project Management (CBP-Project Management)" name="certificate[]" id="go5">
                                                          <label class="custom-control-label" for="go5">شهادة محترف الأعمال المعتمد في إدارة المشاريع  CBP- Project Management</label>
                                                      </div>
                                                      
                                                      <div class="custom-radio">
                                                          <input type="checkbox" class="custom-control-input" @checked(old('certificate') == 'Certified Business Professional in Leadership (CBP-Leadership)') value="Certified Business Professional in Leadership (CBP-Leadership)" name="certificate[]" id="go66">
                                                          <label class="custom-control-label" for="go66">شهادة محترف الاعمال المعتمد في القيادة CBP- Leadership</label>
                                                      </div>
                                                      
                                                      <div class="custom-radio">
                                                          <input type="checkbox" class="custom-control-input" @checked(old('certificate') == 'Certified Business Professional Certificate (CBP-Computer Technology)') value="Certified Business Professional Certificate (CBP-Computer Technology)" name="certificate[]" id="go67">
                                                          <label class="custom-control-label" for="go67">شهادة محترف الاعمال المعتمد في الحاسب الالي  CBP- Computer Technology</label>
                                                      </div>
                                                      
                                                      <div class="custom-radio">
                                                          <input type="checkbox" class="custom-control-input" @checked(old('certificate') == 'Cyber Security Analyst Certificate (CYSA)') value="Cyber Security Analyst Certificate (CYSA)" name="certificate[]" id="go68">
                                                          <label class="custom-control-label" for="go68">شهادة محلل الأمن السيبراني " CYSA "</label>
                                                      </div>
                                                      
                                                      <div class="custom-radio">
                                                          <input type="checkbox" class="custom-control-input" @checked(old('certificate') == 'Adobe Professional Certificate in Visual Design (ACP)') value="Adobe Professional Certificate in Visual Design (ACP)" name="certificate[]" id="go69">
                                                          <label class="custom-control-label" for="go69">شهادة محترف أدوبي في التصميم المرئي  " ACP "</label>
                                                      </div>
                                                      
                                                  </div>
                                                </div>
                                            </div>
                                 
                                            
                                           <input type="hidden" name="recaptcha" id="recaptcha">
                                        
                                            <div class="col-md-4 col-sm-12">
                                                <button type="submit" id="submit_btn1" class="button gradient-btn w-100">{{trans('home.send')}}</button>
                                            </div>
                                        </div>
                                    </div>
                            </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection