@extends('layouts/base_view')
@section('title')
{!! $variables['header_routes'] !!}
@endsection
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card card-outline card-warning">
                    <div class="card-header">
                        <h3 class="card-title">{{ $variables['judul'] }}</h3>
                        <div class="card-tools">
                            @if($data->status == 'Draft')
                            <a href="{{ route('stock_opnames.edit', $data->id) }}" class="btn btn-sm btn-warning button-cek-permission" data-permission="stock_opnames.edit">
                                <i class="fas fa-edit"></i> Ubah
                            </a>
                            @if($data->isBeingEdited())
                            <button type="button" id="forceUnlockBtn" class="btn btn-sm btn-danger button-cek-permission" data-permission="stock_opnames.force_unlock" data-so-id="{{ $data->id }}">
                                <i class="fas fa-unlock"></i> Force Unlock
                            </button>
                            @endif
                            <a href="{{ route('stock_opnames.edit_seksi', $data->id) }}" class="btn btn-sm btn-info button-cek-permission" data-permission="stock_opnames.edit">
                                <i class="fas fa-layer-group"></i> Ubah (Seksi)
                            </a>
                            <!-- <a href="{{ route('stock_opnames.destroy', $data->id) }}" class="btn btn-sm btn-warning button-cek-permission" data-permission="stock_opnames.destroy" data='delete' onclick="notificationBeforeDelete(event, this)">
                                <i class="fas fa-trash"></i> Hapus
                            </a> -->
                            @endif
                            @if($data->status == 'Draft')
                            @php $seksiLocks = \App\Models\SoSeksiLock::where('so_id', $data->id)->with('user')->get(); @endphp
                            @if($seksiLocks->count() > 0)
                            <button type="button" id="forceUnlockSeksiBtn" class="btn btn-sm btn-warning button-cek-permission" data-permission="stock_opnames.force_unlock" data-so-id="{{ $data->id }}">
                                <i class="fas fa-unlock-alt"></i> Force Unlock Seksi ({{ $seksiLocks->count() }})
                            </button>
                            @endif
                            @endif
                            @if($data->status == 'Submitted')
                            @php
                                $store = $data->store;
                                $deadline = $store->spb_edit_deadline ?? '11:00';
                                $deadlineDateTime = \Carbon\Carbon::parse(
                                    $data->so_date->copy()->addDay()->format('Y-m-d') . ' ' . $deadline
                                );
                                $canEditSpb = now()->lt($deadlineDateTime);
                            @endphp
                            @if($canEditSpb)
                            <a href="{{ route('stock_opnames.edit_spb', $data->id) }}" class="btn btn-sm btn-info button-cek-permission" data-permission="stock_opnames.edit_spb">
                                <i class="fas fa-edit"></i> Edit SPB
                            </a>
                            @endif
                                @if(auth()->user()->canReviseStockOpname())
                                <a href="{{ route('stock_opnames.revision_form', $data->id) }}" class="btn btn-sm btn-primary">
                                    <i class="fas fa-history"></i> Revision LSM
                                </a>
                                @endif
                            @endif
                            
                            <a href="{{ route('stock_opnames.index') }}" class="btn btn-sm btn-warning">
                                 <i class="fas fa-list"></i> List
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <!-- Stock Opname Header Info -->
                        <div class="row">
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td width="35%"><strong>Nomor SO</strong></td>
                                        <td>: {{ $data->so_number }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Store</strong></td>
                                        <td>: {{ $data->store->name ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Tanggal SO</strong></td>
                                        <td>: {{ $data->so_date->format('d/m/Y') }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Status</strong></td>
                                        <td>: 
                                            @if($data->status == 'Closed')
                                            <span class="badge badge-danger">{{ $data->status }}</span>
                                            @elseif($data->status == 'Submitted')
                                            <span class="badge badge-success">{{ $data->status }}</span>
                                            @else
                                            <span class="badge badge-secondary">{{ $data->status }}</span>
                                            @endif
                                        </td>
                                    </tr>
                                    @if($data->isBeingEdited())
                                    @php
                                    $editingInfo = $data->getEditingInfo();
                                    @endphp
                                    <tr>
                                        <td><strong>Sedang Diedit</strong></td>
                                        <td>: 
                                            <span class="badge badge-danger">
                                                <i class="fas fa-edit"></i> {{ $editingInfo['user'] }}
                                            </span>
                                            <br><small class="text-muted">{{ $editingInfo['since'] }}</small>
                                        </td>
                                    </tr>
                                    @endif
                                </table>
                            </div>
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td width="35%"><strong>Dibuat Oleh</strong></td>
                                        <td>: {{ $data->creator->fullname ?? 'System' }} ({{ $data->created_at->format('d/m/Y H:i') }})</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Diubah Oleh</strong></td>
                                        <td>: @if($data->modificator) {{ $data->modificator->fullname }} ({{ $data->updated_at ? $data->updated_at->format('d/m/Y H:i') : '-' }}) @endif</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Total Item</strong></td>
                                        <td>: {{ count($data->details) }} item</td>
                                    </tr> 
                                    <tr>
                                        <td><strong>Catatan</strong></td>
                                        <td>: {{ $data->notes }}</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                @php $seksiLocks = \App\Models\SoSeksiLock::where('so_id', $data->id)->with('user')->get(); @endphp
                                @if($seksiLocks->count() > 0)
                                <div class="alert alert-danger py-2">
                                    <strong><i class="fas fa-layer-group mr-1"></i> Form Seksi Sedang Dibuka:</strong>
                                    <ul class="mb-0 mt-1">
                                        @foreach($seksiLocks as $lock)
                                        @php $seksiNames = \App\Models\Seksi::whereIn('id', $lock->seksi_ids ?? [])->pluck('code')->implode(', '); @endphp
                                        <li>
                                            <strong>{{ $lock->user->fullname ?? 'User' }}</strong>
                                            — Seksi: <span class="badge badge-info">{{ $seksiNames }}</span>
                                            <small>({{ $lock->locked_at?->diffForHumans() }})</small>
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td width="35%"><strong>Revisi Dari</strong></td>
                                        <td>: 
                                        @if($data->isRevision())
                                        <a href="{{ route('stock_opnames.show', $data->revision_id) }}" class="badge badge-warning">
                                            {{ $data->originalSO->so_number ?? '-' }}
                                        </a>
                                        @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><strong>Direvisi Oleh</strong></td>
                                        <td>:  @if($data->isRevision()) {{ $data->revisor->fullname ?? '-' }} ({{ $data->revision_date ? $data->revision_date->format('d/m/Y H:i') : '-' }}) @endif</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Alasan Revisi</strong></td>
                                        <td>: {{ $data->revision_reason ?? '' }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        @if($data->revisions()->count() > 0)
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle"></i> SO ini memiliki {{ $data->revisions()->count() }} revisi:
                            @foreach($data->revisions as $revision)
                            <a href="{{ route('stock_opnames.show', $revision->id) }}" class="badge badge-warning ml-2">
                                {{ $revision->so_number }}
                            </a>
                            @endforeach
                        </div>
                        @endif
  
                        @if($data->status == 'Submitted')
                        <!-- SPB Generation Info -->
                        <div class="row mt-3">
                            <div class="col-12">
                                <div class="card card-info collapsed-card">
                                    <div class="card-header">
                                        <h5 class="card-title mb-0"><i class="fas fa-info-circle mr-1"></i> Informasi Generate SPB</h5>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-plus"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-body bg-info" style="display:none;">
                                        <p class="mb-2">SPB Regular akan dibuat otomatis saat SO ini disubmit. Berikut adalah pengelompokan SPB yang terbentuk:</p>
                                        <div id="spbGroupingPreview">
                                            <div class="text-center">
                                                <i class="fas fa-spinner fa-spin"></i> Memuat informasi pengelompokan...
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        <!-- Items Details -->
                        <div class="row mt-4">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header card-outline card-warning">
                                        <h5 class="mb-0">Item Stock Opname</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table class="table table-hover table-sm">
                                                <thead class="bg-warning">
                                                    <tr>
                                                        <th width="5%">No</th>
                                                        <th width="12%">Kode</th>
                                                        <th width="20%">Item</th>
                                                        <th width="6%">UOM</th>
                                                        <th width="8%">Sisa Utuh</th>
                                                        <th width="8%">Sisa Pakai</th>
                                                        <th width="8%">LSM Aktual</th>
                                                        <th width="8%">Status Stok</th>
                                                        <th width="12%">LSM Reason</th>
                                                        <th>Catatan</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @forelse($data->details as $index => $detail)
                                                    @php
                                                        $doi = $detail->doi;
                                                        $matchedRange = null;
                                                        foreach ($rangeDois as $range) {
                                                            if ($doi !== null && $doi >= $range->min_days && $doi <= $range->max_days) {
                                                                $matchedRange = $range;
                                                                break;
                                                            }
                                                        }
                                                    @endphp
                                                    <tr>
                                                        <td>{{ $index + 1 }}</td>
                                                        <td>{{ $detail->rawMaterial->code ?? '' }}</td>
                                                        <td>{{ $detail->rawMaterial->name ?? '' }}</td>
                                                        <td>{{ $detail->rawMaterial->uom ?? '' }}</td>
                                                        <td class="text-right">{{ number_format($detail->qty_utuh, 2) }}</td>
                                                        <td class="text-right">{{ number_format($detail->qty_pakai, 2) }}</td>
                                                        <td class="text-right"><strong>{{ number_format($detail->lsm_aktual, 2) }}</strong></td>
                                                        <td class="text-center">
                                                            @if($matchedRange)
                                                                {{ $matchedRange->name }} 
                                                            @else
                                                                <span class="text-muted">-</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($detail->lsmReason)
                                                               {{ $detail->lsmReason->name }}</small>
                                                            @else
                                                                <span class="text-muted">-</span>
                                                            @endif
                                                        </td>
                                                        <td>{{ $detail->notes ?? '-' }}</td>
                                                    </tr>
                                                    @empty
                                                    <tr>
                                                        <td colspan="10" class="text-center text-muted">Tidak ada item ditemukan</td>
                                                    </tr>
                                                    @endforelse
                                                </tbody>
                                                @if(count($data->details) > 0)
                                                <tfoot class="bg-light">
                                                    <tr>
                                                        <th colspan="9" class="text-right">Total Item:</th>
                                                        <th class="text-right">{{ count($data->details) }}</th>
                                                    </tr>
                                                </tfoot>
                                                @endif
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<form action="" id="delete-form" method="post">
    @method('delete')
    @csrf
</form>

<script>
$(document).ready(function() {
    // Load SPB Grouping Preview (only if status is Submitted)
    @if($data->status == 'Submitted')
    var spbLoaded = false;

    $('[data-card-widget="collapse"]').CardWidget();

    $(document).on('expanded.lte.cardwidget', '.card-info', function() {
        if (!spbLoaded) {
            spbLoaded = true;
            loadSPBGroupingPreview();
        }
    });
    @endif

    function loadSPBGroupingPreview() {
        const soId = parseInt("{{ $data->id }}");
        
        $.ajax({
            url: `/stock_opnames/${soId}/preview_spb_grouping`,
            type: 'GET',
            success: function(response) {
                if (response.success) {
                    let html = '';
                    
                    if (response.groups && response.groups.length > 0) {
                        html += `<p class="mb-3" style="color: white;"><strong style="font-size: 1.1em;">📋 Total SPB yang akan terbentuk: ${response.total_groups} SPB</strong></p>`;
                        
                        // Display groups as cards
                        html += '<div class="row">';
                        response.groups.forEach((group, index) => {
                            html += '<div class="col-md-3 mb-3">';
                            html += '<div class="card" style="background-color: rgba(255,255,255,0.15); border: 2px solid rgba(255,255,255,0.3);">';
                            html += '<div class="card-body">';
                            html += `<h6 class="card-title mr-2" style="color: white;"><i class="fas fa-file-alt"></i> SPB #${index + 1}</h6>`;
                            html += '<div class="mb-2">';
                            html += `<span class="badge badge-light mr-2" style="font-size: 0.9em;"><i class="fas fa-tag"></i> ${group.tipe_dokumen}</span>`;
                            html += `<span class="badge badge-light mr-2" style="font-size: 0.9em;"><i class="fas fa-box"></i> ${group.tipe_barang}</span>`;
                            html += `<span class="badge badge-light" style="font-size: 0.9em;"><i class="fas fa-cubes"></i> ${group.item_count} Item</span>`;
                            html += '</div>'; 
                            html += '</div>';
                            html += '</div>';
                            html += '</div>';
                        });
                        html += '</div>';
                        
                        html += '<p class="mb-0 mt-2" style="color: rgba(255,255,255,0.9);"><small><i class="fas fa-lightbulb"></i> Setiap kombinasi <strong>Tipe Dokumen + Tipe Barang</strong> akan membentuk 1 SPB terpisah.</small></p>';
                        html += '<p class="mb-0 mt-1" style="color: rgba(255,255,255,0.8);"><small><i class="fas fa-info-circle"></i> <em>Tipe Barang ditentukan dari kolom <strong>Tipe Pengiriman</strong> di master Periode Pemesanan</em></small></p>';
                    } else {
                        html = '<div class="alert alert-warning mb-0" style="background-color: rgba(255,193,7,0.2); border-color: rgba(255,193,7,0.3); color: white;">';
                        html += '<i class="fas fa-exclamation-triangle"></i> ';
                        html += 'Tidak ada item yang dapat dibuatkan SPB. Pastikan semua item memiliki mapping tipe_dokumen dan period_code.';
                        html += '</div>';
                    }
                    
                    $('#spbGroupingPreview').html(html);
                } else {
                    $('#spbGroupingPreview').html(`
                        <div class="alert alert-warning mb-0" style="background-color: rgba(255,193,7,0.2); border-color: rgba(255,193,7,0.3); color: white;">
                            <i class="fas fa-exclamation-triangle"></i> ${response.message || 'Gagal memuat informasi pengelompokan'}
                        </div>
                    `);
                }
            },
            error: function(xhr) {
                console.error('Error loading SPB grouping preview:', xhr);
                $('#spbGroupingPreview').html(`
                    <div class="alert alert-danger mb-0" style="background-color: rgba(220,53,69,0.2); border-color: rgba(220,53,69,0.3); color: white;">
                        <i class="fas fa-times-circle"></i> Terjadi kesalahan saat memuat informasi pengelompokan.
                    </div>
                `);
            }
        });
    }

    // Force Unlock Button Handler
    $('#forceUnlockBtn').on('click', function() {
        const soId = $(this).data('so-id');
        const btn = $(this);
        
        Swal.fire({
            title: 'Force Unlock SO?',
            html: `
                <div class="text-left">
                    <p class="text-danger"><strong>⚠️ Peringatan!</strong></p>
                    <p>Anda akan memaksa unlock dokumen SO yang sedang diedit oleh user lain.</p>
                    <p><strong>Konsekuensi:</strong></p>
                    <ul>
                        <li>User yang sedang edit akan kehilangan akses</li>
                        <li>Perubahan yang belum disimpan mungkin hilang</li>
                        <li>Tindakan ini akan dicatat dalam log sistem</li>
                    </ul>
                    <p class="text-warning mt-2">Gunakan fitur ini hanya dalam kondisi darurat!</p>
                </div>
            `,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#dc3545',
            cancelButtonColor: '#6c757d',
            confirmButtonText: '<i class="fas fa-unlock"></i> Ya, Force Unlock',
            cancelButtonText: 'Batal',
            width: '600px'
        }).then((result) => {
            if (result.isConfirmed) {
                // Show loading
                Swal.fire({
                    title: 'Memproses...',
                    html: 'Sedang unlock SO. Mohon tunggu...',
                    allowOutsideClick: false,
                    allowEscapeKey: false,
                    didOpen: () => {
                        Swal.showLoading();
                    }
                });
                
                // Disable button
                btn.prop('disabled', true);
                
                // AJAX call to force unlock
                $.ajax({
                    url: '{{ route("stock_opnames.force_unlock") }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        so_id: soId
                    },
                    success: function(response) {
                        if (response.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil!',
                                text: response.message,
                                confirmButtonText: 'OK',
                                confirmButtonColor: '#28a745'
                            }).then(() => {
                                // Reload page to update status
                                window.location.reload();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal',
                                text: response.message,
                                confirmButtonText: 'OK',
                                confirmButtonColor: '#dc3545'
                            });
                            btn.prop('disabled', false);
                        }
                    },
                    error: function(xhr) {
                        let errorMessage = 'Terjadi kesalahan saat force unlock.';
                        
                        if (xhr.responseJSON && xhr.responseJSON.message) {
                            errorMessage = xhr.responseJSON.message;
                        }
                        
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: errorMessage,
                            confirmButtonText: 'OK',
                            confirmButtonColor: '#dc3545'
                        });
                        
                        btn.prop('disabled', false);
                    }
                });
            }
        });
    });

    // Force Unlock Seksi
    $('#forceUnlockSeksiBtn').on('click', function () {
        const soId = $(this).data('so-id');
        const btn = $(this);
        Swal.fire({
            title: 'Force Unlock Seksi?',
            html: 'Semua seksi lock untuk SO ini akan dihapus.<br>User yang sedang edit form seksi akan kehilangan akses.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#dc3545',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Ya, Unlock',
            cancelButtonText: 'Batal'
        }).then((result) => {
            if (result.isConfirmed) {
                btn.prop('disabled', true);
                $.ajax({
                    url: '{{ route("stock_opnames.force_unlock_seksi") }}',
                    type: 'POST',
                    data: { _token: '{{ csrf_token() }}', so_id: soId },
                    success: function (response) {
                        if (response.success) {
                            Swal.fire({ icon: 'success', title: 'Berhasil!', text: response.message, timer: 2000, showConfirmButton: false })
                                .then(() => window.location.reload());
                        } else {
                            Swal.fire({ icon: 'error', title: 'Gagal', text: response.message });
                            btn.prop('disabled', false);
                        }
                    },
                    error: function () {
                        Swal.fire({ icon: 'error', title: 'Error', text: 'Terjadi kesalahan.' });
                        btn.prop('disabled', false);
                    }
                });
            }
        });
    });
});
</script>

@endsection