{{-- Sweet Works ERP | app/Modules/Warehouse/Resources/Views/proposals/show.blade.php | v1.3 | 27/09/2026 --}}
{{-- v1.3 — Fase 1E-E6 P1 (regla 6b): badge de tipo de material muestra "Nombre (ABREV)" locale-aware. --}}
{{-- v1.2 — Fase 1B: badge tipo material usa materialType->code (no material_type string). --}}
{{-- v1.1 — Modal de confirmación para aprobar/rechazar con notificación a Compras. --}}
{{-- v1.0 — Detalle de propuesta MRP con opciones de aprobar/rechazar. --}}
{{-- v1.0 — Detalle de propuesta MRP con opciones de aprobar/rechazar. --}}

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

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-project-diagram"></i> {{ $proposal->proposal_number }}
        <small>{{ __('warehouse.proposal-detail') }}</small>
    </h1>
    <div class="subheader-block d-lg-flex align-items-center gap-2">
        <span class="badge bg-{{ $proposal->status_color }} fs-6">{{ $proposal->status_label }}</span>
        <a href="{{ route('warehouse.proposals.index') }}" class="btn btn-secondary btn-sm">
            <i class="fal fa-arrow-left me-1"></i> {{ __('warehouse.back') }}
        </a>
    </div>
</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

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

