관리-도구

편집 파일: job_seeker.blade.php

@extends('theme.saintsaccessories.websiteEcom')

@php use App\Models\Jobpost; @endphp
@section('content')

<section class="perfect-employer">
      <div class="container">
          <div class="row">
              <div class="col-lg-12">
                  <div class="employer-txt">
                      <h2>{!! get_trans_option('jobseekerpgetitle') !!}</h2>
                  </div>
                  <div class="employerkeyword-box">
                      <div class="row">
                            <div class="col-lg-4">
                                <form action="{{ url('/search-jobs') }}">
                                <div class="company-title">
                                    <input type="search" name="keyword" placeholder="Job Title or Keywords">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="city-postcode">
                                    <span><i class='bx bx-map'></i></span>
                                    <input type="text" name="city" placeholder="City or postcode">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="location-search">
                                    <div class="location-selects">
                                        <span><i class='bx bx-world'></i></span>
                                        <select name="location">
                                            <option value="">All Location</option>
                                            <option value="United Kingdom">United Kingdom</option>
                                            <option value="United States">United States</option>
                                            <option value="Europe">Europe</option>
                                        </select>
                                    </div>
                                    <div class="job-searchs">
                                        <button type="submit"><span><i class='bx bx-search'></i></span></button>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                  </div>
              </div>
              <div class="col-lg-12">   
                  <div class="jobs-category">
                      <div class="job-related">
                          <select name="job_type" id="">
                              <option value="">Job Type</option>
                              <option value="Full-Time">Full-Time</option>
                              <option value="Part-Time">Part-Time</option>
                              <option value="Contract">Contract</option>
                          </select> 
                      </div>
                
                      <div class="job-related">
                          <select name="experience_level" >
                              <option value="">Experience Level</option>
                              <option value="Experienced">Experienced</option>
                              <option value="Mid-Level">Mid-Level</option>
                              <option value="Junior">Junior</option>
                          </select>
                      </div>
                      <div class="job-related">
                          <select name="estimated_salary">
                              <option value="">Salary estimate</option>
                              <option value="5000-Above">$5000-Above</option>
                              <option value="3000-5000">$3000-$5000</option>
                              <option value="1000-3000">$1000-$3000</option>
                              <option value="1-1000">$1-$1000</option>
                          </select>
                      </div>
                       </form>
                  </div>
              </div>
          </div>
      </div>
  </section>

<section class="job-collection">
        <div class="container">
        <div class="job-offers-button">
                <div class="showing-txt">
                    <p>Showing 1 – 9 of 12 results</p>
                </div>
                <div class="filter-button">
                    <div class="filter-btn">
                        <select name="" id="">
                            <option value="">Sort by (Default)</option>
                            <option value="">Sort by (Default)</option>
                            <option value=""></option>
                        </select>
                    </div>
                    <div class="filter-btn">
                        <select name="" id="">
                            <option value="">9 Per Page</option>
                            <option value="">8 Per Page</option>
                            <option value=""></option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                
           @if(isset($filteredJobs))
                @if(count($filteredJobs)>1)
                @foreach($filteredJobs as $filteredJob)
                @dd($filteredJob)
                <div class="col-lg-6">
                    <div class="best-carts">
                        <img src="{{ asset('public/theme/saintsaccessories/images/company-logo-1.png')}}" alt="">
                        <h5>{{ $filteredJob->company_name }}</h5>
                        @php
                          $str = $filteredJob->company_details;
                           $words = explode(' ', $str);
                           // Get First ten (10) words from String
                           $ten_words = array_slice($words,0,15);
                           $result = implode(' ',$ten_words);
                         @endphp
                        <p>{{ $result }}</p>
                        <h6>{{ Jobpost::where('company_name',$filteredJob->company_name)->count() ?? 0 }} Open Job</h6>
                    </div>
                </div>
                @endforeach
                @else
                <div class="col-12 pr-0">
                    <div class="d-flex align-items-center justify-content-center">
                        <h5>No Jobs Found!</h5>
                    </div>
                </div>
                @endif
           @endif
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                <div class="col-lg-12 d-none">
                    <div class="job-pagination">
                        <div class="pagination">
                            <a href="#">01</a>
                            <a class="active" href="#">02</a>
                            <a href="#">03</a>
                            <a href="#">04</a>
                            <a href="#">05</a>
                            <a href="#">06</a>
                           <a href="#" class="pag-arrow" ><i class='bx bx-right-arrow-alt'></i></a>
                        </div>
                    </div>
                </div>
            </div>
            {{ (isset($filteredJobs))? $filteredJobs->links() : '' }}           
        </div>
    </section>

