@extends('front.template.master') 
@section('title', $title)
@section('content')

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
{{-- @foreach($usercontent as $j)
<script>
  $(document).ready(function(){    
    var $btn{{ $j->id }} = $('#btn{{ $j->id }}');   
    
    var enterShow = function() {
        $btn{{ $j->id }}.popover('show');
    };

    var exitHide = function() {
        $btn{{ $j->id }}.popover('hide');
    }


    $btn{{ $j->id }}.popover({trigger: 'manual', html:true})
    .on('mouseenter', enterShow)
    .on('mouseleave', exitHide)
    .one('click', function() {
      $btn{{ $j->id }}.off('mouseenter', enterShow)
      .off('mouseleave', exitHide)
      .on('click', function() {
          $btn{{ $j->id }}.popover('toggle');
      });
    });

  });
</script>
@endforeach --}}

<script type="text/javascript">
  $(document).ready(function(){
      $('[data-toggle="popover"]').popover({
          placement : 'left',
          trigger: 'hover'
      });
  });
</script>
<style type="text/css">
  .popover {
    background: #3a7ad2;
  }
  
  .dropdown-menu{
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
  }

  .dropdown-item:focus, .dropdown-item:hover {
      color: #fff;
      text-decoration: none;
      background-color: #3a7ad2;
  }
</style>

