@extends('layouts.app')
@section('content') 
<!--=================================
Browse-job -->
<section class="space-ptb">
  <div class="container">
    <div class="row">
      <div class="col-12">    
        <div class="browse-job d-flex">
          <h3 class="mb-3">{{__('message.browse_jobs_by_keywords')}}</h3>
          <div class="justify-content-center flex-fill">
            <ul class="nav nav-tabs nav-tabs-02 justify-content-center d-flex mb-3 mb-md-0" role="tablist">
            </ul>
          </div>
          <div class="job-found mb-3">
            <span class="badge badge-lg badge-primary">{{ $totalJobCount }}</span>
            <h6 class="ms-2 mb-0">{{__('message.job_found')}}</h6>
          </div>
        </div>
        <div class="tab-content">
            <div class="tab-pane fade active show" id="keywords" role="tabpanel" aria-labelledby="keywords-tab">
              <div class="row mt-4 mt-md-5">
                @php 
                //$city
                $keywordData = json_decode(file_get_contents(public_path('data/home/HomeKeywords.json')),true);
                
                if($keywordData != null){
                shuffle($keywordData);
                $i = 1;
                @endphp
                @foreach($keywordData as $key => $value)
                  @if($i == 1 || $i == 11 || $i == 21)
                  <div class="col-md-4 border-right mb-3 mb-md-0border-right mb-3 mb-md-0">
                    <div class="category-style-02">
                      <ul class="list-unstyled mb-0">
                  @endif
                      
                        @if($i<=30)
                        @php
                        $valueCheck = str_replace(' ','-',__($value['keyword']));
                        @endphp
                          <li>
                            @if(is_string($value['_id']))
                            <a href="/jobs/keyword/{{$valueCheck}}/{{$value['_id']}}">
                              <h6 class="category-title">{{__($value['keyword'])}}</h6>
                            </a>
                            @endif
                          </li>
                          @php
                          $i++;
                          @endphp
                        @else
                          @php
                          break;
                          @endphp
                        @endif
                    @if($i == 11 || $i == 21 || $i == 31)  
                    </ul>
                  </div>
                </div>
                @endif
                @endforeach
                 <div class="col-12 justify-content-center d-flex mt-4 mt-md-5">
                  <a class="btn btn-primary btn-lg" href="{{ route('job.keyword') }}">{{__('message.view_more')}} <i class="fa fa-plus"></i></a>
                </div>
                 @php
               }else{
                @endphp
                <h5>No Data Found</h5>
                @php
               }
              @endphp
        
                
        
              </div>
            </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--=================================
Browse-job -->

<!--=================================
Browse-job -->
<section>
  <div class="container">
    <div class="row">
      <div class="col-12">    
        <div class="browse-job d-flex">
          <h3 class="mb-3">{{__('message.browse_jobs_by_location')}}</h3>
          <div class="justify-content-center flex-fill">
            <ul class="nav nav-tabs nav-tabs-02 justify-content-center d-flex mb-3 mb-md-0" role="tablist">
            </ul>
          </div>
          <div class="job-found mb-3">
            <span class="badge badge-lg badge-primary">{{ $totalJobCount }}</span>
            <h6 class="ms-2 mb-0">{{__('message.job_found')}}</h6>
          </div>
        </div>
        <div class="tab-content">
         
            <div class="tab-pane fade active show" id="contact" role="tabpanel" aria-labelledby="contact-tab">
              <div class="row mt-4 mt-md-5">
                @php 
                //$city
                $cityData = json_decode(file_get_contents(public_path('data/home/homeCity.json')),true);
                //dd($cityData);
                if($cityData != null){
                shuffle($cityData);
                $i = 1;
                //include(public_path('data/home/home_city_count.blade.php'));
                @endphp
                @foreach($cityData as $key => $value)
                  @if($i == 1 || $i == 11 || $i == 21)
                  <div class="col-md-4 border-right mb-3 mb-md-0border-right mb-3 mb-md-0">
                    <div class="category-style-02">
                      <ul class="list-unstyled mb-0">
                  @endif
                      
                        @if($i<=30)
                        @php
                        $valueCheck = str_replace(' ','-',__($value['city']));
                        @endphp
                          <li>
                            <a href="/jobs/location/{{$valueCheck}}/{{$value['_id']}}">
                              <h6 class="category-title">{{$value['city']}}</h6>
                              <span class="category-count">{{$value['job_count']}}</span>
                            </a>
                          </li>
                          @php
                          $i++;
                          @endphp
                        @else
                          @php
                          break;
                          @endphp
                        @endif
                    @if($i == 11 || $i == 21 || $i == 31)  
                    </ul>
                  </div>
                </div>
                @endif
                @endforeach
                
                <div class="col-12 justify-content-center d-flex mt-4 mt-md-5">
                  <a class="btn btn-primary btn-lg" href="{{ route('job.locations') }}">{{__('message.view_more')}} <i class="fa fa-plus"></i></a>
                </div>
                 @php
               }else{
                @endphp
                <h5>No Data Found</h5>
                @php
               }
                          
                          @endphp
              </div>
            </div>
       

        </div>
      </div>
    </div>
  </div>
