@extends('layouts.master')

@section('title')
    Data Iklan
@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">
                        Data Iklan
                    </h3>
                    <div class="nk-block-des">
                        <p>Kamu mempunyai akses untuk mengelola data iklan</p>
                    </div>
                </div>
                @if (count($model) < 3)
                    <div class="nk-block-head-content">
                        <a href="{{ route('pages.dataAspaki.advertising.createNews') }}" class="btn btn-primary btn-sm">
                            <em class="icon ni ni-plus"></em> Tambah</a>
                    </div>
                @endif
            </div>
        </div>
    </div><!-- .nk-block-head -->
    <div class="nk-block">
        <div class="card card-bordered">
            @include('pages.dataAspaki.advertising.adverting-navbar')
            <div class="card-inner card-inner-lg">
                <div class="nk-block">
                    <div class="container px-6 mx-auto grid">
                        <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">#</th>
                                    <th class="nk-tb-col">Nama Iklan</th>
                                    <th class="nk-tb-col">Status</th>
                                    <th class="nk-tb-col"></th>
                                </tr>
                            </thead>
                            <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800">
                                @foreach ($model as $key => $value)
                                    <tr class="nk-tb-item">
                                        <td class="nk-tb-col">
                                            <div class="user-card">
                                                <div class="user-info">
                                                    <img src="{{ asset('storage/' . $value->image) }}"
                                                        class="user-avatar lg" style="object-fit: cover;" alt="">
                                                </div>
                                            </div>
                                        </td>
                                        <td class="nk-tb-col">
                                            <div class="user-card">
                                                <div class="user-info">
                                                    <span class="tb-lead">{{ $value->name }}</span>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="nk-tb-col">
                                            <div class="user-card">
                                                <div class="user-info">
                                                    @if ($value::STATUS_ENABLED == $value->enabled)
                                                        <span class="tb-lead text-success">Aktif</span>
                                                    @else
                                                        <span class="tb-lead text-danger">Tidak Aktif</span>
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                        <td class="nk-tb-col nk-tb-col-tools">
                                            <ul class="nk-tb-actions gx-1">
                                                @can('Advertising Edit')
                                                    <li class="nk-tb-action-hidden">
                                                        <a href="{{ route('pages.dataAspaki.advertising.editNews', ['link' => Crypt::encryptString($value->id)]) }}"
                                                            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>
                                                @endcan
                                                <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">
                                                            @can('Advertising Delete')
                                                                <ul class="link-list-opt no-bdr">
                                                                    <li>
                                                                        <a
                                                                            href="{{ route('services.dataAspaki.advertising.deleteNews', ['link' => Crypt::encryptString($value->id)]) }}">
                                                                            <em class="icon ni ni-na"></em><span>Hapus</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            @endcan
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div><!-- .nk-block -->
            </div><!-- .card-inner -->
        </div><!-- .card -->
    </div><!-- .nk-block -->
@endsection