@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="window.location='{{ URL::to($url_menu) }}'"><i
                                class="fas fa-chevron-left me-1"></i>Kembali</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-2 mt-3">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header py-2">
                        <h5 class="mb-0">Data Header Minimal Stok</h5>
                    </div>
                    <div class="card-body py-4">
                        <div class="row mb-2">
                            <div class="col-md-4">
                                <div class="d-flex align-items-center">
                                    <label class="form-label me-2" style="min-width:120px;">ID Transaksi</label>
                                    <input type="text" class="form-control" value="{{ $list->id_transaksi }}" readonly>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="d-flex align-items-center">
                                    <label class="form-label me-2" style="min-width:120px;">Tipe Barang</label>
                                    <input type="text" class="form-control" value="{{ $list->tipe_barang }}" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-4">
                                <div class="d-flex align-items-center">
                                    <label class="form-label me-2" style="min-width:120px;">Bulan Dari</label>
                                    <input type="text" class="form-control" value="{{ \Carbon\Carbon::parse($list->start_periode)->format('M Y') }}" readonly>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="d-flex align-items-center">
                                    <label class="form-label me-1" style="min-width:120px;">Bulan Hingga</label>
                                    <input type="text" class="form-control" value="{{ \Carbon\Carbon::parse($list->end_periode)->format('M Y') }}" readonly>
                                </div>
                            </div>
                        <div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-2">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header py-2">
                        <h5 class="mb-0">Data Detail Minimal Stok</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="stock-opname-table" class="table table-bordered table-striped display">
                                <thead style="background-color: #daecff;">
                                    <tr>
                                        <th style="text-align:center; width: 50px; border-color: #daecff;">No</th>
                                        <th style="text-align:center; border-color: #daecff;">Kode Baru</th>
                                        <th style="text-align:center; border-color: #daecff;">Kode Lama</th>
                                        <th style="text-align:center; border-color: #daecff;">Nama Barang</th>
                                        <th style="text-align:center; border-color: #daecff;">Satuan</th>
                                        <th style="text-align:center; border-color: #daecff;">Kategori</th>
                                        <th style="text-align:center; border-color: #daecff;">Lokasi</th>
                                        <th style="text-align:center; border-color: #daecff;">Minimal Stok Lama</th>
                                        <th style="text-align:center; border-color: #daecff;">
                                            Minimal Stok Baru
                                            <br><small class="text-muted fw-normal" style="font-size:0.7rem;">(Total Pengeluaran &divide; Jumlah Bulan)</small>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $details = DB::table('trs_ms_d')
                                            ->leftJoin('mst_satuan', 'trs_ms_d.satuan', '=', 'mst_satuan.id')
                                            ->where('trs_ms_d.id_transaksi_h', $list->id_transaksi)
                                            ->select('trs_ms_d.*', 'mst_satuan.nama as satuan_nama')
                                            ->orderBy('trs_ms_d.nama_barang')
                                            ->get();
                                    @endphp
                                    @foreach($details as $index => $detail)
                                        <tr>
                                            <td class="text-center">{{ $index + 1 }}</td>
                                            <td class="text-center">{{ $detail->kode_baru }}</td>
                                            <td class="text-center">{{ $detail->kode_lama }}</td>
                                            <td>{{ $detail->nama_barang }}</td>
                                            <td>{{ $detail->satuan_nama ?? '-' }}</td>
                                            <td>{{ $detail->kategori ?? '-' }}</td>
                                            <td>{{ $detail->lokasi ?? '-' }}</td>
                                            <td class="text-end">{{ floatval($detail->minimal_stok_lama) == intval($detail->minimal_stok_lama) ? number_format($detail->minimal_stok_lama, 0) : number_format($detail->minimal_stok_lama, 2) }}</td>
                                            <td class="text-end">{{ floatval($detail->minimal_stok_baru) == intval($detail->minimal_stok_baru) ? number_format($detail->minimal_stok_baru, 0) : number_format($detail->minimal_stok_baru, 2) }}</td>
                                        </tr>
                                    @endforeach
                                    @if($details->isEmpty())
                                        <tr>
                                            <td colspan="9" class="text-center text-muted">
                                                <i class="fas fa-info-circle me-2"></i>
                                                Tidak ada data detail
                                            </td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('css')
