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

<!-- 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="col-sm-12">
                  <div class="position-relative mb-5 seekers-new-job">
                     <h5 class="text-dark font-weight-bold mb-3 text-center">Are you a Jobseeker ?</h5>

                      @if (Auth::check())
                        <a href="{{ route('updateProfile') }}"> 
                            <center><button class="btn btn-primary mt-3"> My Profile </button></center>
                        </a>
                      @else
                        <a href="#"> 
                          <center><button class="btn btn-primary mt-3" data-toggle="modal" data-target="#myModal"> Create Account !</button></center>
                        </a>
                      @endif                                 

                  </div>
               </div>

               <div class="col-sm-12">
                  <div class="position-relative mb-5 post-new-job">
                    <h5 class="text-dark font-weight-bold mb-3 text-center">Searching Candidates ?</h5>

                    <div class="dropdown show text-center">
                      <a class="btn btn-primary dropdown-toggle mt-3" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Post a Job Yourself !
                      </a>

                      <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                        <a class="dropdown-item" href="{{ route('login') }}">Login</a>
                        <a class="dropdown-item" href="{{ route('auth.register') }}">Register</a>
                      </div>
                    </div>
                  </div>
               </div>                          

               <div class="col-sm-12">
                  <div class="featured-jobseekers">
                    <h4 class="text-dark font-weight-bold mb-3"><strong> Featured Jobseekers </strong></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 !='') 
                              <img src="{{ asset('public/uploads/'.$j->user_image)}} " style="width: 100%;">
                              @else
                              <img src="{{ asset('public/assets/img/nophoto.jpeg')}}" style="width: 100%;">
                              @endif
                            </div>
                            <div class="col-sm-9 text-left">
                              <h5 class="mb-3">{{ $j->name }}</h5>
                              <p>{{ $j->skills }} <br> {{ $j->expertise }}</p>
                              <p><a href="{{url('/userdetails/'.$j->id)}}">more...</a></p>
                            </div>
                          </div>
                        </div>

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

               <div class="col-sm-12 mt-5">
                @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">{{ $a->title }}</h5>
                      <!--<a href="#" class="btn btn-outline-primary mb-4">Post job</a>-->
                    </div>
                  </div>
                @endforeach 
                <center><a data-toggle="modal" data-target="#myAdvertise"><button class="btn btn-primary mt-3" style="cursor: pointer;">Advertise with Us. Click here!</button></a></center>
              </div>
              
            </div>
          </div>

                    <div class="col-md-5">
                        <div class="scrape-jobs">
                            <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>
                            <h4 class="text-dark font-weight-bold mb-3"><strong> Search Results </strong></h4>
                           
                            @foreach($posts 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 class="text-dark font-weight-bold">{{ $c->job_title }}</h6>
                                      </a>
                                      <h6 class="font-weight-normal mb-4">{{ $c->organisation }}</h6>
                                      <div class="d-flex">
                                         <span class="location mb-3 mr-3">3 to 5 yrs</span>
                                      </div>
                                      <div class="d-flex">
                                         <span class="location mb-3 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>{{ $c->closing_date }}</strong>
                                      </span>
                                    </div>
                                </header>

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

                        </div>
                    </div>

                    <div class="col-md-4">
            <div class="highlighted-jobs">
              <h4 class="text-dark font-weight-bold mb-3"><strong> Prime Jobs </strong></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 mb-3 mr-3">{{ $j->experience }} year's</span>
                      @else
                        <span class="location mb-3 mr-3">1 year</span>
                      @endif
                    </div>
                    <div class="d-flex">
                      <span class="location mb-3 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="premium-jobs mt-5">
                <h4 class="text-dark font-weight-bold mb-3"><strong> Featured Jobs </strong></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 mb-3 mr-3">{{ $j->experience }} year's</span>
                            @else
                              <span class="location mb-3 mr-3">1 year</span>
                            @endif
                          </div>
                          <div class="d-flex">
                            <span class="location mb-3 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="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>
<!-- Content Area Ends Here -->
            
@endsection