{{-- New-Unity ERP | app/Modules/Warehouse/Resources/Views/proposals/index.blade.php | v1.1 | 10/07/2026 10:30:00 --}}
{{-- v1.1 — Botones aprobar/rechazar removidos del index. Solo Review button → obliga ver detalles. --}}
{{-- v1.0 — Tablero de propuestas MRP semiautomático: aprobar o rechazar OC/OP sugeridas. --}}

@extends('layouts.vertical', ['pageTitle' => __('warehouse.mrp-proposals')])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-project-diagram"></i> {{ __('warehouse.mrp-proposals') }}
        <small>{{ __('warehouse.mrp-sub') }}</small>
    </h1>
    @if($pendingCount > 0)
    <div class="subheader-block">
        <span class="badge bg-danger fs-6">{{ $pendingCount }} {{ __('warehouse.pending-review') }}</span>
    </div>
    @endif
</div>
@endsection

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    <i class="fal fa-check-circle me-2"></i>{{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

{{-- Nota de proceso --}}
<div class="alert alert-warning py-2 mb-3">
    <i class="fal fa-exclamation-triangle me-2"></i>
    {!! __('warehouse.review-required-note') !!}
</div>

{{-- Ayuda contextual --}}
<div class="alert alert-info alert-dismissible fade show py-2 mb-3">
    <i class="fal fa-info-circle me-2"></i>
    {!! __('warehouse.mrp-help') !!}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>

<div class="panel">
    <div class="panel-hdr">
        <h2><i class="fal fa-project-diagram me-2"></i> {{ __('warehouse.proposals') }}</h2>
    </div>
    <div class="panel-container show">
        <div class="panel-content">
            <div class="table-responsive">
                <table class="table table-bordered table-hover table-striped w-100">
                    <thead>
                        <tr>
                            <th>{{ __('warehouse.proposal-num') }}</th>
                            <th class="text-center">{{ __('warehouse.type') }}</th>
                            <th>{{ __('warehouse.product') }}</th>
                            <th>{{ __('warehouse.origin-so') }}</th>
                            <th class="text-end">{{ __('warehouse.needed') }}</th>
                            <th class="text-end">{{ __('warehouse.available') }}</th>
                            <th class="text-end">{{ __('warehouse.shortfall') }}</th>
                            <th class="text-center">{{ __('warehouse.status') }}</th>
                            <th>{{ __('warehouse.date') }}</th>
                            <th class="text-center">{{ __('warehouse.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($proposals as $proposal)
                        <tr>
                            <td><span class="fw-bold">{{ $proposal->proposal_number }}</span></td>
                            <td class="text-center">
                                <span class="badge bg-{{ $proposal->proposal_type === 'PO' ? 'info' : 'primary' }}">
                                    {{ $proposal->proposal_type === 'PO' ? __('warehouse.purchase-order') : __('warehouse.production-order') }}
                                </span>
                            </td>
                            <td>{{ $proposal->product->product_name ?? '—' }}</td>
                            <td>
                                @if($proposal->sales_order_number)
                                <span class="badge bg-secondary">{{ $proposal->sales_order_number }}</span>
                                @else
                                <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td class="text-end">{{ number_format($proposal->quantity_needed, 2) }}</td>
                            <td class="text-end text-{{ $proposal->quantity_available > 0 ? 'success' : 'danger' }}">
                                {{ number_format($proposal->quantity_available, 2) }}
                            </td>
                            <td class="text-end fw-bold text-danger">
                                {{ number_format($proposal->quantity_shortfall, 2) }}
                            </td>
                            <td class="text-center">
                                <span class="badge bg-{{ $proposal->status_color }}">
                                    {{ $proposal->status_label }}
                                </span>
                            </td>
                            <td class="text-muted small">{{ $proposal->created_at->format('d/m/Y') }}</td>
                            <td class="text-center">
                                <a href="{{ route('warehouse.proposals.show', $proposal) }}"
                                   class="btn btn-sm btn-outline-primary" title="{{ __('warehouse.review-title') }}">
                                    <i class="fal fa-eye me-1"></i> {{ __('warehouse.review') }}
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="10" class="text-center text-muted py-4">
                                <i class="fal fa-check-circle fa-2x d-block mb-2 text-success opacity-50"></i>
                                {{ __('warehouse.no-pending-proposals') }}
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $proposals->links() }}
        </div>
    </div>
</div>

{{-- Nota: aprobación y rechazo solo disponibles en el detalle (show) --}}

@endsection

@section('scripts')
<script>
function openReject(proposalId) {
    document.getElementById('rejectForm').action = '/warehouse/proposals/' + proposalId + '/reject';
    new bootstrap.Modal(document.getElementById('rejectModal')).show();
}
</script>
@endsection