<!-- Content Area Starts Here -->
  <main id="content">
    <div class="landingSection my-5">
      <div class="container">
        <div class="row">

          <div class="col-md-3">
            <div class="row">
                
                <div class="mb-5" style="border: 2px solid #8080806b; padding: 15px 0px;">

                  <div class="col-sm-12">
                    <form action="{{ route('job.jobresult') }}" method="GET" id="search-form_3" class="mb-4">
                      {{csrf_field()}}
                      <div class="input-group">
                          <input type="text" class="search_3 typeahead" name="searchTerm" placeholder="Search for Jobs..." value="{{ isset($searchTerm) ? $searchTerm : '' }}">
                          <input type="submit" class="submit_3" value="Search" />
                      </div>
                    </form>
                  </div>
    
                  <!--<div class="col-sm-12">-->
                  <!--  <div class="position-relative mb-5 seekers-new-job" style="background-color: #3a7ad261">-->
                  <!--    <h5 class="text-dark font-weight-bold mb-3 text-center" data-toggle="collapse" data-target="#demo" style="cursor: pointer;">Search by Job Sectors <i class="fa fa-angle-down" aria-hidden="true"></i></h5>-->
                  <!--    <div id="demo" class="collapse">-->
                  <!--      <form action="{{ route('job.jobfilter') }}" method="GET" class="mb-4">-->
                  <!--        {{csrf_field()}}                      -->
                  <!--          @foreach(get_sectors() as $k=>$s)                     -->
                  <!--            <input type="checkbox" class="sector-checkbox" name="sector_id[{{ $k }}]"> -->
                  <!--            <label>{{ $s }}</label><br>-->
                  <!--          @endforeach-->
                  <!--          <input type="checkbox" id="checkAll"> <span>Check All</span><br>-->
                  <!--          <input type="submit" value="Search" class="btn btn-success">-->
                  <!--      </form>-->
                  <!--    </div>-->
                  <!--  </div>-->
                  <!--</div>-->
    
                  <div class="col-sm-12">
                    <div class="position-relative seekers-new-job text-center">
                       <h5 class="text-dark font-weight-bold mb-3 text-center">Looking For</h5>
                       
                        <a href="{{ route('login') }}"> 
                            <button class="btn btn-primary mt-3" style="font-size: 10px;"> Right Candidate</button>
                        </a>
                           
                        @if (Auth::check())
                          <a href="{{ route('updateProfile') }}"> 
                              <button class="btn btn-primary mt-3" style="font-size: 10px;"> My Profile </button>
                          </a>
                        @else
                           <a href="{{ route('user.login') }}"> 
                              <button class="btn btn-primary mt-3" style="font-size: 10px;"> Potential Employer</button>
                           </a>
                        @endif 
    
                    </div>
                  </div> 
                </div>

              <div class="col-sm-12"> 
                <center><a data-toggle="modal" data-target="#myAdvertise"><button class="btn btn-primary mb-3" style="cursor: pointer;">Advertise with Us. Click here!</button></a></center>
                @foreach($advertisement as $a)
                  <div class="position-relative mb-5">
                    @if(!empty($a->image))        
                      <img src="storage/app/public/advertisement/{{ $a->image }}" alt="" class="img-fluid w-100" style="height: 260px; display: block !important;">    
                    @else
                        <img src="public/assets/img/jobPost.jpg" alt="" class="img-fluid w-100" style="height: 260px;"> 
                    @endif
                    
                    <div class="position-absolute d-flex align-items-start justify-content-center flex-column h-100 jobPost p-3">
                      <h5 class="text-dark font-weight-bold mb-4 advertisement-position">{{ $a->title }}</h5>
                      <!--<a href="#" class="btn btn-outline-primary mb-4">Post job</a>-->
                    </div>
                  </div>
                @endforeach
              </div>  

              <div class="col-sm-12 mb-5">
                <div class="featured-jobseekers ">
                  <h4 class="text-dark font-weight-bold mb-3" href="#" role="button" data-toggle="popover" title="Please write to us for placing your profile here" style="cursor: pointer;"><span data-toggle="modal" data-target="#job-seeker"><strong> Job Seekers </strong></span></h4>
                    @foreach($usercontent as $j)
                    <div class="jobseekers mb-3 py-3 ">
                      <div class="row">
                        <div class="col-sm-3 pr-0 pl-2">
                          @if($j->user_image !='')            
                            @if($j->google_id !='' || $j->facebook_id !='' || $j->linkedin_id !='') 
                              @if(File::exists(public_path('uploads/'.$j->user_image)))
                                <img src="{{ asset('public/uploads/'.$j->user_image) }}" style="width: 100%;" onError="this.onerror=null;this.src='https://csrability.com/public/assets/img/nophoto.jpeg';" >
                              @else
                                <img src="{{ $j->user_image }}" style="width: 100%;" onError="this.onerror=null;this.src='https://csrability.com/public/assets/img/nophoto.jpeg';" >
                              @endif
                            @else
                              <img src="{{ asset('public/uploads/'.$j->user_image)}}" style="width: 100%;" onError="this.onerror=null;this.src='https://csrability.com/public/assets/img/nophoto.jpeg';" >
                            @endif
                          @else 
                            <img src="{{ asset('public/assets/img/nophoto.jpeg')}}" style="width: 100%;" onError="this.onerror=null;this.src='https://csrability.com/public/assets/img/nophoto.jpeg';" >
                          @endif
                        </div>
                        <div class="col-sm-9 text-left">
                          <h5 class="mb-3"><a href="{{url('/userdetails/'.$j->id)}}">{{ $j->name }}</a></h5>
                          <p> {{ $j->skills }} </p> 
                        </div>
                      </div>
                    </div>
                    @endforeach
                  {{ $usercontent->links() }} 
                </div>               
              </div>

              <div class="col-sm-12 text-center">
                <div class="bg-success pb-4">
                  <h5 class="text-dark mb-3 pt-4">Searching for a job? </h5>
                  <a data-toggle="modal" data-target="#needHelp" style="cursor: pointer;">
                    <button class="btn btn-primary">Get Help</button>
                  </a> 
                </div>
              </div>            
            </div>
          </div>

          <div class="col-md-5">
              <button class="btn btn-default" style="background-color: #dddada;"><h4 class="font-weight-bold mb-0"><strong> Standard Jobs </strong></h4></button>
            <div class="scrape-jobs">              
              @foreach($jobcontent as $c)
                <div class="border-bottom py-3 mb-3 jobDetail">
                  <header class="row">
                    <div class="col-md-8">
                      <a href="{{url('/jobdetails/'.$c->id)}}">
                        <h6>{{ $c->job_title }}</h6>
                      </a>
                      <h6 class="font-weight-bold mb-2">
                        @foreach($users as $k=>$us)
                          @if($c->organisation == $us->id)
                            <td>{{ $us->name }}</td>
                          @endif
                        @endforeach
                      </h6>
                      <div class="d-flex">
                        @if(!empty($c->experience))  
                          <span class="location mr-3">Exp. Required : {{ $c->experience }} year's</span>
                        @else
                          <span class="location mr-3">Exp. Required : 1 year</span>
                        @endif
                      </div>
                      <div class="d-flex">
                        <span class="location mb-2 mr-3">
                           @foreach($jobscity as $jc)
                            @if($jc->city_id == $c->id) 
                              {{ $jc->city }}, 
                            @endif
                          @endforeach

                          @foreach($jobsstate as $s)
                            @if($s->state_id == $c->id) 
                              {{ $s->name }},
                            @endif
                          @endforeach

                          @foreach($jobscountry as $k)
                            @if($k->job_id == $c->id) 
                              {{ $k->name }}
                            @endif
                          @endforeach 
                        </span>
                      </div>
                    </div>

                    <div class="col-md-4">
                      <div class="text-dark pl-3 border-left" style="font-weight: 600;" >
                          <span class="d-block">Last date to apply</span>
                          <span>
                            {{ Carbon\Carbon::parse($c->closing_date)->format('d-M-Y') }}
                          </span>
                      </div>
                    </div>
                  </header>

                  <div class="d-flex align-items-center pt-3 pt-sm-0">
                      <p class="mr-3" style="word-break: break-word; line-height: 1.7;"> {{ str_limit(strip_tags(html_entity_decode($c->job_description)), $limit = 300, $end = '...') }}                                    

                        @if (Auth::check())

                          @php
                            $userId = Auth::user()->id;
                          @endphp                                       

                          @foreach($savedjob as $s)                                    

                            @if($s->job_id == $c->id && $s->user_id == $userId) 
                              <br><br>
                              <span class="text-success"><i class="fa fa-check"></i> Applied </span>
                            @endif
                          @endforeach 
                        @endif

                      </p>
                  </div>
                </div>
                @endforeach 
            </div>

            {{-- <div class="scrape-jobs mt-5">
              <form action="{{ route('job.scraperesult') }}" method="GET" id="search-form_3" class="mb-4">
                {{csrf_field()}}
                <div class="input-group">
                    <input type="text" class="search_3" name="searchTerm" placeholder="Search for..." value="{{ isset($searchTerm) ? $searchTerm : '' }}">
                    <input type="submit" class="submit_3" value="Search" />
                </div>
              </form>
              @foreach($content as $c)
                <div class="border-bottom py-3 mb-3 jobDetail">
                  <header class="d-flex flex-column flex-sm-row">
                    <div class="d-flex flex-column">
                      <a href="{{url('/jobdetail/'.$c->id)}}">
                        <h6>{{ $c->job_title }}</h6>
                      </a>
                      <h6 class="font-weight-bold mb-4">{{ $c->organization }}</h6>
                      <div class="d-flex">
                        @if(!empty($c->experience))  
                          <span class="location mr-3">{{ $c->experience }} year's</span>
                        @else
                          <span class="location mr-3">1 year</span>
                        @endif
                      </div>
                      <div class="d-flex">
                        <span class="location mb-2 mr-3">
                          {{ $c->job_location}}
                        </span>
                      </div>
                    </div>

                    <div class="ml-sm-auto d-flex align-items-start moreDetails">
                      <span class="text-dark pl-3 py-3 border-left">
                          <span class="d-block">Last date to apply</span>
                          <strong>
                            {{ Carbon\Carbon::parse($c->closing_date)->format('d-M-Y') }}
                          </strong>
                      </span>
                    </div>
                  </header>

                  <div class="d-flex align-items-center pt-3 pt-sm-0">
                    <p class="mr-3" style="word-break: break-word;">{{ str_limit(strip_tags(html_entity_decode($c->job_description)), $limit = 300, $end = '...') }}</p>
                  </div>
                </div>
                @endforeach
            </div> --}}
          </div>

          <div class="col-md-4">
            <div class="highlighted-jobs">
              <h4 class="text-dark font-weight-bold mb-3" href="#" role="button" data-toggle="popover" title="Please write to us for placing a prime job opportunity here" style="cursor: pointer;"><span data-toggle="modal" data-target="#prime-job"><strong> Prime Jobs </strong></span></h4>
              @foreach($premiumjobs as $j)
              <div class="mb-3 py-3 prime-jobs">
                <header class="d-flex flex-column flex-sm-row">
                  <a href="{{ $j->website }}" target="_blank" onclick="return confirm('This link will take you to an external website');" data-toggle="tooltip" data-placement="top" title="Website">
                    @foreach($users as $k=>$us)
                      @if($j->organisation == $us->id)
                        @if($us->user_image)
                          <img src="storage/app/public/profile/{{ $us->user_image }}" alt="" class="mr-3" style="width: 78px; height: 69px;">
                        @else
                          <img src="public/assets/img/jobs-1.jpg" alt="" class="img-fluid mr-3"> 
                        @endif
                      @endif
                    @endforeach
                  </a>
                  <div class="d-flex flex-column">
                    <a href="{{url('/jobdetails/'.$j->id)}}">
                      <h6>{{ $j->job_title }}</h6>
                    </a>
                    <h6 class="font-weight-bold mb-3">
                      @foreach($users as $k=>$us)
                        @if($j->organisation == $us->id)
                          <td>{{ $us->name }}</td>
                        @endif
                      @endforeach                    
                    </h6>
                    <div class="d-flex">
                      @if(!empty($j->experience))  
                        <span class="location mr-3">{{ $j->experience }} year's</span>
                      @else
                        <span class="location mr-3">1 year</span>
                      @endif
                    </div>
                    <div class="d-flex">
                      <span class="location mb-2 mr-3">
                         @foreach($jobscity as $c)
                          @if($c->city_id == $j->id) 
                            {{ $c->city }}, 
                          @endif
                        @endforeach

                        @foreach($jobsstate as $s)
                          @if($s->state_id == $j->id) 
                            {{ $s->name }},
                          @endif
                        @endforeach

                        @foreach($jobscountry as $k)
                          @if($k->job_id == $j->id) 
                            {{ $k->name }}
                          @endif
                        @endforeach 
                      </span>
                    </div>
                    <span class="text-dark pb-3">
                      <span class="d-block">
                        Last date to apply : 
                        <strong>
                          {{ Carbon\Carbon::parse($j->closing_date)->format('d-M-Y') }}
                        </strong>
                      </span>                                    
                    </span>
                    <span class="prime-social">
                      <a href="{{ $j->facebook_id }}" target="_blank" onclick="return confirm('This link will take you to an external website');" data-toggle="tooltip" data-placement="top" title="Facebook">
                        <i class="fab fa-facebook-square"></i>
                      </a>
                      <a href="{{ $j->twitter_id }}" target="_blank" onclick="return confirm('This link will take you to an external website');" data-toggle="tooltip" data-placement="top" title="Twitter">
                        <i class="fab fa-twitter-square"></i>
                      </a>
                      <a href="{{ $j->linkedin_id }}" target="_blank" onclick="return confirm('This link will take you to an external website');" data-toggle="tooltip" data-placement="top" title="Linkedin">
                        <i class="fab fa-linkedin"></i>
                      </a>
                    </span>

                    @if (Auth::check())

                      @php
                        $userId = Auth::user()->id;
                      @endphp

                      @foreach($savedjob as $s) 
                        @if($s->job_id == $j->id && $s->user_id == $userId) 
                          <span class="text-success"><i class="fa fa-check"></i> Applied</span>
                        @endif
                      @endforeach 
                    @endif

                  </div>                              
                </header>
              </div>
              @endforeach
              {{ $premiumjobs->links() }} 
            </div>

            <div class="mt-5">
              <div class="bg-success p-3">
                <h5 class="text-dark text-left mb-3 pt-4">Get regular updates in your mailbox</h5>
                <form action="{{ route('subscribe') }}" method="post">
                  {{csrf_field()}}
                  <div class="form-group">
                    <label for="newsLetterSubscription" class="sr-only">Enter Your Email Id</label>
                    <input type="email" id="newsLetterSubscription" name="email" placeholder="Enter Your Email Id" class="form-control" required="">
                  </div>
                  <button class="btn btn-outline-primary mb-3" type="submit">Subscribe</button>
                </form>
              </div>
            </div>

            <div class="premium-jobs mt-5">
                <h4 class="text-dark font-weight-bold mb-3" href="#" role="button" data-toggle="popover" title="Please write to us for placing a featured job opportunity here" style="cursor: pointer;"><span data-toggle="modal" data-target="#featured-job"><strong> Featured Jobs </strong></span></h4>
                @foreach($featuredjobs as $j)
                <div class="mb-3 py-3 faetured-jobs">
                    <header class="d-flex flex-column flex-sm-row">
                        @foreach($users as $k=>$us)
                          @if($j->organisation == $us->id)
                            @if($us->user_image)
                              <img src="storage/app/public/profile/{{ $us->user_image }}" alt="" class="mr-3" style="width: 78px; height: 69px;">
                            @else
                              <img src="public/assets/img/jobs-1.jpg" alt="" class="img-fluid mr-3"> 
                            @endif
                          @endif
                        @endforeach
                        <div class="d-flex flex-column">
                          <a href="{{url('/jobdetails/'.$j->id)}}">
                            <h6>{{ $j->job_title }}</h6>
                          </a>
                          <h6 class="font-weight-bold mb-3">
                            @foreach($users as $k=>$us)
                              @if($j->organisation == $us->id)
                                <td>{{ $us->name }}</td>
                              @endif
                            @endforeach
                          </h6>
                          <div class="d-flex">
                            @if(!empty($j->experience))  
                              <span class="location mr-3">{{ $j->experience }} year's</span>
                            @else
                              <span class="location mr-3">1 year</span>
                            @endif
                          </div>
                          <div class="d-flex">
                            <span class="location mr-3">
                               @foreach($jobscity as $c)
                                @if($c->city_id == $j->id) 
                                  {{ $c->city }}, 
                                @endif
                              @endforeach

                              @foreach($jobsstate as $s)
                                @if($s->state_id == $j->id) 
                                  {{ $s->name }},
                                @endif
                              @endforeach

                              @foreach($jobscountry as $k)
                                @if($k->job_id == $j->id) 
                                  {{ $k->name }}
                                @endif
                              @endforeach 
                            </span>
                          </div>
                          <span class="text-dark pb-3">
                            <span class="d-block">
                              Last date to apply : 
                              <strong>
                                {{ Carbon\Carbon::parse($j->closing_date)->format('d-M-Y') }}
                              </strong>
                            </span>                                    
                          </span>

                          @if (Auth::check())

                            @php
                              $userId = Auth::user()->id;
                            @endphp

                            @foreach($savedjob as $s) 
                              @if($s->job_id == $j->id && $s->user_id == $userId) 
                                <span class="text-success"><i class="fa fa-check"></i> Applied</span>
                              @endif
                            @endforeach 
                          @endif
                      </div>                              
                    </header>
               </div>
               @endforeach  
               {{ $featuredjobs->links() }} 
            </div>

            <!--<div class="position-relative my-5 post-new-job" style="background-color: #ffdddd;">-->
            <!--   <h5 class="text-dark font-weight-bold mb-3 text-center">E-Mail Us</h5>-->
            <!--   <a href="mailto:csrabilty.in"> -->
            <!--      <center><button class="btn btn-primary mt-3"> Send a JD now !</button></center>-->
            <!--   </a>-->
            <!--</div>-->

          </div>
        </div>

        <div class="row my-5">
          <div href="#" class="col-md-4" data-toggle="popover" title="Advertise with Us. Click on Image!" style="cursor: pointer;"> 
            @foreach($advertisement1 as $a)           
              <div class="position-relative mb-5" data-toggle="modal" data-target="#myAdvertise">
                @if(!empty($a->image))        
                  <img src="storage/app/public/advertisement/{{ $a->image }}" alt="" class="img-fluid w-100" style="height: 260px; display: block !important;">    
                @else
                    <img src="public/assets/img/jobPost.jpg" alt="" class="img-fluid w-100" style="height: 260px;"> 
                @endif
                
                <div class="position-absolute d-flex align-items-start justify-content-center flex-column h-100 jobPost p-3">
                  <h5 class="text-dark font-weight-bold mb-4 advertisement-position">{{ $a->title }}</h5>
                  <!--<a href="#" class="btn btn-outline-primary mb-4">Post job</a>-->
                </div>
              </div>
            @endforeach            
          </div>
          <div href="#" class="col-md-4" style="cursor: pointer;"> 
            @foreach($video as $v)           
              <div class="position-relative mb-5">
                <video width="100%" height="100%" controls>
                  <source src="storage/app/public/video/{{ $v->video }}" type="video/mp4">
              </video>
              </div>
            @endforeach            
          </div>
          <div href="#" class="col-md-4" data-toggle="popover" title="Advertise with Us. Click on Image!" style="cursor: pointer;"> 
            @foreach($advertisement2 as $a)           
              <div class="position-relative mb-5" data-toggle="modal" data-target="#myAdvertise">
                @if(!empty($a->image))        
                  <img src="storage/app/public/advertisement/{{ $a->image }}" alt="" class="img-fluid w-100" style="height: 260px; display: block !important;">    
                @else
                    <img src="public/assets/img/jobPost.jpg" alt="" class="img-fluid w-100" style="height: 260px;"> 
                @endif
                
                <div class="position-absolute d-flex align-items-start justify-content-center flex-column h-100 jobPost p-3">
                  <h5 class="text-dark font-weight-bold mb-4 advertisement-position">{{ $a->title }}</h5>
                  <!--<a href="#" class="btn btn-outline-primary mb-4">Post job</a>-->
                </div>
              </div>
            @endforeach            
          </div>
        </div>
      </div>
    </div>
  </main>