</section>
<!--=================================
Browse-job -->

<!--=================================
Browse-job -->

<!--=================================
Browse-job -->

<!--=================================
Browse-job -->
<section class="space-ptb">
  <div class="container">
    <div class="row">
      <div class="col-12">    
        <div class="browse-job d-flex">
          <h3 class="mb-3">{{__('message.browse_jobs_by_industry')}}</h3>
          <div class="justify-content-center flex-fill">
            <ul class="nav nav-tabs nav-tabs-02 justify-content-center d-flex mb-3 mb-md-0" role="tablist">
            </ul>
          </div>
          <div class="job-found mb-3">
            <span class="badge badge-lg badge-primary">{{ $totalJobCount }}</span>
            <h6 class="ms-2 mb-0">{{__('message.job_found')}}</h6>
          </div>
        </div>
        <div class="tab-content">
          <div class="tab-pane fade active show" id="home" role="tabpanel" aria-labelledby="home-tab">
            <div class="row mt-4 mt-md-5">
              @php 
                //$city
                $indutryData = json_decode(file_get_contents(public_path('data/home/homeIndustry.json')),true);
                
                if($indutryData != null){
                shuffle($indutryData);
                $i = 1;
                //include(public_path('data/home/home_city_count.blade.php'));
                @endphp
                @foreach($indutryData as $key => $value)
                  @if($i == 1 || $i == 11 || $i == 21)
                  <div class="col-md-4 border-right mb-3 mb-md-0border-right mb-3 mb-md-0">
                    <div class="category-style-02">
                      <ul class="list-unstyled mb-0">
                  @endif
                      
                        @if($i<=30)
                          @php
                        $valueCheck = str_replace(' ','-',__($value['industry']));
                        @endphp
                          <li>
                            <a href="/jobs/industry/{{$valueCheck}}/{{$value['_id']}}">
                              <h6 class="category-title">{{__($value['industry'])}}</h6>
                            </a>
                          </li>
                          @php
                          $i++;
                          @endphp
                        @else
                          @php
                          break;
                          @endphp
                        @endif
                    @if($i == 11 || $i == 21 || $i == 31)  
                    </ul>
                  </div>
                </div>
                @endif
                @endforeach
                  <div class="col-12 justify-content-center d-flex mt-4 mt-md-5">
                <a class="btn btn-primary btn-lg" href="{{ route('job.jobs_by_title') }}">{{__('message.view_more')}} <i class="fa fa-plus"></i></a>
              </div>
                 @php
               }else{
                @endphp
                <h5>No Data Found</h5>
                @php
               }
              @endphp
             
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--=================================
Browse-job -->