<style>
.swal-wide {
    width: 90% !important;
    max-width: 900px !important;
}
</style>
@endpush
@push('js')
    <script>
        function postStockOpname(encryptedId) {
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: "Stock opname ini akan dipost dan status akan berubah menjadi Posted!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya, Post!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Show loading
                    Swal.fire({
                        title: 'Memproses...',
                        text: 'Mohon tunggu sebentar',
                        allowOutsideClick: false,
                        showConfirmButton: false,
                        willOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    // Send request to post stock opname
                    fetch('{{ route("trstop.post") }}', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'X-CSRF-TOKEN': '{{ csrf_token() }}'
                            },
                            body: JSON.stringify({
                                id: encryptedId
                            })
                        })
                        .then(response => response.json())
                        .then(data => {
                            Swal.close();

                            if (data.success) {
                                Swal.fire({
                                    title: 'Berhasil!',
                                    text: data.message,
                                    icon: 'success',
                                    confirmButtonColor: '#3085d6'
                                }).then(() => {
                                    location.reload();
                                });
                            } else {
                                Swal.fire({
                                    title: 'Posting Gagal!',
                                    html: data.message || 'Terjadi kesalahan saat memproses stock opname',
                                    icon: 'error',
                                    confirmButtonColor: '#d33',
                                    width: '800px',
                                    customClass: {
                                        popup: 'swal-wide'
                                    }
                                });
                            }
                        })
                        .catch(error => {
                            Swal.close();
                            console.error('Error:', error);
                            Swal.fire({
                                title: 'Error!',
                                text: 'Terjadi kesalahan saat menghubungi server',
                                icon: 'error',
                                confirmButtonColor: '#d33'
                            });
                        });
                }
            });
        }

        function deleteStockOpname(encryptedId) {
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: "Stock opname ini akan dihapus secara permanen!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Ya, Hapus!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Show loading
                    Swal.fire({
                        title: 'Memproses...',
                        text: 'Mohon tunggu sebentar',
                        allowOutsideClick: false,
                        showConfirmButton: false,
                        willOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    // Send request to delete stock opname
                    fetch('{{ route("trstop.delete-stock-opname") }}', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'X-CSRF-TOKEN': '{{ csrf_token() }}'
                            },
                            body: JSON.stringify({
                                id: encryptedId
                            })
                        })
                        .then(response => response.json())
                        .then(data => {
                            Swal.close();

                            if (data.success) {
                                Swal.fire({
                                    title: 'Berhasil!',
                                    text: data.message,
                                    icon: 'success',
                                    confirmButtonColor: '#3085d6'
                                }).then(() => {
                                    window.location.href = '{{ URL::to("/trstop") }}';
                                });
                            } else {
                                Swal.fire({
                                    title: 'Gagal!',
                                    text: data.message || 'Terjadi kesalahan saat menghapus stock opname',
                                    icon: 'error',
                                    confirmButtonColor: '#d33'
                                });
                            }
                        })
                        .catch(error => {
                            Swal.close();
                            console.error('Error:', error);
                            Swal.fire({
                                title: 'Error!',
                                text: 'Terjadi kesalahan saat menghubungi server',
                                icon: 'error',
                                confirmButtonColor: '#d33'
                            });
                        });
                }
            });
        }

        // Initialize DataTable on page load
        $(document).ready(function() {
            $('#stock-opname-table').DataTable({
                "pageLength": 10,
                "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
                "order": [[0, 'asc']],
                "columnDefs": [
                    { "orderable": false, "targets": [3, 4, 5] }
                ]
            });
        });
    </script>
@endpush