@extends('layouts.app')
@section('content')

<!--=================================
inner banner -->
@include('includes.breadcrumb')
<!--=================================
inner banner -->

<!--=================================
category -->
<section class="space-ptb">
  <div class="container">
    <div class="row">
    <div class="col-12">   
        <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 
                $cityData = json_decode(file_get_contents(public_path('data/home/HomeKeywords.json')),true);
                shuffle($cityData);
                $i = 1;
                @endphp
                @foreach($cityData as $key => $value)
                  @if($i == 1 || ($i %10) == 0)
                  @php
                      $valueCheck = str_replace(' ','-',__($value['keyword']));
                  @endphp
                  <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
                          <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
                        
                    @if(($i %10) == 0)  
                    </ul>
                  </div>
                </div>
                @endif
                @endforeach
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--=================================
category -->

@endsection