@extends('main')
@section('content')
<main>
  <section id="blog" class="blog-area p-relative pt-45 fix">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-xl-12 col-lg-12">
          <div class="section-title text-center">
            <h2>Career & Jobs</h2>
            <br><br>
            <p>At Rafiq Jamil Textile, we believe that our people are the foundation of our success. We are always looking for passionate, talented, and driven individuals to join our team and help us shape the future of the textile industry.</p>
          </div>
        </div>
      </div>
    </div>
  </section>
    <!-- blog-area -->
    <section id="blog" class="blog-area p-relative pt-25 pb-90 fix">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-xl-8 col-lg-10">
            <div class="section-title text-center mb-80">
              <h2>Stay Updated To Our Jobs & News</h2>
            </div>
          </div>
        </div>
        <div class="row">
          @forelse ($jobs as $item)
          <div class="col-lg-4 col-md-12">
            <div class="single-post mb-30">
              <div class="blog-thumb">
                <a href="blog-details.html"
                  ><img src="{{ $item->image }}" alt="img"
                /></a>
                <div class="b-meta">
                  <div class="row">
                    <div class="col-lg-6 col-md-6">
                      <i class="far fa-calendar-alt"></i> {{ $item->created_at ? $item->created_at->format('d M, Y') : 'N/A' }}
                    </div>
                    <div class="col-lg-6 col-md-6">
                      <i class="fas fa-user"></i> {{ $item->user->name }}
                    </div>
                  </div>
                </div>
              </div>
              <div class="blog-content text-center">
                <h4>
                  <a href="blog-details.html"
                    >{{ $item->title }}</a
                  >
                </h4>
                <p>
                  {{ $item->job_description }}
                  </p>
              </div>
            </div>
          </div>
          @empty
              <div class="col-12 m-auto text-center">
                <h6>No jobs posted yet</h6>
              </div>
          @endforelse
          
        </div>
      </div>
    </section>
    <!-- blog-area-end -->

</main>
@endsection