@extends('layouts.administrator.master')

@section('title')
    Kalender
@endsection

@section('content')
    <div class="nk-block-head">
        <div class="nk-block-head-content">
            <div class="nk-block-between-md g-4">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">
                        Kalender
                    </h3>
                    <div class="nk-block-des">
                        <p>Kamu mempunyai akses untuk mengelola halaman kalender</p>
                    </div>
                </div>
                <div class="nk-block-head-content">
                    <a href="{{ route('admin.landingPage') }}" class="btn btn-primary btn-sm"><em
                            class="icon ni ni-arrow-left"></em>
                        Kembali</a>
                </div>
            </div>
        </div>
    </div><!-- .nk-block-head -->
    <div class="nk-block">
        <div class="card card-preview">
            <div class="card-inner">
                <div class="text-end pb-3">
                    <a href="{{ route('admin.pages.landingPage.calendar.create') }}" class="btn btn-primary">Buat Data
                        Kalender</a>
                </div>
                <table class="datatable-init nk-tb-list nk-tb-ulist" data-auto-responsive="false">
                    <thead>
                        <tr class="nk-tb-item nk-tb-head">
                            <th class="nk-tb-col"><span class="sub-text">Gambar</span></th>
                            <th class="nk-tb-col"><span class="sub-text">Judul</span></th>
                            <th class="nk-tb-col"><span class="sub-text">Tanggal</span></th>
                            <th class="nk-tb-col"><span class="sub-text">Status</span></th>
                            <th class="nk-tb-col nk-tb-col-tools text-end">
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($calendar as $key => $value)
                            <tr class="nk-tb-item">
                                <td class="nk-tb-col">
                                    <div class="user-card">
                                        <div class="user-info">
                                            <img src="{{ asset('uploads/landing-page/calendar/images/' . $value->image) }}"
                                                width="50" height="50" alt="">
                                        </div>
                                    </div>
                                </td>
                                <td class="nk-tb-col">
                                    <div class="user-card">
                                        <div class="user-info">
                                            {{ Str::substr($value->title, 0, 20) . '...' }}
                                        </div>
                                    </div>
                                </td>
                                <td class="nk-tb-col">
                                    <div class="user-card">
                                        <div class="user-info">
                                            {{ date('d M Y', strtotime($value->date)) }}
                                        </div>
                                    </div>
                                </td>
                                <td class="nk-tb-col">
                                    <div class="user-card">
                                        <div class="user-info">
                                            @if ($value->status == 1)
                                                <span class="badge bg-success">Aktif</span>
                                            @elseif($value->status == 0)
                                                <span class="badge bg-primary">Tidak Aktif</span>
                                            @endif
                                        </div>
                                    </div>
                                </td>
                                <td class="nk-tb-col nk-tb-col-tools">
                                    <ul class="nk-tb-actions gx-1">
                                        <li class="nk-tb-action-hidden">
                                            <a href="{{ route('admin.pages.landingPage.calendar.edit', ['slug' => $value->slug]) }}"
                                                class="btn btn-trigger btn-icon" data-bs-toggle="tooltip"
                                                data-bs-placement="top" title="Perbarui">
                                                <em class="icon ni ni-edit-fill"></em>
                                            </a>
                                        </li>
                                        <li>
                                            <div class="drodown">
                                                <a href="#" class="dropdown-toggle btn btn-icon btn-trigger"
                                                    data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                                <div class="dropdown-menu dropdown-menu-end">
                                                    <ul class="link-list-opt no-bdr">
                                                        <li><a
                                                                href="{{ route('admin.services.landingPage.calendar.delete', ['slug' => $value->slug]) }}"><em
                                                                    class="icon ni ni-na"></em><span>Hapus</span></a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </td>
                            </tr><!-- .nk-tb-item  -->
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div><!-- .nk-block -->
@endsection