@extends('layouts.admin-simple')

@section('title', 'Material Issue - Indirect Goods')

@section('breadcrumb')
    <li class="breadcrumb-item">Warehouse</li>
    <li class="breadcrumb-item"><a href="{{ route('warehouse.material-issue.index') }}">Material Issue</a></li>
    <li class="breadcrumb-item active">{{ $indirectRequest->request_number }}</li>
@endsection

@section('page-title')
    <div class="d-flex justify-content-between align-items-center w-100">
        <div><h3 class="mb-1">Material Issue</h3><p class="text-muted mb-0">Issue indirect goods from warehouse, supplier direct delivery or FOC</p></div>
        <a href="{{ route('warehouse.material-issue.index') }}" class="btn btn-outline-secondary"><i class="material-icons mr-1" style="font-size:16px">arrow_back</i> Back to List</a>
    </div>
@endsection

@section('content')
<div class="container-fluid">
    <div class="card mb-3">
        <div class="card-header"><strong>Material Request Information</strong></div>
        <div class="card-body"><div class="row">
            <div class="col-md-3"><small class="text-muted d-block">Request Number</small><strong class="text-primary">{{ $indirectRequest->request_number }}</strong></div>
            <div class="col-md-3"><small class="text-muted d-block">Request Date</small>{{ $indirectRequest->request_date?->format('d-M-Y') }}</div>
            <div class="col-md-3"><small class="text-muted d-block">Project / Division</small>{{ $indirectRequest->project->project_name ?? 'N/A' }}<br><small>{{ $indirectRequest->division->division_name ?? '' }}</small></div>
            <div class="col-md-3"><small class="text-muted d-block">Requested By</small>{{ $indirectRequest->requester->name ?? 'N/A' }}</div>
        </div></div>
    </div>

    @if(isset($errors) && $errors->any())
        <div class="alert alert-danger"><strong>Please correct the issue allocation:</strong><ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
    @endif

    <form method="POST" action="{{ route('warehouse.material-issue.process-indirect', $indirectRequest) }}" id="indirectIssueForm">
        @csrf
        <input type="hidden" name="indirect_issue_token" value="{{ old('indirect_issue_token', $indirectIssueToken) }}">

        <div class="alert alert-info">This is the same Material Issue workflow used for direct goods. Indirect quantities remain on their separate warehouse, supplier-delivery and FOC ledgers.</div>

        @foreach([
            'inventory' => ['title' => 'Warehouse Inventory', 'icon' => 'inventory_2', 'color' => 'success'],
            'delivery' => ['title' => 'Supplier Direct Delivery', 'icon' => 'local_shipping', 'color' => 'info'],
            'foc' => ['title' => 'FOC Inventory', 'icon' => 'redeem', 'color' => 'warning'],
        ] as $source => $meta)
            <div class="card mb-3 border-left-{{ $meta['color'] }}">
                <div class="card-header d-flex align-items-center"><i class="material-icons text-{{ $meta['color'] }} mr-2">{{ $meta['icon'] }}</i><strong>{{ $meta['title'] }}</strong></div>
                <div class="card-body p-0">
                    @if($source === 'delivery')
                        <div class="p-3 border-bottom"><div class="form-row">
                            <div class="col-md-3"><label>Supplier</label><select name="delivery_supplier_id" class="form-control"><option value="">Select Supplier</option>@foreach($suppliers as $supplier)<option value="{{ $supplier->id }}" @selected(old('delivery_supplier_id') == $supplier->id)>{{ $supplier->name }}</option>@endforeach</select></div>
                            <div class="col-md-2"><label>Delivery Date</label><input type="date" name="delivery_date" value="{{ old('delivery_date', now()->toDateString()) }}" class="form-control"></div>
                            <div class="col-md-3"><label>Invoice Number</label><input name="delivery_invoice_number" value="{{ old('delivery_invoice_number') }}" class="form-control"></div>
                            <div class="col-md-3"><label>Delivery Note</label><input name="delivery_note_number" value="{{ old('delivery_note_number') }}" class="form-control"></div>
                        </div></div>
                    @endif
                    <div class="table-responsive"><table class="table table-sm mb-0">
                        <thead class="bg-light"><tr><th>Code / Description</th><th class="text-right">Requested</th><th class="text-right">Issued</th><th class="text-right">Remaining</th><th style="width:220px">Source Division</th><th class="text-center">Available</th>@if($source === 'delivery')<th>Unit Price</th>@endif<th style="width:130px">Proposed Qty</th></tr></thead>
                        <tbody>
                        @foreach($indirectRequest->items as $item)
                            <tr>
                                <td><strong class="text-warning">{{ $item->indirectGood->ig_code ?? 'N/A' }}</strong><br><small>{{ $item->indirectGood->ig_description ?? '' }}</small></td>
                                <td class="text-right">{{ number_format($item->quantity_requested, 2) }}</td><td class="text-right">{{ number_format($item->quantity_released, 2) }}</td><td class="text-right"><strong>{{ number_format($item->quantity_balance, 2) }}</strong></td>
                                <td><select name="{{ $source }}_indirect_division[{{ $item->id }}]" class="form-control form-control-sm source-division" data-source="{{ $source }}" data-item="{{ $item->id }}" data-good="{{ $item->indirect_good_id }}"><option value="">Select Division</option>@foreach($divisions as $division)<option value="{{ $division->id }}" @selected(old("{$source}_indirect_division.{$item->id}") == $division->id)>{{ $division->division_name }}</option>@endforeach</select></td>
                                <td class="text-center"><span id="available_{{ $source }}_{{ $item->id }}" class="badge badge-secondary">{{ $source === 'delivery' ? 'Supplier' : '-' }}</span></td>
                                @if($source === 'delivery')<td><input type="number" step="0.01" min="0" name="delivery_indirect_unit_price[{{ $item->id }}]" value="{{ old("delivery_indirect_unit_price.{$item->id}", $item->unit_price) }}" class="form-control form-control-sm"></td>@endif
                                <td><input type="number" step="0.01" min="0" max="{{ $item->quantity_balance }}" name="{{ $source }}_indirect[{{ $item->id }}]" value="{{ old("{$source}_indirect.{$item->id}", 0) }}" class="form-control form-control-sm allocation-qty" data-item="{{ $item->id }}" data-balance="{{ $item->quantity_balance }}"></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table></div>
                </div>
            </div>
        @endforeach

        <div class="card"><div class="card-body d-flex justify-content-between align-items-center"><div><strong>Proposed total:</strong> <span id="proposedTotal">0.00</span></div><button class="btn btn-success"><i class="material-icons mr-1" style="font-size:16px">check_circle</i> Process Indirect Issue</button></div></div>
    </form>
