@extends('adminlte::page')
@section('title', 'Mal Kabul Detayı')

@section('content')
<div class="container-fluid pt-4">

    {{-- Başlık --}}
    <div class="d-flex align-items-center justify-content-between mb-4">
        <div class="d-flex align-items-center gap-3 ">
            <a href="{{ route('purchase-orders.index') }}" class="btn btn-outline-secondary mr-3">
                <i class="fas fa-arrow-left"></i>
            </a>
            <div>
                <h2 class="fw-bold mb-0">Mal Kabul Fişi #{{ $purchaseOrder->id }}</h2>
                <small class="text-muted">
                    {{ optional($purchaseOrder->supplier)->name }} —
                    {{ $purchaseOrder->receipt_date->format('d.m.Y') }}
                </small>
                <span class="badge bg-warning text-dark fs-6 ml-2">Taslak</span>
            </div>
        </div>
        <div class="d-flex gap-2 align-items-center">
            @if($purchaseOrder->status === 'draft')
                
                <form action="{{ route('purchase-orders.confirm', $purchaseOrder->id) }}"
                      method="POST" class="d-inline"
                      onsubmit="return confirm('Mal kabulü onaylamak istediğine emin misin? Bu işlem geri alınamaz.')">
                    @csrf
                    <button type="submit" class="btn btn-success fw-bold">
                        <i class="fas fa-check me-2"></i> Onayla & Stoğa Ekle
                    </button>
                </form>
            @else
                <span class="badge bg-success fs-6">Onaylandı</span>
            @endif
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <div class="row g-4">

        {{-- Sol: Ürün Ekleme Formu (sadece draft'ta görünsün) --}}
        @if($purchaseOrder->status === 'draft')
        <div class="col-md-4">
            <div class="card shadow-sm">
                <div class="card-header bg-success text-white fw-bold">
                    <i class="fas fa-plus me-2"></i> Ürün Ekle
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label fw-bold">Tedarikçi Ürünü <span class="text-danger">*</span></label>
                        <select id="supplierProductSelect" class="form-select form-control">
                            <option value="">Seçiniz...</option>
                            @foreach($supplierProducts as $sp)
                                <option value="{{ $sp->id }}"
                                        data-price="{{ $sp->default_price }}"
                                        data-units="{{ $sp->default_units_per_package }}"
                                        data-internal="{{ optional($sp->internalProduct)->name ?? 'Eşleştirilmemiş' }}">
                                    {{ $sp->name }}
                                    @if($sp->internalProduct)
                                        (→ {{ $sp->internalProduct->name }})
                                    @else
                                        <span class="text-danger">(Eşleştirilmemiş!)</span>
                                    @endif
                                </option>
                            @endforeach
                        </select>
                        <div id="internalProductHint" class="form-text text-info mt-1"></div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Ambalaj Türü <span class="text-danger">*</span></label>
                        <select id="packageTypeSelect" class="form-select form-control">
                            <option value="">Seçiniz...</option>
                            @foreach($packageTypes as $pt)
                                <option value="{{ $pt->id }}">{{ $pt->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Çuval Sayısı <span class="text-danger">*</span></label>
                        <input type="number" id="packageCount" class="form-control" min="1" value="1">
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Çuval Başına kg <span class="text-danger">*</span></label>
                        <input type="number" id="unitsPerPackage" class="form-control" step="0.0001" min="0.0001">
                        <div class="form-text">Varsayılan: tedarikçi kaydındaki ağırlık</div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Birim Fiyat (₺/kg) <span class="text-danger">*</span></label>
                        <input type="number" id="unitCost" class="form-control" step="0.01" min="0">
                        <div class="form-text">Son alış fiyatı otomatik gelir, değiştirebilirsiniz.</div>
                    </div>

                    {{-- Toplam özet --}}
                    <div class="alert alert-light border p-2 mb-3" id="itemSummary" style="display:none">
                        <small>
                            Toplam: <strong id="summaryQty">-</strong> kg —
                            Tutar: <strong id="summaryCost">-</strong> ₺
                        </small>
                    </div>

                    <button type="button" id="addItemBtn" class="btn btn-success w-100 fw-bold">
                        <i class="fas fa-plus me-2"></i> Listeye Ekle
                    </button>
                </div>
            </div>
        </div>
        @endif

        {{-- Sağ: Kalem Listesi --}}
        <div class="col-md-{{ $purchaseOrder->status === 'draft' ? '8' : '12' }}">
            <div class="card shadow-sm">
                <div class="card-header fw-bold d-flex justify-content-between align-items-center">
                    <span><i class="fas fa-list me-2"></i> Kalemler</span>
                    <span class="text-muted">Toplam:
                        <strong id="grandTotal">{{ number_format($purchaseOrder->total_cost, 2) }}</strong> ₺
                    </span>
                </div>
                <div class="card-body p-0">
                    <table class="table table-hover mb-0" id="itemsTable">
                        <thead class="table-light">
                            <tr>
                                <th>Tedarikçi Ürünü</th>
                                <th>İç Ürün</th>
                                <th>Ambalaj</th>
                                <th>Çuval</th>
                                <th>Kg/Çuval</th>
                                <th>Toplam kg</th>
                                <th>₺/kg</th>
                                <th>Toplam ₺</th>
                                @if($purchaseOrder->status === 'draft')
                                    <th></th>
                                @endif
                            </tr>
                        </thead>
                        <tbody id="itemsTableBody">
                            @foreach($purchaseOrder->items as $item)
                            <tr id="item-row-{{ $item->id }}">
                                <td>{{ optional($item->supplierProduct)->name ?? '-' }}</td>
                                <td>
                                    @if(optional($item->supplierProduct)->internalProduct)
                                        <span class="badge bg-info">
                                            {{ $item->supplierProduct->internalProduct->name }}
                                        </span>
                                    @else
                                        <span class="badge bg-warning text-dark">Eşleştirilmemiş</span>
                                    @endif
                                </td>
                                <td>{{ optional($item->packageType)->name ?? '-' }}</td>
                                <td>{{ $item->package_count }}</td>
                                <td>{{ number_format($item->units_per_package, 2) }}</td>
                                <td>{{ number_format($item->total_quantity, 2) }}</td>
                                <td>{{ number_format($item->unit_cost, 2) }} ₺</td>
                                <td class="fw-bold">{{ number_format($item->total_cost, 2) }} ₺</td>
                                @if($purchaseOrder->status === 'draft')
                                <td>
                                    <button type="button"
                                            class="btn btn-sm btn-outline-danger remove-item-btn"
                                            data-item-id="{{ $item->id }}">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </td>
                                @endif
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    @if($purchaseOrder->items->isEmpty())
                        <div class="text-center text-muted py-5" id="emptyMsg">
                            Henüz ürün eklenmedi.
                        </div>
                    @endif
                </div>
            </div>

            @if($purchaseOrder->note)
            <div class="alert alert-light border mt-3">
                <strong>Not:</strong> {{ $purchaseOrder->note }}
            </div>
            @endif
        </div>
    </div>
</div>
@endsection

@section('js')
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {

    const ADD_ITEM_URL    = "{{ route('purchase-orders.add_item', $purchaseOrder->id) }}";
    const REMOVE_ITEM_URL = "{{ route('purchase-orders.remove_item', ['purchase_order' => $purchaseOrder->id, 'item' => '__ITEM__']) }}";

    // Ürün seçilince varsayılan fiyat ve kg'ı doldur
    $('#supplierProductSelect').on('change', function () {
        const selected = $(this).find(':selected');
        const price    = selected.data('price');
        const units    = selected.data('units');
        const internal = selected.data('internal');

        if (price)    $('#unitCost').val(price);
        if (units)    $('#unitsPerPackage').val(units);
        if (internal) $('#internalProductHint').text('→ ' + internal);
        else          $('#internalProductHint').text('');

        updateSummary();
    });

    // Özet hesapla
    function updateSummary() {
        const count = parseFloat($('#packageCount').val()) || 0;
        const units = parseFloat($('#unitsPerPackage').val()) || 0;
        const cost  = parseFloat($('#unitCost').val()) || 0;

        if (count > 0 && units > 0) {
            const totalQty  = count * units;
            const totalCost = totalQty * cost;
            $('#summaryQty').text(totalQty.toFixed(2));
            $('#summaryCost').text(totalCost.toFixed(2));
            $('#itemSummary').show();
        } else {
            $('#itemSummary').hide();
        }
    }

    $('#packageCount, #unitsPerPackage, #unitCost').on('input', updateSummary);

    // Ürün ekle
    $('#addItemBtn').on('click', function () {
        const btn = $(this);
        btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin me-2"></i> Ekleniyor...');

        $.ajax({
            url:  ADD_ITEM_URL,
            type: 'POST',
            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            data: {
                supplier_product_id: $('#supplierProductSelect').val(),
                package_type_id:     $('#packageTypeSelect').val(),
                package_count:       $('#packageCount').val(),
                units_per_package:   $('#unitsPerPackage').val(),
                unit_cost:           $('#unitCost').val(),
            },
            success: function (res) {
                const i = res.item;
                $('#emptyMsg').hide();

                const deleteBtn = `<button type="button"
                    class="btn btn-sm btn-outline-danger remove-item-btn"
                    data-item-id="${i.id}">
                    <i class="fas fa-trash"></i></button>`;

                $('#itemsTableBody').append(`
                    <tr id="item-row-${i.id}">
                        <td>${i.supplier_product}</td>
                        <td><span class="badge bg-info">${i.internal_product}</span></td>
                        <td>${i.package_type}</td>
                        <td>${i.package_count}</td>
                        <td>${i.units_per_package}</td>
                        <td>${i.total_quantity}</td>
                        <td>${i.unit_cost} ₺</td>
                        <td class="fw-bold">${i.total_cost} ₺</td>
                        <td>${deleteBtn}</td>
                    </tr>`);

                // Formu sıfırla
                $('#supplierProductSelect').val('');
                $('#packageCount').val(1);
                $('#unitsPerPackage').val('');
                $('#unitCost').val('');
                $('#itemSummary').hide();
                $('#internalProductHint').text('');

                updateGrandTotal();
            },
            error: function (xhr) {
                const msg = xhr.responseJSON?.error ?? 'Bir hata oluştu.';
                alert(msg);
            },
            complete: function () {
                btn.prop('disabled', false).html('<i class="fas fa-plus me-2"></i> Listeye Ekle');
            }
        });
    });

    // Kalem sil
    $(document).on('click', '.remove-item-btn', function () {
        if (!confirm('Bu kalemi silmek istediğine emin misin?')) return;

        const itemId = $(this).data('item-id');
        const url    = REMOVE_ITEM_URL.replace('__ITEM__', itemId);
        const row    = $('#item-row-' + itemId);

        $.ajax({
            url:  url,
            type: 'DELETE',
            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            success: function () {
                row.remove();
                updateGrandTotal();
                if ($('#itemsTableBody tr').length === 0) {
                    $('#emptyMsg').show();
                }
            },
            error: function () {
                alert('Silme işlemi başarısız.');
            }
        });
    });

    // Toplam güncelle
    function updateGrandTotal() {
        let total = 0;
        $('#itemsTableBody tr').each(function () {
            const costCell = $(this).find('td:nth-child(8)').text().replace(' ₺', '').replace(',', '');
            total += parseFloat(costCell) || 0;
        });
        $('#grandTotal').text(total.toFixed(2));
    }
});
</script>
@endsection