<section class="our-letter">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="subscribe-txt">
                        <h4>Subscribe Our Newsletter</h4>
                        <p>Advertise your jobs to millions of monthly users and search 15.8 million CVs in our
                            database.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="input-email">
                        <input type="email" name="" id="" placeholder="Your Email Address">
                        <a href="">Subscribe</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="our-customer">
        <div class="testimonial-txt">
            <h2>Testimonials From Our Customers</h2>
            <p>Repellendus quasi sapiente dolorem veniam corporis cumque laboriosam nisi eaque earum, soluta ex nemo
                rerum velit. <br> consequatur amet aliquam nesciunt nemo, deserunt facilis. Duis aute irure dolor
                voluptate velit esse cillum </p>
        </div>
        <div class="container-fluid">
            <div class="row testimonial-slider">
                <div class="col-lg-6">
                    <div class="high-level">
                        <h5>High Level of Quality</h5>
                        <p>Repellendus quasi sapiente dolorem veniam corporis cumque laboriosam nisi eaque earum,
                            soluta ex nemo rerum velit. consequatur amet aliquam nesciunt nemo, deserunt facilis.
                            Duis aute irure dolor voluptate velit esse cillum Repellendus quasi sapiente dolorem
                            veniam corporis cumque laboriosam nisi eaque earum, soluta ex nemo rerum velit.
                            consequatur amet aliquam nesciunt nemo, deserunt facilis.</p>
                        <div class="customer">
                            <img src="{{ asset('public/theme/saintsaccessories/images/customer-img.png')}}" alt="">
                            <div class="customer-txt">
                                <h4>Ronald Richards</h4>
                                <p>Senior Designer</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="high-level">
                        <h5>High Level of Quality</h5>
                        <p>Repellendus quasi sapiente dolorem veniam corporis cumque laboriosam nisi eaque earum,
                            soluta ex nemo rerum velit. consequatur amet aliquam nesciunt nemo, deserunt facilis.
                            Duis aute irure dolor voluptate velit esse cillum Repellendus quasi sapiente dolorem
                            veniam corporis cumque laboriosam nisi eaque earum, soluta ex nemo rerum velit.
                            consequatur amet aliquam nesciunt nemo, deserunt facilis.</p>
                        <div class="customer">
                            <img src="{{ asset('public/theme/saintsaccessories/images/customer-img.png')}}" alt="">
                            <div class="customer-txt">
                                <h4>Ronald Richards</h4>
                                <p>Senior Designer</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="high-level">
                        <h5>High Level of Quality</h5>
                        <p>Repellendus quasi sapiente dolorem veniam corporis cumque laboriosam nisi eaque earum,
                            soluta ex nemo rerum velit. consequatur amet aliquam nesciunt nemo, deserunt facilis.
                            Duis aute irure dolor voluptate velit esse cillum Repellendus quasi sapiente dolorem
                            veniam corporis cumque laboriosam nisi eaque earum, soluta ex nemo rerum velit.
                            consequatur amet aliquam nesciunt nemo, deserunt facilis.</p>
                        <div class="customer">
                            <img src="{{ asset('public/theme/saintsaccessories/images/customer-img.png')}}" alt="">
                            <div class="customer-txt">
                                <h4>Ronald Richards</h4>
                                <p>Senior Designer</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="high-level">
                        <h5>High Level of Quality</h5>
                        <p>Repellendus quasi sapiente dolorem veniam corporis cumque laboriosam nisi eaque earum,
                            soluta ex nemo rerum velit. consequatur amet aliquam nesciunt nemo, deserunt facilis.
                            Duis aute irure dolor voluptate velit esse cillum Repellendus quasi sapiente dolorem
                            veniam corporis cumque laboriosam nisi eaque earum, soluta ex nemo rerum velit.
                            consequatur amet aliquam nesciunt nemo, deserunt facilis.</p>
                        <div class="customer">
                            <img src="{{ asset('public/theme/saintsaccessories/images/customer-img.png')}}" alt="">
                            <div class="customer-txt">
                                <h4>Ronald Richards</h4>
                                <p>Senior Designer</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('js-script')
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
    <script>
        $(".test-slide").slick({
          slidesToShow: 1,
          slidesToScroll: 1,
          autoplay: true,
          autoplaySpeed: 2000,
          centerMode: true,
          centerPadding: "350px",
          dots: false,
          arrows: false,
        });
        </script>
@endsection