@extends('pwa.template.app.main')

@section('app-content')
  <div class="container my-3 pt-3 pb-5">
    <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
      <h4>Jadwal TV</h4>
      {{-- <a class="btn p-0" href="{{ route('entertainment') }}" style="color: grey">Lihat Semua</a> --}}
    </div>
    @foreach ($jadwals as $j)
      <div class="card mb-2">
        <div class="card-body">
          <h5 class="accordian-title">{{ $j->nama }}</h5>
          <p class="mb-0 d-flex align-items-center">
            <i class="fa-regular fa-clock me-2"></i>
            <span>{{ $j->waktu }}</span>
          </p>
        </div>
      </div>
    @endforeach
  </div>
@endsection