<!--=================================
Easiest Way to Use -->
<br>
<section class="space-pb">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8 col-md-10">
        <div class="section-title center">
          <h2 class="title">{{__('message.easiest_way_to_use')}}</h2>
          <p>{{__('message.give_yourself_the_power_of_responsibility_remind_yourself_the_only_thing_stopping_you_is_yourself')}}.</p>
        </div>
      </div>
    </div>
    <div class="row bg-holder-pattern mt-3 mt-md-4 mr-md-0 ml-md-0" style="background-image: url('{{asset('/')}}front/images/step/pattern-01.png');">
      <div class="col-md-4 mb-4 mb-md-0">
        <div class="feature-step text-center">
          <div class="feature-info-icon">
            <i class="flaticon-resume"></i>
          </div>
          <div class="feature-info-content pb-2 pb-md-0">
            <h5>{{__('message.run_job_search')}}</h5>
            <p class="mb-0">{{__('message.enter_job_title_or_skill_and_location')}} </p>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-4 mb-md-0">
        <div class="feature-step text-center">
          <div class="feature-info-icon">
            <i class="flaticon-recruitment"></i>
          </div>
          <div class="feature-info-content pb-2 pb-md-0">
            <h5>{{__('message.reviewz_listings')}}</h5>
            <p class="mb-0">{{__('message.review_jobs_and_select_reverent_listings')}}</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-0">
        <div class="feature-step text-center">
          <div class="feature-info-icon">
            <i class="flaticon-position"></i>
          </div>
          <div class="feature-info-content pb-2 pb-md-0">
            <h5>{{__('message.apply_for_job')}}</h5>
            <p class="mb-0">{{__('message.apply_for_selected_jobs_with_just_1_click')}}</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--=================================
Easiest Way to Use -->

<!--=================================
Testimonial-item-02 -->
<section class="bg-light space-ptb overflow-hidden">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <div class="section-title-02 text-center">
          <h2>{{__('message.our_clients')}}</h2>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-xl-2 col-lg-7">
        <div class="owl-carousel testimonial-center owl-nav-bottom-center" data-nav-arrow="false" data-items="1" data-md-items="1" data-sm-items="1" data-xs-items="1" data-xx-items="1" data-space="0" data-autoheight="true">
          @foreach($company_logos as $cimage)
          <div class="item">
            <div class="testimonial-item-02">
              <div class="employers-grid mb-4 mb-lg-0">
                @if(is_file('storage/assets/media/admin/company_logo/'.$cimage))
                <img class="img-fluid" src="/storage/assets/media/admin/company_logo/{{$cimage}}" alt="image">
                @else
                 <img class="img-fluid" src="/assets/media/admin/company_logos/company_fallback.png" alt="image">
                @endif   
              </div>
            </div>
          </div>
         @endforeach
        </div>
      </div>
    </div>
  </div>
</section>
<!--=================================
Testimonial-item-02 -->

<!--=================================
Action box & Counter -->
<section class="bg-light py-5">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7 mb-4 mb-sm-5 mb-lg-0">
        <div class="d-sm-flex">
          @if(settings('dark_logo')=='')
            @php
              $imagesLogo = '/assets/media/logos/dark_logo.png';
            @endphp
          @else
            @php
              $imagesLogo = '/'.settings('dark_logo');
            @endphp
          @endif
          <div class="align-self-center footer-top-logo"><img class="img-fluid" src="{{ $imagesLogo }}" alt=""></div>
          <div class="ps-sm-3 ms-sm-3 mt-3 mt-sm-0 border-sm-start">{{__('message.create_a_free_account_to_find_thousands_of_jobs_employment_career_Opportunities_around_you')}}!</div>
        </div>
      </div>
      <div class="col-lg-5">
        <div class="row">
          <div class="col-sm-6">
            <div class="counter mb-4 mb-sm-0">
              <div class="counter-icon">
                <i class="flaticon-team"></i>
              </div>
              <div class="counter-content">
                <span class="timer mb-1 text-dark" data-to="{{ $totalJobCount }}" data-speed="2500">{{ $totalJobCount }}</span>
                <label class="mb-0">{{__('footer.live_jobs')}}</label>
              </div>
            </div>
          </div>
          <div class="col-sm-6">
            <div class="counter">
              <div class="counter-icon">
                <i class="flaticon-job-3"></i>
              </div>
              <div class="counter-content">
                <span class="timer mb-1 text-dark" data-to="{{ $totalCompanyCount }}" data-speed="2500">
                {{ $totalCompanyCount }}
              </span>
                <label class="mb-0">{{__('footer.job_seekers')}}</label>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--=================================
Action box & Counter -->
@endsection