@extends('frontend.layouts.app')

@section('content')

@if( isset( $module->module_banner_image ) )

@php $bannerImage = asset('module-banner/'.$module->module_banner_image); @endphp

<style type="text/css">
  .inner-banner-section
  {
    background-image:url("{{$bannerImage}}");
  }
</style>

@endif

<!-- Banner Section Start -->
<div class="inner-banner-section">
  <div class="inner-banner-content">
  <div class="page-name">
    <p>Help Wanted Detail</p>
  </div>
  <div class="breadcrumb">
    <ul>
      <li><a href="{{ route('home.index') }}">Home</a></li>
      <li><a href="{{ route('directory.category.list',$module->slug) }}">Help Wanted</a></li>
      <li><a class="active">{{ $helpWanted->title }}</a></li>
    </ul>
  </div>
</div>
</div>
<!-- Banner Section End -->


  <!-- Help Wanted Detail page Section Start -->
  <div class="help-wanted-detail-page">
    <div class="container">
      <div class="row">

       
        <div class="col-lg-8 col-md-7">
          <div class="content">
            <div class="title">
              <h1>{{ $helpWanted->title }}</h1>
            </div>
            <div class="image">
                @if($helpWanted->featured_image)
                  <img src="{{asset('help-wanted/'.$helpWanted->featured_image)}}">
                @endif
            </div>
            @php $jobType    = \App\Models\JobType::find( $helpWanted->job_type ); @endphp
            <div class="row img-bottom">
              <div class="col-md-6 left">
                <p><i class="fas fa-building"></i> <span>Company : </span>{{ $helpWanted->company_name ?? '' }}</p>
              </div>
              <div class="col-md-6 right">
                <p><i class="fas fa-briefcase"></i> <span>Job Type : </span>{{ $jobType->title ?? '' }}</p>
              </div>
            </div>
            <div class="description">
             {!! $helpWanted->overview_description ?? '' !!}
            </div>
            <div class="viewer">
              <p><i class="fas fa-eye"></i> {{ $helpWanted->view_count }}</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-5">
          <div class="help-wanted-detail-right">
            <div class="heading">
              <h1>Contact Details</h1>
            </div>
            <div class="help-wanted-contact-right-content">
              <p><span>Phone :</span>{{ $helpWanted->phone }}</p>
            </div>
            <div class="help-wanted-contact-right-content">
              <p><span>Email :</span>{{ $helpWanted->email }}</p>
            </div>
            <div class="follow-us">
              <ul>
                @if( isset( $helpWanted->facebook_url ) )
                <li><a href="{{esc_url( $helpWanted->facebook_url )}}"><i class="fa fa-facebook-f" aria-hidden="true"></i></a></li>
                @endif
                @if( isset( $helpWanted->twitter_url ) )
                <li><a href="{{esc_url( $helpWanted->twitter_url )}}"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                @endif
                @if( isset( $helpWanted->pinterest_url ) )
                <li><a href="{{esc_url( $helpWanted->pinterest_url )}}"><i class="fab fa-pinterest-p" aria-hidden="true"></i></a></li>
                @endif
                @if( isset( $helpWanted->instagram_url ) )
                <li><a href="{{esc_url( $helpWanted->instagram_url )}}"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                @endif
              </ul>
            </div>
          </div>
          <div class="help-wanted-contact-right">
            <div class="heading">
              <h1>Contact {{ $helpWanted->company_name ?? '' }}</h1>
            </div>
             @if (session('message'))
            <div class="alert alert-success">
                <a aria-label="close" class="close" data-dismiss="alert" href="#">×</a> {!! session('message') !!}
            </div>
            @endif
            <form action="{{ route('user.jobs.send.message') }}" method="POST" enctype="multipart/form-data">
              @csrf()
              <input type="hidden" name="slug" value="{{ $helpWanted->slug }}">
              <div class="form-group">
                <label for="FormControlName">Name *</label>
                <input name="full_name" type="text" class="form-control" id="FormControlName" placeholder="Full Name" value="{{ old('full_name') }}">
                 @error('full_name')
                    <span class="invalid-feedback" role="alert" style="display: block;">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
              </div>
              <div class="form-group">
                <label for="FormControlEmail">Email Address *</label>
                <input name="email" type="email" class="form-control" id="FormControlEmail" placeholder="Email Address" value="{{ old('email') }}">
                 @error('email')
                    <span class="invalid-feedback" role="alert" style="display: block;">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
              </div>
              <div class="form-group">
                <label for="FormControlPhone">Phone *</label>
                <input name="phone" type="text" class="form-control" id="FormControlPhone" placeholder="Phone" value="{{ old('phone') }}">
                @error('phone')
                    <span class="invalid-feedback" role="alert" style="display: block;">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
              </div>
              <div class="form-group">
                <label for="FormControlMessage">Message</label>
                <textarea name="message" class="form-control" id="FormControlMessage" rows="3" placeholder="Message Here...">{{ old('message') }}</textarea>
              </div>
              <div class="form-group">
                <div class="">
                  <label for="file-upload" class="custom-file-upload1">
                    <i class="fa fa-cloud-upload"></i>(Pdf only) Upload resume (optional)  
                  </label>
                  <input name="resume" id="file-upload" type="file"/>
                </div>
                 @error('resume')
                    <span class="invalid-feedback" role="alert" style="display: block;">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
              </div>
              @guest
               <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Send a Message" class="btn btn-warning sendUsMessage" data-slug="{{$helpWanted->slug}}">Send Message</a>
              @else
                <button type="submit" class="btn btn-warning">Send Message</button>
              @endguest
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
    <!-- Help Wanted Detail Page Section End -->



  @if( isset( $similarJobs )  && count( $similarJobs ) > 0  )
    <!-- Help Wanted Detail Page Similar Ads Start -->
    <div class="help-wanted-detail-similar-ads">
      <div class="container">
        <div class="heading">
          <h1>Similar Jobs</h1>
        </div>
        <div class="row">
     
          @foreach(  $similarJobs as $job )
            <div class="col-md-6">  
              <a href="{{ route('help-wanted.detail', $job->slug) }}" class="box">
                <div class="row">
                  <div class="col-lg-3 col-md-12">
                    <div class="image">
                       @if($job->featured_image)
                        <img src="{{asset('help-wanted/'.$helpWanted->featured_image)}}">
                      @endif
                      <i class="fas fa-heart"></i>
                    </div>
                  </div>
                  <div class="col-lg-6 col-md-12 order-lg-2 order-md-3">
                    <div class="content">
                      <h1>{{ $job->title }}</h1>
                      <p>{{ substr( $job->overview_description,0,30 ) }}</p>
                    </div>
                  </div>
                  <div class="col-lg-3 col-md-12 order-lg-3 order-md-2">
                    <div class="date">
                      <p>{!! date( 'd/m/Y', strtotime( $job->expiry_date ) ) !!}</p>
                    </div>
                  </div>
                </div>
              </a>
            </div>

          @endforeach

        </div>
      </div>
    </div>
    <!-- Help Wanted Detail Page Similar Ads End -->

@endif


@include('frontend.ads.modal.message')
@include('frontend.ads.modal.login')

@endsection


@section('scripts')

@include('frontend.ads.js.login-js')
@include('frontend.ads.js.send-us-message-js')


@endsection