<!-- Content Area Ends Here -->

  <div class="modal" id="job-seeker">
      <div class="modal-dialog">
          <div class="modal-content">
        
            <div class="modal-header">
                <h4 class="modal-title">Reach out to us</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            
            <div class="contact-enquiry">
                <div class="contact-image">
                    <img src="https://csrability.com/public/assets/img/logo-big.png" style="width: 101px; height: 73px;border-radius: 0;margin-top: -6%;transform: inherit;background-color: #fff;" alt="" class="img-fluid">
                </div>
                <form action="{{ route('contactseeker') }}" method="post" enctype="multipart/form-data">
                @csrf()
                    <h3>For Placing Your Profile</h3>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" placeholder="Your Name" value="" />
                            </div>
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" placeholder="Your Email *" value="" required="" />
                            </div>
                            <div class="form-group">
                              <select name="organisation" class="form-control" id="getFname" onchange="seekSelectCheck(this);">
                                <option>--Select Organisation--</option>
                                <option id="seekOption" value="0">Others</option>
                                @foreach($organisations as $j)
                                  <option value="{{ $j }}">{{ $j }}</option>
                                @endforeach
                              </select>
                            </div>
                            <div class="form-group" id="seekDivCheck"></div>
                            <div class="form-group">
                                <input type="text" name="subject" class="form-control" value="Featured job Seekers placement" required="" />
                            </div>
                            <input type="hidden" name="mail_for" class="form-control" value="3"/>
                            <div class="form-group">
                                <textarea name="message" class="form-control" placeholder="Your Message" style="width: 100%; height: 150px;"></textarea>
                            </div>
                            <div class="form-group" style="margin-top: 15px;">
                                <div class="g-recaptcha" data-sitekey="{{env('CAPTCHA_KEY')}}"></div>
                                @if($errors->has('g-recaptcha-response'))
                                <span class="invalid-feedback" style="display: block;">
                                	<strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                </span>
                                @endif
                            </div>
                            <div class="form-group text-center">
                                <input type="submit" name="btnSubmit" class="btnContact" value="Send Message" />
                            </div>
                        </div>
                    </div>
                </form>
              </div>
          
          </div>
      </div>
  </div>

  <div class="modal" id="prime-job">
      <div class="modal-dialog">
          <div class="modal-content">
        
            <div class="modal-header">
                <h4 class="modal-title">Reach out to us</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            
            <div class="contact-enquiry">
                <div class="contact-image">
                    <img src="https://csrability.com/public/assets/img/logo-big.png" style="width: 101px; height: 73px;border-radius: 0;margin-top: -6%;transform: inherit;background-color: #fff;" alt="" class="img-fluid">
                </div>
                <form action="{{ route('contactseeker') }}" method="post" enctype="multipart/form-data">
                @csrf()
                    <h3>For Prime Jobs Placement</h3>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" placeholder="Your Name" value="" />
                            </div>
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" placeholder="Your Email *" value="" required="" />
                            </div>
                            <div class="form-group">
                              <select name="organisation" class="form-control" id="getFname" onchange="admSelectCheck(this);">
                                <option>--Select Organisation--</option>
                                <option id="admOption" value="0">Others</option>
                                @foreach($organisations as $j)
                                  <option value="{{ $j }}">{{ $j }}</option>
                                @endforeach
                              </select>
                            </div>
                            <div class="form-group" id="admDivCheck"></div>
                            <div class="form-group">
                                <input type="text" name="subject" class="form-control" value="Prime jobs placement" required="" />
                            </div>
                            <input type="hidden" name="mail_for" class="form-control" value="1"/>
                            <div class="form-group">
                                <textarea name="message" class="form-control" placeholder="Your Message" style="width: 100%; height: 150px;"></textarea>
                            </div>
                            <div class="form-group" style="margin-top: 15px;">
                                <div class="g-recaptcha" data-sitekey="{{env('CAPTCHA_KEY')}}"></div>
                                @if($errors->has('g-recaptcha-response'))
                                <span class="invalid-feedback" style="display: block;">
                                	<strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                </span>
                                @endif
                            </div>
                            <div class="form-group text-center">
                                <input type="submit" name="btnSubmit" class="btnContact" value="Send Message" />
                            </div>
                        </div>
                    </div>
                </form>
              </div>
          
          </div>
      </div>
  </div>

  <div class="modal" id="featured-job">
      <div class="modal-dialog">
          <div class="modal-content">
        
            <div class="modal-header">
                <h4 class="modal-title">Reach out to us</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            
            <div class="contact-enquiry">
                <div class="contact-image">
                    <img src="https://csrability.com/public/assets/img/logo-big.png" style="width: 101px; height: 73px;border-radius: 0;margin-top: -6%;transform: inherit;background-color: #fff;" alt="" class="img-fluid">
                </div>
                <form action="{{ route('contactseeker') }}" method="post" enctype="multipart/form-data">
                @csrf()
                    <h3>For Featured Jobs Placement</h3>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" placeholder="Your Name" value="" />
                            </div>
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" placeholder="Your Email *" value="" required="" />
                            </div>
                            <div class="form-group">
                              <select name="organisation" class="form-control" id="getFname" onchange="feaSelectCheck(this);">
                                <option>--Select Organisation--</option>
                                <option id="feaOption" value="0">Others</option>
                                @foreach($organisations as $j)
                                  <option value="{{ $j }}">{{ $j }}</option>
                                @endforeach
                              </select>
                            </div>
                            <div class="form-group" id="feaDivCheck"></div>
                            <div class="form-group">
                                <input type="text" name="subject" class="form-control" value="Featured jobs placement" required="" />
                            </div>
                            <input type="hidden" name="mail_for" class="form-control" value="2"/>
                            <div class="form-group">
                                <textarea name="message" class="form-control" placeholder="Your Message" style="width: 100%; height: 150px;"></textarea>
                            </div>
                            <div class="form-group" style="margin-top: 15px;">
                                <div class="g-recaptcha" data-sitekey="{{env('CAPTCHA_KEY')}}"></div>
                                @if($errors->has('g-recaptcha-response'))
                                <span class="invalid-feedback" style="display: block;">
                                	<strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                </span>
                                @endif
                            </div>
                            <div class="form-group text-center">
                                <input type="submit" name="btnSubmit" class="btnContact" value="Send Message" />
                            </div>
                        </div>
                    </div>
                </form>
              </div>
          
          </div>
      </div>
  </div>

