@extends('layouts.app')
@section('content')
<div class="container">
    @include('desktop.partials.runningtext')
    @include('desktop.partials.breadcrumb')
    <section class="inbox inbox--d" data-v-5afecc7b="">
        <header class="page-header" data-v-5afecc7b="">
            <i class="icon-mail icon--2x" data-v-0e010622="" data-v-5afecc7b=""></i>
            <h3 data-v-5afecc7b="">Inbox</h3>
        </header>
        <aside class="inbox__menu" data-v-5afecc7b="">
            <a href="/user/messages/new" class="btn btn--flex btn--brand" data-v-1272be00="" data-v-5afecc7b="">
                <i class="icon-ticket icon--lg" data-v-0e010622="" data-v-1272be00=""></i> Buat Pesan </a>
            <nav class="inbox__nav" data-v-5afecc7b="">
                <ul data-v-5afecc7b="">
                    <li data-v-5afecc7b="">
                        <a href="/user/messages/" aria-current="page" class="app-link--exact-active app-link--active" data-v-5afecc7b="">
                            <span data-v-5afecc7b="">Belum Dibaca</span>
                            <div class="badge badge--danger" data-v-5afecc7b="">
                                <!---->
                                <span class="badge__value">721</span>
                            </div>
                        </a>
                    </li>
                    <li data-v-5afecc7b="">
                        <a href="/user/messages/all" data-v-5afecc7b="" class="">Semua Pesan</a>
                    </li>
                </ul>
            </nav>
        </aside>
        <div class="inbox__body" data-v-5afecc7b="">
            <ul class="messages messages--d" data-v-43781a1d="" data-v-5afecc7b="">
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/261324979" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#261324979</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 23/4/2026, 07:01 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/260688932" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#260688932</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 21/4/2026, 14:19 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/260053117" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#260053117</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 21/4/2026, 07:01 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/259418085" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#259418085</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 20/4/2026, 17:08 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/256256096" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#256256096</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 18/4/2026, 07:02 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/255624717" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#255624717</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 18/4/2026, 07:00 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/254997143" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#254997143</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 16/4/2026, 07:00 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/254372177" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#254372177</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 14/4/2026, 07:00 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/253748148" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#253748148</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 13/4/2026, 18:44 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/253125641" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#253125641</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 12/4/2026, 07:00 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/252503414" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#252503414</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 12/4/2026, 02:17 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/251882339" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#251882339</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 11/4/2026, 07:02 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/251261063" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#251261063</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 11/4/2026, 07:00 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/250642597" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#250642597</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 9/4/2026, 07:00 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/250027376" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#250027376</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 7/4/2026, 07:00 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/249413187" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#249413187</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 6/4/2026, 19:10 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/248800985" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#248800985</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 5/4/2026, 07:01 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/248189694" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#248189694</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 4/4/2026, 07:24 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/247578535" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#247578535</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 4/4/2026, 07:04 </span>
                    </a>
                </li>
                <li class="message" data-v-43781a1d="">
                    <a href="/user/messages/show/246967337" data-v-43781a1d="">
                        <h4 class="message__subject" data-v-43781a1d="">System Information</h4>
                        <span class="message__id" data-v-43781a1d="">#246967337</span>
                        <div class="chip message__status chip--md chip--danger" data-v-5811de3b="" data-v-43781a1d=""> Ditutup </div>
                        <span class="message__department" data-v-43781a1d="">Lainnya</span>
                        <span class="message__date" data-v-43781a1d=""> 4/4/2026, 07:01 </span>
                    </a>
                </li>
                <li class="inbox__load" data-v-43781a1d="">
                    <button class="btn btn--primary btn--sm" data-v-43781a1d="">
                        <!---->
                        <span data-v-43781a1d="">Muat lebih banyak</span>
                    </button>
                </li>
                <!---->
            </ul>
        </div>
    </section>
</div>
@endsection