@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">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header py-2">
                        <h5 class="mb-0">Data Header Stock Opname</h5>
                    </div>
                    <div class="card-body py-3">
                        <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:100px;">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;">Tanggal Stock Opname</label>
                                    <input type="text" class="form-control"
                                        value="{{ \Carbon\Carbon::parse($list->tanggal_stock_opname)->format('d/m/Y') }}"
                                        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;">Tanggal Pelaksanaan</label>
                                    <input type="text" class="form-control"
                                        value="{{ \Carbon\Carbon::parse($list->tanggal_pelaksanaan)->format('d/m/Y') }}"
                                        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:100px;">Tipe Barang</label>
                                    <input type="text" class="form-control" value="{{ $list->tipe_barang }}" readonly>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="d-flex align-items-center">
                                    <label class="form-label me-2" style="min-width:100px;">Status</label>
                                    <input type="text" class="form-control"
                                        value="{{ $list->status == 'E' ? 'Entry' : ($list->status == 'P' ? 'Posted' : $list->status) }}"
                                        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 Stock Opname</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;">Kategori</th>
                                        <th style="text-align:center; border-color: #daecff;">Lokasi</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; width: 120px; border-color: #daecff;">Stok Sistem</th>
                                        <th style="text-align:center; width: 120px; border-color: #daecff;">Aktual Stok</th>
                                        <th style="text-align:center; width: 120px; border-color: #daecff;">Selisih</th>
                                    </tr>
                                </thead>
                                <tbody id="tbody-stock-opname">
                                    @php
                                        $details = DB::table('trs_so_d')
                                            ->leftJoin('mst_satuan', 'trs_so_d.satuan', '=', 'mst_satuan.id')
                                            ->leftJoin('mst_kategori', 'trs_so_d.kategori', '=', 'mst_kategori.id')
                                            ->where('trs_so_d.id_transaksi_h', $list->id_transaksi)
                                            ->select('trs_so_d.*', 'mst_satuan.nama as satuan_nama', 'mst_kategori.nama_kategori')
                                            ->orderBy('trs_so_d.lokasi')
                                            ->orderBy('trs_so_d.nama_barang')
                                            ->get();
                                    @endphp
                                    @foreach ($details as $index => $detail)
                                        @php
                                            $selisih = $detail->aktual_stok - $detail->stok;
                                        @endphp
                                        <tr>
                                            <td class="text-center">{{ $index + 1 }}</td>
                                            <td>{{ $detail->nama_kategori ?? '-' }}</td>
                                            <td>{{ $detail->lokasi }}</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 class="text-end">
                                                {{ floatval($detail->stok) == intval($detail->stok) ? number_format($detail->stok, 0) : number_format($detail->stok, 2) }}
                                            </td>
                                            <td class="text-end">
                                                {{ floatval($detail->aktual_stok) == intval($detail->aktual_stok) ? number_format($detail->aktual_stok, 0) : number_format($detail->aktual_stok, 2) }}
                                            </td>
                                            <td class="text-end"
                                                style="font-weight: bold; color: {{ $selisih < 0 ? 'red' : ($selisih > 0 ? 'green' : 'black') }}">
                                                {{ $selisih < 0 ? '' : ($selisih > 0 ? '+' : '') }}{{ floatval($selisih) == intval($selisih) ? number_format($selisih, 0) : number_format($selisih, 2) }}
                                            </td>
                                        </tr>
                                    @endforeach
                                    @if ($details->isEmpty())
                                        <tr>
                                            <td colspan="10" class="text-center text-muted">
                                                <i class="fas fa-info-circle me-2"></i>
                                                Tidak ada data detail stock opname
                                            </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