<script src="{{asset('public/assets/js/jQuery.3.3.1.min.js')}}"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"></script>  
<script type="text/javascript">
    var path = "{{ route('autocomplete') }}";
    $('input.typeahead').typeahead({
        source:  function (query, process) {
            return $.get(path, { query: query }, function (data) {
                return process(data);
            });
        },
        highlighter: function (item, data) {
            var parts = item.split('#'),
                html = '<span>'+data.name+'</span>';
            return html;
        }
    });
</script>



<script>
    function admSelectCheck(nameSelect){
        if(nameSelect){
            admOptionValue = document.getElementById("admOption").value;
            if(nameSelect.value == admOptionValue){
              document.getElementById("admDivCheck").textContent= "";
                document.getElementById("admDivCheck").insertAdjacentHTML("afterbegin","<input type='text' name='organisation' class='form-control' placeholder='Organisation Name' />")
            }
            else{
                document.getElementById("admDivCheck").textContent= "";
            }
        }
        else{
            document.getElementById("admDivCheck").textContent= "";
        }
    }
</script>

<script>
    function feaSelectCheck(featureSelect)
    {
        if(featureSelect){
            feaOptionValue = document.getElementById("feaOption").value;
            if(featureSelect.value == feaOptionValue){
                document.getElementById("feaDivCheck").textContent= "";
                document.getElementById("feaDivCheck").insertAdjacentHTML("afterbegin","<input type='text' name='organisation' class='form-control' placeholder='Organisation Name' />")
            }
            else{
                document.getElementById("feaDivCheck").textContent= "";
            }
        }
        else{
            document.getElementById("feaDivCheck").textContent= "";
        }
    }
</script>

<script>
    function seekSelectCheck(seekerSelect)
    {
        if(seekerSelect){
            seekOptionValue = document.getElementById("seekOption").value;
            if(seekerSelect.value == seekOptionValue){
                document.getElementById("seekDivCheck").textContent= "";
                document.getElementById("seekDivCheck").insertAdjacentHTML("afterbegin","<input type='text' name='organisation' class='form-control' placeholder='Organisation Name' />")
            }
            else{
                document.getElementById("seekDivCheck").textContent= "";
            }
        }
        else{
            document.getElementById("seekDivCheck").textContent= "";
        }
    }
</script>

<script type="text/javascript">
  $("#checkAll").click(function () {
    $(".sector-checkbox").prop('checked', $(this).prop('checked'));
  });
</script>
      
@endsection