<div class="row">
    <div class="col-xl-8">
        <div class="panel">
            <div class="panel-hdr">
                <h2><i class="fal fa-project-diagram me-2"></i> {{ __('warehouse.proposal-information') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.proposal-number-lbl') }}</div>
                            <div class="fw-bold fs-5">{{ $proposal->proposal_number }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.type') }}</div>
                            <span class="badge bg-{{ $proposal->proposal_type === 'PO' ? 'info' : 'primary' }} fs-6">
                                {{ $proposal->proposal_type === 'PO' ? __('warehouse.purchase-order') : __('warehouse.production-order') }}
                            </span>
                        </div>
                        <div class="col-md-4">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.status') }}</div>
                            <span class="badge bg-{{ $proposal->status_color }} fs-6">{{ $proposal->status_label }}</span>
                        </div>

                        <div class="col-md-12">
                            <hr class="my-1">
                        </div>

                        <div class="col-md-6">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.product') }}</div>
                            <div class="fw-bold">{{ $proposal->product->product_name ?? '—' }}</div>
                            <div class="text-muted small">{{ $proposal->product->product_code ?? '' }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.material-type') }}</div>
                            @php $propMt = $proposal->product?->materialType @endphp
                            <span class="badge bg-secondary">{{ $propMt ? "{$propMt->name} ({$propMt->short})" : '—' }}</span>
                        </div>
                        <div class="col-md-3">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.origin-sales-order') }}</div>
                            @if($proposal->sales_order_number)
                            <span class="badge bg-success">{{ $proposal->sales_order_number }}</span>
                            @else
                            <span class="text-muted">—</span>
                            @endif
                        </div>

                        <div class="col-md-12">
                            <hr class="my-1">
                        </div>

                        {{-- Stock info --}}
                        <div class="col-md-4 text-center">
                            <div class="card py-3">
                                <div class="text-xs text-muted fw-bold text-uppercase">{{ __('warehouse.quantity-needed') }}</div>
                                <div class="h3 mb-0 fw-bold text-primary">{{ number_format($proposal->quantity_needed, 2) }}</div>
                            </div>
                        </div>
                        <div class="col-md-4 text-center">
                            <div class="card py-3">
                                <div class="text-xs text-muted fw-bold text-uppercase">{{ __('warehouse.available-stock') }}</div>
                                <div class="h3 mb-0 fw-bold {{ $proposal->quantity_available > 0 ? 'text-success' : 'text-danger' }}">
                                    {{ number_format($proposal->quantity_available, 2) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 text-center">
                            <div class="card py-3 border-danger">
                                <div class="text-xs text-muted fw-bold text-uppercase">{{ __('warehouse.shortfall') }}</div>
                                <div class="h3 mb-0 fw-bold text-danger">{{ number_format($proposal->quantity_shortfall, 2) }}</div>
                            </div>
                        </div>

                        {{-- Auditoria --}}
                        <div class="col-md-12">
                            <hr class="my-1">
                            <div class="row g-2">
                                <div class="col-md-4">
                                    <div class="text-xs text-muted fw-bold">{{ __('warehouse.generated') }}</div>
                                    <div class="small">{{ $proposal->created_at->format('d/m/Y H:i') }}</div>
                                    <div class="small text-muted">{{ __('warehouse.by-prefix') }} {{ $proposal->createdBy->name ?? __('warehouse.system') }}</div>
                                </div>
                                @if($proposal->reviewed_by)
                                <div class="col-md-4">
                                    <div class="text-xs text-muted fw-bold">{{ __('warehouse.reviewed') }}</div>
                                    <div class="small">{{ $proposal->reviewed_at?->format('d/m/Y H:i') }}</div>
                                    <div class="small text-muted">{{ __('warehouse.by-prefix') }} {{ $proposal->reviewedBy->name ?? '—' }}</div>
                                </div>
                                @endif
                                @if($proposal->converted_to_number)
                                <div class="col-md-4">
                                    <div class="text-xs text-muted fw-bold">{{ __('warehouse.converted-to') }}</div>
                                    <span class="badge bg-success">{{ $proposal->converted_to_number }}</span>
                                </div>
                                @endif
                            </div>
                        </div>

                        @if($proposal->rejection_reason)
                        <div class="col-md-12">
                            <div class="alert alert-danger py-2 mb-0">
                                <strong>{{ __('warehouse.rejection-reason-colon') }}</strong> {{ $proposal->rejection_reason }}
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Acciones --}}
    <div class="col-xl-4">
        @if($proposal->status === 'pending')
        <div class="panel">
            <div class="panel-hdr">
                <h2><i class="fal fa-tasks me-2"></i> {{ __('warehouse.actions') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">

                    <div class="alert alert-warning py-2 mb-3">
                        <i class="fal fa-exclamation-triangle me-1"></i>
                        {!! __('warehouse.requires-review-help', ['type' => $proposal->proposal_type === 'PO' ? __('warehouse.purchase-order') : __('warehouse.production-order')]) !!}
                    </div>

                    @can('warehouse.edit')
                    {{-- Aprobar → abre modal de confirmación --}}
                    <button type="button" class="btn btn-success w-100 mb-3"
                            data-bs-toggle="modal" data-bs-target="#approveModal">
                        <i class="fal fa-check-circle me-1"></i> {{ __('warehouse.approve-proposal') }}
                    </button>

                    {{-- Rechazar → abre modal de rechazo --}}
                    <button type="button" class="btn btn-outline-danger w-100"
                            data-bs-toggle="modal" data-bs-target="#rejectModal">
                        <i class="fal fa-times-circle me-1"></i> {{ __('warehouse.reject-proposal') }}
                    </button>
                    @endcan

                </div>
            </div>
        </div>
        @endif

        {{-- Info de ayuda --}}
        <div class="panel mt-3">
            <div class="panel-hdr">
                <h2><i class="fal fa-question-circle me-2"></i> {{ __('warehouse.what-happens-next') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <div class="mb-2">
                        <div class="fw-bold small text-success"><i class="fal fa-check-circle me-1"></i> {{ __('warehouse.if-approved') }}</div>
                        <p class="text-muted small mb-0">
                            {{ __('warehouse.if-approved-help', ['type' => $proposal->proposal_type === 'PO' ? __('warehouse.purchase-order') : __('warehouse.production-order'), 'units' => number_format($proposal->quantity_shortfall, 0)]) }}
                        </p>
                    </div>
                    <div class="mb-0">
                        <div class="fw-bold small text-danger"><i class="fal fa-times-circle me-1"></i> {{ __('warehouse.if-rejected') }}</div>
                        <p class="text-muted small mb-0">
                            {{ __('warehouse.if-rejected-help') }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


{{-- Modal: Confirm Approval --}}
<div class="modal fade" id="approveModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title">
                    <i class="fal fa-check-circle me-2"></i>{{ __('warehouse.confirm-approval') }}
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="text-center mb-3">
                    <i class="fal fa-bell fa-3x text-success opacity-75"></i>
                </div>
                <p class="fw-bold text-center mb-2">{{ __('warehouse.approve-sure') }}</p>
                <p class="text-center mb-1">
                    <span class="badge bg-info fs-6">{{ $proposal->proposal_number }}</span>
                </p>
                <div class="alert alert-success py-2 mt-3">
                    <i class="fal fa-info-circle me-1"></i>
                    {!! __('warehouse.approve-notify-help') !!}
                    <div class="mt-2">
                        <strong>{{ __('warehouse.lbl-product') }}</strong> {{ $proposal->product->product_name ?? '—' }}<br>
                        <strong>{{ __('warehouse.qty-needed-colon') }}</strong> {{ number_format($proposal->quantity_shortfall, 0) }} {{ __('warehouse.units-word') }}<br>
                        <strong>{{ __('warehouse.origin-colon') }}</strong> {{ $proposal->sales_order_number ?? '—' }}
                    </div>
                </div>
                <p class="text-muted small text-center mb-0">
                    {!! __('warehouse.rfq-auto-help') !!}
                </p>
            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="fal fa-times me-1"></i> {{ __('warehouse.cancel') }}
                </button>
                <form action="{{ route('warehouse.proposals.approve', $proposal) }}" method="POST">
                    @csrf
                    <button type="submit" class="btn btn-success">
                        <i class="fal fa-check me-1"></i> {{ __('warehouse.yes-approve-notify') }}
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

{{-- Modal: Reject Proposal --}}
<div class="modal fade" id="rejectModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title">
                    <i class="fal fa-times-circle me-2"></i>{{ __('warehouse.reject-proposal') }}
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('warehouse.proposals.reject', $proposal) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="alert alert-warning py-2 mb-3">
                        <i class="fal fa-exclamation-triangle me-1"></i>
                        {!! __('warehouse.reject-hold-help', ['so' => $proposal->sales_order_number]) !!}
                    </div>
                    <label class="form-label fw-bold">{{ __('warehouse.rejection-reason-req') }} <span class="text-danger">*</span></label>
                    <textarea name="rejection_reason" class="form-control" rows="3"
                              placeholder="{{ __('warehouse.ph-explain-reject') }}" required></textarea>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fal fa-times me-1"></i> {{ __('warehouse.cancel') }}
                    </button>
                    <button type="submit" class="btn btn-danger">
                        <i class="fal fa-times me-1"></i> {{ __('warehouse.confirm-rejection') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection