@php
    use App\Models\SosmedLink;
    use App\Models\URLSumberBerita;
@endphp
<div>
    <!-- Page -->
    <div class="page">
        <div class="page-header">
            <h1 class="page-title">Data Berita</h1>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="">Home</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0)">General</a></li>
                <li class="breadcrumb-item active">Data Berita</li>
            </ol>

            <div class="page-header-actions">

                <button wire:click.prevent="create({{ $id_users }})" type="button" data-target="#tambah"
                    data-toggle="modal" class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip">
                    <i class="icon md-hospital" aria-hidden="true"></i>
                </button>

                <button type="button" class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="Refresh">
                    <i class="icon md-refresh-alt" aria-hidden="true"></i>
                </button>
            </div>

        </div>

        <div class="page-content container-fluid">
            <div class="row">

                <div class="col-xl-12">
                    <!-- Panel Kitchen Sink -->
                    <div class="panel">
                        <header class="panel-heading">
                            <h3 class="panel-title">
                                Data Berita
                                <span wire:loading.delay.shortest class="panel-desc" style="color: red;">
                                <i class="icon md-spinner" aria-hidden="true"></i> <b>Loading.....</b></span>
                                @if (session()->has('pesan'))
                                    <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                                @endif
                                <span class="panel-desc">
                                    {{ env('CORP_BRAND') }}
                                </span>
                            </h3>
                        </header>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-2 col-lg-2">
                                    <label class="form-control-label">Data</label>
                                    <select class="form-control" wire:model.live="cek_limit" required>
                                        <option>10</option>
                                        <option>50</option>
                                        <option>100</option>
                                        <option>250</option>
                                        <option>500</option>
                                    </select>
                                </div>

                                <div class="col-md-2 col-lg-2">
                                    <label class="form-control-label">Order</label>
                                    <select class="form-control" wire:model.live="cek_urutan" required>
                                        <option value="DESC">Z-A</option>
                                        <option value="ASC">A-Z</option>
                                    </select>
                                </div>
                                <div class="col-md-2 col-lg-2">
                                    <label class="form-control-label">By</label>
                                    <select class="form-control" wire:model.live="cek_order_by" required>
                                        <option value="berita.created_at">Created at</option>
                                        <option value="sub_kategori.nama_sub_kategori">Sub Kategori</option>
                                        <option value="kategori.nama_kategori">Nama Kategori</option>
                                        <option value="berita.updated_at">Updated at</option>
                                    </select>
                                </div>

                                <div class="col-md-10 col-lg-6">
                                    <label class="form-control-label">Pencarian</label>
                                    <div class="form-group">
                                        <div class="input-group">
                                            <input type="text" wire:model.defer="cek_keyword"
                                        placeholder="Ketik kata kunci pencarian..." class="form-control" required>
                                            <span class="input-group-append">
                                                <button wire:click.prevent="search" type="submit" class="btn btn-primary"><i
                                                        class="icon md-search" aria-hidden="true"></i></button>
                                            </span>
                                            <span class="input-group-append">
                                                <button wire:click.prevent="clear_search" type="submit" class="btn btn-primary"><i
                                                        class="icon md-refresh" aria-hidden="true"></i></button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <hr>

                            <table class="table table-hover table-striped w-full">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Judul Berita</th>
                                        <th>Sub Kategori</th>
                                        <th>Dibaca</th>
                                        <th>Penulis</th>
                                        <th>Sumber</th>
                                        <th>Sosmed Link</th>
                                        <th>Created at</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($berita as $row)
                                        <tr wire:key="{{ $row->id_berita }}">
                                            <td>{{ $loop->index + 1 }}</td>
                                            <td>{{ $row['judul_berita'] }}</td>
                                            <td>{{ $row['nama_kategori'] }}/{{ $row['nama_sub_kategori'] }}</td>
                                            <td>{{ $row['jumlah_berita_dibaca'] }}</td>
                                            <td>{{ $row['nama'] }}</td>
                                            <td>
                                                @php
                                                    $sumber = URLSumberBerita::join('sumber_berita', 'sumber_berita.id_sumber_berita', 'url_sumber_berita.id_sumber_berita')
                                                        ->where('url_sumber_berita.id_berita', $row->id_berita)
                                                        ->first();
                                                @endphp

                                                @if (!empty($sumber))
                                                    <a href="{{ $sumber->url_sumber_berita }}" target="_blank">
                                                        <img src="/images/{{ $sumber->logo_sumber_berita }}"
                                                            height="32px" />
                                                    </a>
                                                    <button
                                                        wire:click.prevent="destroy_url_sumber({{ $sumber->id_url_sumber_berita }})"
                                                        class="btn btn-sm btn-icon btn-primary btn-round"
                                                        data-toggle="tooltip" data-original-title="Delete">
                                                        <i class="icon md-delete" aria-hidden="true"></i>
                                                    </button>
                                                @else
                                                    <button wire:click.prevent="show({{ $row['id_berita'] }})"
                                                        type="button" data-target="#sumber" data-toggle="modal"
                                                        class="btn btn-sm btn-icon btn-primary btn-round"
                                                        data-toggle="tooltip" data-original-title="Edit">
                                                        <i class="icon md-hospital" aria-hidden="true"></i>
                                                    </button>
                                                @endif
                                            </td>

                                            <td>
                                                <button wire:click.prevent="show({{ $row['id_berita'] }})"
                                                    type="button" data-target="#sosmed" data-toggle="modal"
                                                    class="btn btn-sm btn-icon btn-primary btn-round"
                                                    data-toggle="tooltip" data-original-title="Edit">
                                                    <i class="icon md-hospital" aria-hidden="true"></i>
                                                </button>

                                                @php
                                                    $link = SosmedLink::where('id_berita', $row->id_berita)
                                                        ->orderBy('created_at', 'DESC')
                                                        ->get();
                                                @endphp
                                                @if (!empty($link))
                                                    @foreach ($link as $row)
                                                        <a href="{{ $row->link_sosmed }}" target="_blank">
                                                            <button class="btn btn-sm btn-icon btn-primary btn-round">
                                                                <i class="icon md-{{ $row->kategori_sosmed }}"
                                                                    aria-hidden="true"></i>
                                                            </button>
                                                        </a>
                                                    @endforeach
                                                @endif
                                            </td>


                                            <td>