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

@php

$id = '';
$dtitle = '';
$dpublish_date = '';
$dclosing_date = '';
$dorganization = '';
$djob_location = '';
$djob_description = '';
$dcompany_image = '';
$dexperience = '';
$dcontactperson = '';
$dgoogle_form = '';
$dorganisation_type = '';
if(isset($jobdetailData))
{
  $did = $jobdetailData->id; 
  $dtitle = $jobdetailData->job_title; 
  $dorganization = $jobdetailData->organisation;
  $djob_description = $jobdetailData->job_description;  
  $djob_location = $jobdetailData->job_location;
  $dpublish_date = $jobdetailData->publish_date;  
  $dclosing_date = $jobdetailData->closing_date; 
  $dcompany_image = $jobdetailData->company_image; 
  $dexperience =  $jobdetailData->experience;
  $dcontactperson =  $jobdetailData->contact_person;
  $dgoogle_form = $jobdetailData->google_form;
  $dorganisation_type = $jobdetailData->organisation_type;
}

@endphp

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
      $('[data-toggle="popover"]').popover({
          placement : 'left',
          trigger: 'hover'
      });
  });
</script>

<style type="text/css">
  .detailed-description{
    font-weight: 500 !important;
    font-size: 14px !important;
  } 

  .detailed-description p{
    font-weight: 500 !important;
    font-size: 14px !important;
  }

  .detailed-description li{
    font-weight: 500 !important;
    font-size: 14px !important;
  }
  
  .detailed-description span{
    font-weight: 500 !important;
    font-size: 14px !important;
  }
  .popover {
    background: #3a7ad2;
  }
  
  .table td{
      border: none;
      padding: 0px 3px;
  }
  
  .table td ul{
    padding-left: 15px;
    margin-bottom: 0px;
  }
  
  .table td{
      font-weight: 100;
  }
  
  .table td p{
      font-weight: 600;
      margin: 0px;
  }
  
