@extends('layouts.app')
@section('title', 'Requerimiento ' . $requerimiento->numero)
@section('page-title', 'Requerimiento ' . $requerimiento->numero)
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('logistica.dashboard') }}">Logística</a></li>
    <li class="breadcrumb-item"><a href="{{ route('logistica.requerimientos.index') }}">Requerimientos</a></li>
    <li class="breadcrumb-item active">{{ $requerimiento->numero }}</li>
@endsection
@section('content')

@php
    $badges = ['borrador'=>'secondary','enviado'=>'info','aprobado'=>'success','rechazado'=>'danger','completado'=>'primary'];
    $badge  = $badges[$requerimiento->estado] ?? 'secondary';
@endphp

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3 class="card-title mb-0">
                    <i class="fas fa-clipboard-list mr-2"></i>{{ $requerimiento->numero }}
                </h3>
                <span class="badge badge-{{ $badge }} badge-pill px-3 py-2" style="font-size:0.85rem;">
                    {{ ucfirst($requerimiento->estado) }}
                </span>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-4">
                        <small class="text-muted d-block">Área solicitante</small>
                        <strong>{{ $requerimiento->area_solicitante }}</strong>
                    </div>
                    <div class="col-md-4">
                        <small class="text-muted d-block">Fecha</small>
                        <strong>{{ \Carbon\Carbon::parse($requerimiento->fecha)->format('d/m/Y') }}</strong>
                    </div>
                    <div class="col-md-4">
                        <small class="text-muted d-block">Solicitado por</small>
                        <strong>{{ $requerimiento->solicitante?->name ?? '—' }}</strong>
                    </div>
                </div>

                @if($requerimiento->observaciones)
                <div class="alert alert-light border mb-3">
                    <small class="text-muted">Observaciones: </small>{{ $requerimiento->observaciones }}
                </div>
                @endif

                <h6 class="text-success font-weight-bold mb-2"><i class="fas fa-list mr-2"></i>Ítems</h6>
                <div class="table-responsive">
                    <table class="table table-sm table-bordered">
                        <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th>Producto</th>
                                <th class="text-right">Cant. Solicitada</th>
                                <th class="text-right">Cant. Aprobada</th>
                                <th>U.M.</th>
                                <th>Observación</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($requerimiento->items as $i => $item)
                                <tr>
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $item->producto->nombre }}</td>
                                    <td class="text-right">{{ number_format($item->cantidad_solicitada, 2) }}</td>
                                    <td class="text-right">
                                        @if($item->cantidad_aprobada !== null)
                                            <strong class="{{ $item->cantidad_aprobada > 0 ? 'text-success' : 'text-danger' }}">
                                                {{ number_format($item->cantidad_aprobada, 2) }}
                                            </strong>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    <td>{{ $item->producto->unidadMedida->abreviatura }}</td>
                                    <td><small class="text-muted">{{ $item->observacion ?? '—' }}</small></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">Acciones</h5></div>
            <div class="card-body">

                @if($requerimiento->estado === 'borrador')
                <form method="POST" action="{{ route('logistica.requerimientos.enviar', $requerimiento) }}" class="mb-2">
                    @csrf
                    <button type="submit" class="btn btn-info btn-block">
                        <i class="fas fa-paper-plane mr-1"></i>Enviar para Aprobación
                    </button>
                </form>
                @endif

                @hasanyrole('super-admin|gerente|jefe-logistica')
                @if($requerimiento->estado === 'enviado')
                <form method="POST" action="{{ route('logistica.requerimientos.aprobar', $requerimiento) }}" id="form-aprobar" class="mb-2">
                    @csrf
                    <h6 class="text-success mb-2">Aprobar con cantidades:</h6>
                    @foreach($requerimiento->items as $item)
                        <div class="form-group mb-2">
                            <label class="small">{{ Str::limit($item->producto->nombre, 30) }}</label>
                            <div class="input-group input-group-sm">
                                <input type="number" name="items[{{ $item->id }}][cantidad_aprobada]"
                                    step="0.001" min="0"
                                    class="form-control"
                                    value="{{ $item->cantidad_solicitada }}">
                                <div class="input-group-append">
                                    <span class="input-group-text">{{ $item->producto->unidadMedida->abreviatura }}</span>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    <button type="submit" class="btn btn-success btn-block mt-2">
                        <i class="fas fa-check mr-1"></i>Aprobar Requerimiento
                    </button>
                </form>

                <hr>
                <form method="POST" action="{{ route('logistica.requerimientos.rechazar', $requerimiento) }}">
                    @csrf
                    <div class="form-group mb-2">
                        <textarea name="observaciones" rows="2" class="form-control form-control-sm"
                            placeholder="Motivo del rechazo..." required></textarea>
                    </div>
                    <button type="submit" class="btn btn-danger btn-block"
                        onclick="return confirm('¿Confirma el rechazo?')">
                        <i class="fas fa-times mr-1"></i>Rechazar
                    </button>
                </form>
                @endif
                @endhasanyrole

                @if(in_array($requerimiento->estado, ['aprobado', 'completado']))
                <a href="{{ route('logistica.cotizaciones.create', ['requerimiento_id' => $requerimiento->id]) }}"
                    class="btn btn-warning btn-block">
                    <i class="fas fa-file-invoice-dollar mr-1"></i>Crear Cotización
                </a>
                @endif

                <hr>
                <a href="{{ route('logistica.requerimientos.pdf', $requerimiento) }}"
                    target="_blank" class="btn btn-danger btn-block btn-sm">
                    <i class="fas fa-file-pdf mr-1"></i>Ver PDF
                </a>
                <a href="{{ route('logistica.requerimientos.index') }}" class="btn btn-secondary btn-block btn-sm mt-1">
                    <i class="fas fa-arrow-left mr-1"></i>Volver al listado
                </a>
            </div>
        </div>
    </div>
</div>

@endsection