@extends('layouts.main')
@section('page-title', 'Menu')
@section('content')
@php
$namaUsaha = $profil->nama_perusahaan ?? 'Bintang Empat';
@endphp
<div class="m-home">
    <!-- Header biru -->
    <div class="m-home-head">
        <div class="m-home-top">
            <div>
                <div class="m-home-eyebrow">Data Usaha</div>
                <div class="m-home-company">{{ $namaUsaha }}</div>
            </div>
            <div class="m-home-icons">
                <a href="/master_produk" class="m-home-icon" title="Notifikasi stok"><i class="fas fa-bell"></i></a>
                <a href="{{ route('profil.edit') }}" class="m-home-icon" title="Pengaturan"><i class="fas fa-cog"></i></a>
            </div>
        </div>
        <a href="{{ route('profil.edit') }}" class="m-branch">
            <span class="m-branch-ic"><i class="fas fa-store"></i></span>
            <span>Semua Cabang</span>
            <i class="fas fa-chevron-right ml-auto"></i>
        </a>
    </div>

    <!-- Lembaran putih -->
    <div class="m-home-sheet">
        <div class="m-grid-wrap">
            <h4 class="m-sec-title">Fitur Anda</h4>
            <div class="m-swipe" id="mSwipe">
                <!-- Halaman 1 -->
                <div class="m-page">
                    <a href="/sales/penawaran" class="m-tile"><span class="m-ic tile-g"><i class="fas fa-file-signature"></i></span><span>Penawaran</span></a>
                    <a href="/sales/sales-orders" class="m-tile"><span class="m-ic tile-g"><i class="fas fa-clipboard-check"></i></span><span>Pesanan Penjualan</span></a>
                    <a href="/sales/surat-jalans" class="m-tile"><span class="m-ic tile-g"><i class="fas fa-truck"></i></span><span>Pengiriman Pesanan</span></a>
                    <a href="/sales/sales_invoices" class="m-tile"><span class="m-ic tile-g"><i class="fas fa-tag"></i></span><span>Penjualan</span></a>
                    <a href="/sales/sales_retur" class="m-tile"><span class="m-ic tile-g"><i class="fas fa-undo-alt"></i></span><span>Retur Penjualan</span></a>
                    <a href="/customers" class="m-tile"><span class="m-ic tile-g"><i class="fas fa-users"></i></span><span>Pelanggan</span></a>
                    <a href="/purchases/purchase_inv" class="m-tile"><span class="m-ic tile-o"><i class="fas fa-file-invoice"></i></span><span>Permintaan Produk</span></a>
                    <a href="/master_produk" class="m-tile"><span class="m-ic tile-o"><i class="fas fa-boxes"></i></span><span>Stok Produk</span></a>
                    <a href="/purchases/purchase_inv" class="m-tile"><span class="m-ic tile-r"><i class="fas fa-shopping-cart"></i></span><span>Pesanan Pembelian</span></a>
                    <a href="/stock_opname" class="m-tile"><span class="m-ic tile-r"><i class="fas fa-dolly-flatbed"></i></span><span>Penerimaan Produk</span></a>
                    <a href="/purchases/purchase_inv" class="m-tile"><span class="m-ic tile-r"><i class="fas fa-shopping-basket"></i></span><span>Pembelian</span></a>
                    <a href="/reports/sales_report" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-chart-pie"></i></span><span>Laporan</span></a>
                </div>
                <!-- Halaman 2 -->
                <div class="m-page">
                    <a href="/sales/proforma" class="m-tile"><span class="m-ic tile-g"><i class="fas fa-file-invoice-dollar"></i></span><span>Proforma</span></a>
                    <a href="/purchases/purchases_retur" class="m-tile"><span class="m-ic tile-r"><i class="fas fa-undo-alt"></i></span><span>Retur Pembelian</span></a>
                    <a href="/sales/sales_histories" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-history"></i></span><span>Histori Jual</span></a>
                    <a href="/purchases/purchases_histories" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-history"></i></span><span>Histori Beli</span></a>
                    <a href="/stock_opname" class="m-tile"><span class="m-ic tile-o"><i class="fas fa-clipboard-list"></i></span><span>Stok Opname</span></a>
                    <a href="{{ route('product_losses.index') }}" class="m-tile"><span class="m-ic tile-r"><i class="fas fa-exclamation-triangle"></i></span><span>Produk Hilang</span></a>
                    <a href="{{ route('stock_movements.index') }}" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-exchange-alt"></i></span><span>Mutasi Stok</span></a>
                    <a href="{{ route('profit_loss.index') }}" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-chart-line"></i></span><span>Laba Rugi</span></a>
                    <a href="/reports/sales_report" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-receipt"></i></span><span>Lap. Penjualan</span></a>
                    <a href="/reports/purchases_report" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-receipt"></i></span><span>Lap. Pembelian</span></a>
                    <a href="{{ route('operational_expenses.index') }}" class="m-tile"><span class="m-ic tile-y"><i class="fas fa-wallet"></i></span><span>Biaya Operasional</span></a>
                    <a href="/suppliers" class="m-tile"><span class="m-ic tile-g"><i class="fas fa-parachute-box"></i></span><span>Pemasok</span></a>
                </div>
                <!-- Halaman 3 -->
                <div class="m-page">
                    <a href="/categories" class="m-tile"><span class="m-ic tile-g"><i class="fas fa-tags"></i></span><span>Kategori</span></a>
                    <a href="/units" class="m-tile"><span class="m-ic tile-g"><i class="fas fa-balance-scale"></i></span><span>Satuan</span></a>
                    <a href="{{ route('coa.index') }}" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-list-ol"></i></span><span>COA</span></a>
                    <a href="{{ route('akuntansi.jurnal.index') }}" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-book"></i></span><span>Jurnal</span></a>
                    <a href="{{ route('buku_besar.index') }}" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-book-open"></i></span><span>Buku Besar</span></a>
                    <a href="{{ route('neraca.index') }}" class="m-tile"><span class="m-ic tile-b"><i class="fas fa-balance-scale-right"></i></span><span>Neraca</span></a>
                    <a href="/users" class="m-tile"><span class="m-ic tile-y"><i class="fas fa-user-cog"></i></span><span>Pengguna</span></a>
                    <a href="{{ route('profil.edit') }}" class="m-tile"><span class="m-ic tile-y"><i class="fas fa-building"></i></span><span>Profil</span></a>
                </div>
            </div>
            <div class="m-swipe-foot">
                <div class="m-dots" id="mDots"><span class="on"></span><span></span><span></span></div>
                <small class="m-swipe-hint">Swipe untuk menu lainnya</small>
            </div>

            <h4 class="m-sec-title mt-4">Buat Transaksi Baru</h4>
            <div class="m-buy">
                <a href="/sales/sales_invoices/create" class="m-tile"><span class="m-ic tile-g has-plus"><i class="fas fa-tag"></i><b>+</b></span><span>Penjualan</span></a>
                <a href="/sales/sales-orders/create" class="m-tile"><span class="m-ic tile-g has-plus"><i class="fas fa-clipboard-check"></i><b>+</b></span><span>Pesanan Penjualan</span></a>
                <a href="/sales/penawaran/create" class="m-tile"><span class="m-ic tile-g has-plus"><i class="fas fa-file-signature"></i><b>+</b></span><span>Penawaran</span></a>
                <a href="/operational_expenses/create" class="m-tile"><span class="m-ic tile-y has-plus"><i class="fas fa-wallet"></i><b>+</b></span><span>Biaya</span></a>
            </div>
        </div>
    </div>
</div>
@push('scripts')
<script>
(function () {
    var box = document.getElementById('mSwipe');
    var dots = document.getElementById('mDots');
    if (!box || !dots) return;
    var spans = dots.querySelectorAll('span');
    function sync() {
        var i = Math.round(box.scrollLeft / box.clientWidth);
        spans.forEach(function (s, k) { s.classList.toggle('on', k === i); });
    }
    box.addEventListener('scroll', sync, { passive: true });
    spans.forEach(function (s, k) {
        s.addEventListener('click', function () {
            box.scrollTo({ left: k * box.clientWidth, behavior: 'smooth' });
        });
    });
})();
</script>
@endpush
@endsection