</div>
@endsection

@push('scripts')
<script>
document.querySelectorAll('.allocation-qty').forEach(input => input.addEventListener('input', () => {
    const total = Array.from(document.querySelectorAll('.allocation-qty')).reduce((sum, field) => sum + (parseFloat(field.value) || 0), 0);
    document.getElementById('proposedTotal').textContent = total.toFixed(2);
}));
document.querySelectorAll('.source-division').forEach(select => select.addEventListener('change', async () => {
    const badge = document.getElementById(`available_${select.dataset.source}_${select.dataset.item}`);
    if (select.dataset.source === 'delivery') { badge.textContent = 'Supplier'; return; }
    if (!select.value) { badge.textContent = '-'; return; }
    badge.textContent = '...';
    const segment = select.dataset.source === 'foc' ? 'indirect-foc-division-stock' : 'indirect-division-stock';
    try {
        const response = await fetch(`{{ url('/warehouse/material-issue-api') }}/${segment}/${select.dataset.good}/${select.value}`, {headers: {'Accept': 'application/json'}});
        if (!response.ok) throw new Error('Unable to load stock');
        const data = await response.json(); badge.textContent = Number(data.available_quantity || 0).toFixed(2); badge.className = 'badge badge-' + (data.available_quantity > 0 ? 'success' : 'danger');
    } catch (error) { badge.textContent = 'Error'; badge.className = 'badge badge-danger'; }
}));
</script>
@endpush