</style>
<!-- Content Area Starts Here -->
  <main id="content">
    <div class="landingSection my-5">
      <div class="container">
        <div class="row">
          <div class="col-md-8">
            <div class="text-center">
              @include('admin.partials.flash_message')
            </div>
            <div class="detailed-jobs">
              <div class="py-3 mb-3 jobDetail">
                <header class="d-flex flex-column flex-sm-row">

                  @foreach($users as $k=>$us)
                    @if($dorganization == $us->id)
                      @if($us->user_image)
                        <img src="../storage/app/public/profile/{{ $us->user_image }}" alt="" class="img-fluid border mr-sm-3 mb-3 align-self-start" style="width: 140px; height: 124px;">
                      @else
                        <img src="public/assets/img/jobs-1.jpg" alt="" class="img-fluid border mr-sm-3 mb-3 align-self-start" style="width: 140px; height: 124px;"> 
                      @endif
                    @endif
                  @endforeach

                  <div class="d-flex flex-column">
                    <h6 class="job-title">{{ trim($dtitle) }}</h6>
                    <h6 class="organisation mb-4">
                      @foreach($users as $k=>$us)
                        @if($dorganization == $us->id)
                          <td>{{ $us->name }}</td>
                        @endif
                      @endforeach 
                    </h6>
                    <div class="d-flex">
                      <span class="location mr-3">
                         @foreach($jobscity as $c)
                          @if($c->city_id == trim($did)) 
                            {{ $c->city }}, 
                          @endif
                        @endforeach

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

                        @foreach($jobscountry as $k)
                          @if($k->job_id == trim($did)) 
                            {{ $k->name }}
                          @endif
                        @endforeach 
                      </span>
                    </div> 
                    <div style="display: flex;">
                      @if (Auth::check())
                      @php
                        $userId= Auth::user()->id;
                      @endphp
                        @php
                          $j=0;
                        @endphp
                        @foreach($savedjob as $s)
                          @if($s->job_id == $did && $s->user_id == $userId)
                            @php
                              $j=1;
                            @endphp
                          @endif
                        @endforeach

                        @if($j == 1)
                          <a href="#" class="btn btn-success px-4 mx-3">Saved</a>
                        @else 
                          <form action="{{ route('job.save') }}" method="post" enctype="multipart/form-data">
                            @csrf()
                            <input type="hidden" class="form-control" name="user_id" value="{{ $userId }}" maxlength="100">
                            <input type="hidden" class="form-control" name="job_id" value="{{ trim($did) }}" maxlength="100">            
                            <input type="submit" class="btn btn-primary px-4" value="Save" name="btn_btn_add_product">
                          </form>
                        @endif

                        @php
                          $i=0;
                        @endphp
                        @foreach($appliedjob as $a)
                          @if($a->job_id == $did && $a->user_id == $userId)
                            @php
                              $i=1;
                            @endphp
                          @endif
                        @endforeach
                        
                        @if($i == 1)
                          <a href="#" class="btn btn-success px-4 mx-3">Applied</a>
                        @else                                          
                          <a href="{{url('/application/'.$did)}}" class="btn btn-primary px-4 mx-3">Apply</a>
                        @endif                                       
                          
                      @else
                        <a href="{{ route('user.login') }}" class="btn btn-primary px-4">Save</a>
                        <a href="{{ route('user.login') }}" class="btn btn-primary px-4 mx-3">Apply</a>
                      @endif
                    </div>                                   
                  </div>

                  <div class="ml-sm-auto d-flex align-items-start moreDetails">
                    <span class="text-dark pl-3 py-3 border-left" style="font-weight: 600;">
                      <span class="d-block">Last date to apply</span>
                      <span style="font-size: 13px;">
                          {{ Carbon\Carbon::parse(trim($dclosing_date))->format('d-M-Y') }}
                      </span>                           
                    </span>                                    
                  </div>                     
                </header>
                
                <table class="table relevant-sector" style="width: auto;">
                  <tbody>
                    <tr>
                      <td><p>Experience Required :</p></td>
                      <td>
                          @if($dexperience != '')
                            {{ trim($dexperience) }} year's
                          @else
                            1 year
                          @endif
                      </td>
                    </tr>
                    <tr>
                      <td><p>Relevant Sectors :</p></td>
                      <td>
                          <ul>                      
                            @foreach($sectors as $y)
                              @if($did == $y->job_id)                            
                                <li> {{ $y->sector_id }} </li>
                              @endif
                            @endforeach
                          </ul> 
                      </td>
                    </tr>
                    <tr>
                      <td><p>Organisation Type :</p></td>
                      <td>
                          @foreach($users as $k=>$us)
                            @if($dorganization == $us->id)
                              @foreach(get_organisations() as $o=>$c)
                                @if($us->organisation_type == $o)
                                  {{ $c }} 
                                @endif                   
                              @endforeach
                            @endif
                          @endforeach
                      </td>
                    </tr>
                    <tr>
                      <td><p>Contact Person :</p></td>
                      <td>
                          @foreach($users as $k=>$us)
                            @if($dorganization == $us->id)
                              {{ $us->person }}
                            @endif
                          @endforeach 
                      </td>
                    </tr>
                  </tbody>
                </table>

                <div class="detailed-description">
                                  </div>

                <div class="detailed-description mt-5">
                  @if(!empty($dgoogle_form))
                    <h5 class="important-link"> Important Link : <a href="#">{{ trim($dgoogle_form) }}</a> </h5>
                  @else
                    <h5 class="important-link"> Important Link : N/A </h5>
                  @endif
                </div>

                <div class="relevant-sector mt-5">
                  @if (Auth::check())
                    <p>Additional Attachments :
                      <ul style="list-style-type: decimal;">
                      @foreach($attachment as $a)
                        @if($a->job_id == $did) 
                          <li>
                            <a href="../storage/app/public/job-attachment/{{ $a->attachment }}" target="_blank"> Click here.. </a>
                          </li>
                        @endif
                      @endforeach 
                      </ul>
                    </p>
                  @else
                    <p>Download Attachment : <a href="{{ route('user.login') }}"> Click here.. </a>  </p>
                  @endif
                </div>

                <div class="row mt-5">
                  <div class="col-md-6 text-left">
                    <div style="display: flex;">  

                      @if (Auth::check())
                      @php
                        $userId= Auth::user()->id;
                      @endphp
                        @php
                          $j=0;
                        @endphp
                        @foreach($savedjob as $s)
                          @if($s->job_id == $did && $s->user_id == $userId)
                            @php
                              $j=1;
                            @endphp
                          @endif
                        @endforeach

                        @if($j == 1)
                          <a href="#" class="btn btn-success px-4 mx-3">Saved</a>
                        @else 
                          <form action="{{ route('job.save') }}" method="post" enctype="multipart/form-data">
                            @csrf()
                            <input type="hidden" class="form-control" name="user_id" value="{{ $userId }}" maxlength="100">
                            <input type="hidden" class="form-control" name="job_id" value="{{ trim($did) }}" maxlength="100">            
                            <input type="submit" class="btn btn-primary px-4" value="Save" name="btn_btn_add_product">
                          </form>
                        @endif

                        @php
                          $i=0;
                        @endphp
                        @foreach($appliedjob as $a)
                          @if($a->job_id == $did && $a->user_id == $userId)
                            @php
                              $i=1;
                            @endphp
                          @endif
                        @endforeach
                        
                        @if($i == 1)
                          <a href="#" class="btn btn-success px-4 mx-3">Applied</a>
                        @else                                          
                          <a href="{{url('/application/'.$did)}}" class="btn btn-primary px-4 mx-3">Apply</a>
                        @endif 
                          
                      @else
                        <a href="{{ route('user.login') }}" class="btn btn-primary px-4">Save</a>
                        <a href="{{ route('user.login') }}" class="btn btn-primary px-4 mx-3">Apply</a>
                      @endif

                    </div>  
                  </div>
                  <div class="col-md-6 text-right">
                    <div class="text-center">
                      <span class="d-block">Last date to apply</span>
                      <strong>
                        {{ Carbon\Carbon::parse(trim($dclosing_date))->format('d-M-Y') }}
                      </strong>
                    </div>
                  </div>  
                  <div class="col-md-12 text-right mt-5">
                    <div class="social-share">
                      <p> Share this Job : 
                        <a href="http://www.facebook.com/sharer.php?u={{url('/jobdetails/'.$did)}}" class="text-dark ml-3" target="_blank"><i class="fab fa-facebook-f"></i></a>
                        <a href="http://www.linkedin.com/shareArticle?mini=true&url={{url('/jobdetails/'.$did)}}" class="text-dark" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                        <a href="http://twitter.com/share?text=Visit this URL&url={{url('/jobdetails/'.$did)}}" class="text-dark" target="_blank"><i class="fab fa-twitter"></i></a>
                        <a href="mailto:?subject=CSRAbility Jobs&amp;body=Check out this job {{url('/jobdetails/'.$did)}}" class="text-dark" target="_blank"><i class="fa fa-envelope"></i></a>
                      </p>
                    </div>
                  </div>
                </div> 
              </div>
            </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($premiumjobdetail 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 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($jobapplied 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
              {{ $premiumjobdetail->links() }} 
            </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($featuredjobdetail 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($jobapplied 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  
               {{ $featuredjobdetail->links() }} 
            </div>

            <div class="bg-success p-3 my-5 text-center">
                <h5 class="text-dark mb-3 pt-4">Seraching 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 class="bg-success p-3 my-5">
               <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>
      </div>
    </div>
  </main>

  <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 job 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>
<!-- Content Area Ends Here -->

<script src="{{asset('public/assets/js/jQuery.3.3.1.min.js')}}"></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>

@endsection