@extends('admin.layouts.app')

@section('content')
@php
    // El color sale del modelo (estado_color): estaba duplicado acá y en el listado, y al
    // sumar el estado 'recibida' las dos copias quedaron desactualizadas.
    $colorEstado = $solicitud->estado_color;
@endphp

<div class="page-title-box d-sm-flex align-items-center justify-content-between">
    <h4 class="mb-sm-0">
        Solicitud {{ $solicitud->numero }}
        <span class="badge bg-{{ $colorEstado }}-subtle text-{{ $colorEstado }} align-middle ms-1">
            {{ $solicitud->estado_en_espanol }}
        </span>
    </h4>
    <div class="page-title-right">
        <ol class="breadcrumb m-0">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Inicio</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.branch-requests.index') }}">Solicitudes de Compra</a></li>
            <li class="breadcrumb-item active">{{ $solicitud->numero }}</li>
        </ol>
    </div>
</div>

@include('admin.branch-requests.partials.flash')

<div class="card">
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-3">
                <p class="text-muted mb-1 small text-uppercase">Solicita</p>
                <h6 class="mb-0">{{ $solicitud->solicitante->nombre ?? $solicitud->co_sucu }}</h6>
            </div>
            <div class="col-md-3">
                <p class="text-muted mb-1 small text-uppercase">Dirigida a</p>
                <h6 class="mb-0">
                    @if($solicitud->co_sucu_destino)
                        {{ $solicitud->destinatario->nombre ?? $solicitud->co_sucu_destino }}
                    @else
                        <span class="badge bg-secondary-subtle text-secondary">Abierta a cualquier sucursal</span>
                    @endif
                </h6>
            </div>
            <div class="col-md-2">
                <p class="text-muted mb-1 small text-uppercase">Tipo</p>
                <h6 class="mb-0">{{ $solicitud->tipo === 'compras' ? 'A compras' : 'A depósito' }}</h6>
            </div>
            <div class="col-md-2">
                <p class="text-muted mb-1 small text-uppercase">Prioridad</p>
                <h6 class="mb-0">
                    <span class="badge bg-{{ $solicitud->prioridad_color }}">{{ $solicitud->prioridad_en_espanol }}</span>
                </h6>
            </div>
            <div class="col-md-2">
                <p class="text-muted mb-1 small text-uppercase">Importe estimado</p>
                <h6 class="mb-0">$ {{ number_format($solicitud->importe_total, 2, ',', '.') }}</h6>
            </div>

            <div class="col-md-3">
                <p class="text-muted mb-1 small text-uppercase">Fecha de solicitud</p>
                <h6 class="mb-0">{{ $solicitud->fecha_solicitud?->format('d/m/Y') }}</h6>
            </div>
            <div class="col-md-3">
                <p class="text-muted mb-1 small text-uppercase">Entrega deseada</p>
                <h6 class="mb-0">{{ $solicitud->fecha_entrega?->format('d/m/Y') ?? '—' }}</h6>
            </div>
            <div class="col-md-6">
                <p class="text-muted mb-1 small text-uppercase">Cargada por</p>
                <h6 class="mb-0">{{ $solicitud->creador->name ?? '—' }}</h6>
            </div>

            @if($solicitud->observaciones)
                <div class="col-12">
                    <p class="text-muted mb-1 small text-uppercase">Observaciones</p>
                    <p class="mb-0">{{ $solicitud->observaciones }}</p>
                </div>
            @endif
        </div>
    </div>
</div>

@php
    // Modo respuesta: o soy una sucursal que puede responder, o soy el usuario de la
    // empresa y elijo a nombre de cuál responder.
    $modoRespuesta = $puedeResponder || $sucursalesQuePuedenResponder->isNotEmpty();
    $columnas = $modoRespuesta ? 8 : 7;
@endphp

<form action="{{ route('admin.branch-requests.responder', $solicitud->id) }}" method="POST" id="formRespuesta">
@csrf
<div class="card">
    <div class="card-header">
        <h5 class="card-title mb-0">Artículos solicitados</h5>
        <p class="text-muted small mb-0 mt-1">
            El costo es el que estaba vigente cuando se cargó la solicitud. El stock es el actual.
        </p>
    </div>

    @if($modoRespuesta && $sucursalesQuePuedenResponder->isNotEmpty())
        <div class="card-body border-bottom pb-0">
            <div class="row">
                <div class="col-md-5">
                    <label class="form-label">Responder a nombre de</label>
                    {{-- SIN required: el navegador lo exigiría también al registrar una
                         recepción, que es otra accion de la misma pantalla y no necesita
                         saber quien responde. La validación la hace el submit del form de
                         respuesta (abajo) y el controller. --}}
                    <select name="co_sucu_responde" id="sucursalResponde" class="form-select">
                        <option value="">Seleccionar sucursal...</option>
                        @foreach($sucursalesQuePuedenResponder as $s)
                            <option value="{{ trim($s->CO_ORIDE) }}">{{ $s->nombre }}</option>
                        @endforeach
                    </select>
                    <div class="form-text">
                        Sólo hace falta si vas a <strong>responder</strong>. Para registrar lo recibido no.
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th width="40">#</th>
                        <th>Artículo</th>
                        <th width="120" class="text-end">Costo s/IVA</th>
                        <th width="90" class="text-center">Pedido</th>
                        <th width="90" class="text-center">Cubierto</th>
                        <th width="130" class="text-end">Subtotal</th>
                        <th>Stock actual por sucursal</th>
                        @if($modoRespuesta)
                            <th width="230">Mi respuesta</th>
                        @endif
                    </tr>
                </thead>
                <tbody>
                @foreach($solicitud->items as $item)
                    @php $stock = $stockPorArticulo[$item->co_arti] ?? null; @endphp
                    <tr>
                        <td class="text-muted">{{ $item->orden }}</td>
                        <td>
                            <div class="fw-semibold">{{ $item->descripcion }}</div>
                            <small class="text-muted"><code>{{ $item->co_arti }}</code></small>
                            @if($item->co_prov)
                                <small class="text-muted ms-2">Prov.: {{ $item->co_prov }}</small>
                            @endif
                            @if($item->observaciones)
                                <div class="small fst-italic text-muted mt-1">{{ $item->observaciones }}</div>
                            @endif
                        </td>
                        <td class="text-end">$ {{ number_format($item->im_valor, 2, ',', '.') }}</td>
                        <td class="text-center fw-semibold">{{ number_format($item->cantidad, 2, ',', '.') }}</td>
                        <td class="text-center">
                            @if($item->esta_cubierta)
                                <span class="badge bg-success">{{ number_format($item->cantidad_cubierta, 2, ',', '.') }}</span>
                            @else
                                <span class="badge bg-warning-subtle text-warning">
                                    {{ number_format($item->cantidad_cubierta, 2, ',', '.') }}
                                </span>
                                <div class="small text-muted mt-1">
                                    faltan {{ number_format($item->cantidad_pendiente, 2, ',', '.') }}
                                </div>
                            @endif

                            @if($item->cantidad_recibida > 0)
                                <div class="small text-success mt-1">
                                    <i class="ri-inbox-archive-line"></i>
                                    recibido {{ number_format($item->cantidad_recibida, 2, ',', '.') }}
                                </div>
                            @endif
                        </td>
                        <td class="text-end">$ {{ number_format($item->importe, 2, ',', '.') }}</td>
                        <td>
                            @if($stock)
                                <div class="d-flex flex-wrap gap-1">
                                    @foreach($stock['sucursales'] as $s)
                                        @php
                                            $color = $s['fisico'] > 0 ? 'success'
                                                   : ($s['fisico'] < 0 ? 'danger' : 'light');
                                            $esOrigen = trim($solicitud->co_sucu) === $s['codigo'];
                                        @endphp
                                        {{-- Etiqueta (WW_NAME) para mostrar; la comparacion de
                                             arriba usa el codigo, que es la clave real. --}}
                                        <span class="badge bg-{{ $color }}-subtle text-{{ $color === 'light' ? 'muted' : $color }} border"
                                              title="{{ $s['nombre'] }} — {{ $s['codigo'] }}{{ $esOrigen ? ' (es quien solicita)' : '' }}">
                                            {{ $s['etiqueta'] }}: {{ number_format($s['fisico'], 2, ',', '.') }}
                                            @if($esOrigen)<i class="ri-user-location-line"></i>@endif
                                        </span>
                                    @endforeach
                                </div>
                            @else
                                <span class="text-muted small">—</span>
                            @endif
                        </td>

                        @if($modoRespuesta)
                            @php $previa = $respuestasPrevias[$item->id] ?? null; @endphp
                            <td class="bg-light-subtle">
                                <div class="d-flex gap-1 mb-2">
                                    @foreach([
                                        'nada'     => ['Nada',    'secondary'],
                                        'cubrir'   => ['Cubrir',  'success'],
                                        'rechazar' => ['No tengo','danger'],
                                    ] as $valor => [$etiqueta, $color])
                                        @php
                                            $activo = $previa
                                                ? ($previa->estado === 'rechazada' ? 'rechazar' : 'cubrir') === $valor
                                                : $valor === 'nada';
                                        @endphp
                                        <input type="radio" class="btn-check accion-respuesta"
                                               name="respuestas[{{ $item->id }}][accion]"
                                               id="accion{{ $item->id }}{{ $valor }}"
                                               value="{{ $valor }}" {{ $activo ? 'checked' : '' }}>
                                        <label class="btn btn-sm btn-outline-{{ $color }}"
                                               for="accion{{ $item->id }}{{ $valor }}">{{ $etiqueta }}</label>
                                    @endforeach
                                </div>

                                <div class="campo-cantidad {{ $previa && $previa->estado !== 'rechazada' ? '' : 'd-none' }}">
                                    <div class="input-group input-group-sm">
                                        <input type="number" class="form-control"
                                               name="respuestas[{{ $item->id }}][cantidad]"
                                               value="{{ $previa && $previa->estado !== 'rechazada' ? rtrim(rtrim(number_format($previa->cantidad, 2, '.', ''), '0'), '.') : '' }}"
                                               min="0.01" step="0.01" placeholder="Cantidad">
                                        <span class="input-group-text">u.</span>
                                    </div>
                                    <div class="form-text">
                                        Faltan {{ number_format($item->cantidad_pendiente, 2, ',', '.') }} de
                                        {{ number_format($item->cantidad, 2, ',', '.') }}
                                        @if($miSucursal && $stock)
                                            @php
                                                $mio = collect($stock['sucursales'])->firstWhere('codigo', $miSucursal);
                                                $disponible = max(0, $mio['fisico'] ?? 0);
                                            @endphp
                                            &middot; tenés <span class="fw-semibold">{{ number_format($disponible, 2, ',', '.') }}</span>
                                        @else
                                            &middot; no podés ofrecer más de lo que la sucursal tiene en stock
                                        @endif
                                    </div>
                                </div>

                                <div class="campo-motivo {{ $previa && $previa->estado === 'rechazada' ? '' : 'd-none' }}">
                                    <input type="text" class="form-control form-control-sm"
                                           name="respuestas[{{ $item->id }}][motivo]"
                                           value="{{ $previa->motivo ?? '' }}"
                                           maxlength="255" placeholder="Motivo (obligatorio)">
                                </div>
                            </td>
                        @endif
                    </tr>

                    {{-- Respuestas de las sucursales sobre esta línea --}}
                    @if($item->responses->isNotEmpty())
                        <tr class="table-light">
                            <td></td>
                            <td colspan="{{ $columnas - 1 }}">
                                <div class="small text-muted mb-1 text-uppercase">Respuestas</div>
                                @foreach($item->responses as $r)
                                    <div class="d-flex align-items-center gap-2 mb-1">
                                        <span class="fw-semibold">{{ $r->sucursal->nombre ?? $r->co_sucu }}</span>
                                        @if($r->estado === 'rechazada')
                                            <span class="badge bg-danger-subtle text-danger">Rechazada</span>
                                            <span class="text-muted small">{{ $r->motivo }}</span>
                                        @elseif($r->estado === 'recibida')
                                            <span class="badge bg-success"><i class="ri-check-double-line"></i> Recibida</span>
                                            <span>{{ number_format($r->cantidad, 2, ',', '.') }} u.</span>
                                        @else
                                            <span class="badge bg-info-subtle text-info">{{ $r->estado_en_espanol }}</span>
                                            <span>{{ number_format($r->cantidad, 2, ',', '.') }} u.</span>

                                            {{-- Marcar recibido: sólo la sucursal que pidió, que es la
                                                 que recibe fisicamente la mercaderia. --}}
                                            @if($puedeRecibir)
                                                <span class="text-muted small">&rarr; recibí</span>
                                                <input type="number" form="formRecepcion"
                                                       name="recepciones[{{ $r->id }}][cantidad]"
                                                       class="form-control form-control-sm cantidad-recibida"
                                                       style="width: 90px"
                                                       min="0.01" max="{{ $r->cantidad }}" step="0.01"
                                                       placeholder="{{ rtrim(rtrim(number_format($r->cantidad, 2, '.', ''), '0'), '.') }}">
                                            @endif
                                        @endif
                                        <span class="text-muted small ms-auto">{{ $r->updated_at?->format('d/m/Y H:i') }}</span>
                                    </div>
                                @endforeach
                            </td>
                        </tr>
                    @endif
                @endforeach
                </tbody>
                <tfoot class="table-light">
                    <tr>
                        <th colspan="5" class="text-end">Importe estimado total</th>
                        <th class="text-end fs-15">$ {{ number_format($solicitud->importe_total, 2, ',', '.') }}</th>
                        <th @if($modoRespuesta) colspan="2" @endif></th>
                    </tr>
                </tfoot>
            </table>
        </div>

        @if($modoRespuesta)
            <div class="d-flex justify-content-end mt-3">
                <button type="submit" class="btn btn-success">
                    <i class="ri-check-double-line align-bottom me-1"></i> Guardar mi respuesta
                </button>
            </div>
        @endif
    </div>
</div>
</form>

{{-- Recepción. Va en un form aparte y los inputs se le asocian con form="formRecepcion",
     porque están dentro de la tabla que ya envuelve el form de respuesta y los forms
     anidados no son HTML válido. --}}
@if($puedeRecibir)
    <form id="formRecepcion" action="{{ route('admin.branch-requests.recibir', $solicitud->id) }}" method="POST">
        @csrf
        <div class="card">
            <div class="card-body d-flex align-items-center justify-content-between flex-wrap gap-2">
                <div>
                    <h6 class="mb-1">Recepción de mercadería</h6>
                    <p class="text-muted small mb-0">
                        Completá la cantidad que <strong>realmente llegó</strong> al lado de cada entrega.
                        Si llega menos de lo ofrecido, la diferencia vuelve a quedar pendiente para que
                        otra sucursal la cubra.
                    </p>
                </div>
                <button type="submit" class="btn btn-success">
                    <i class="ri-inbox-archive-line align-bottom me-1"></i> Registrar recepción
                </button>
            </div>
        </div>
    </form>
@endif

<div class="d-flex justify-content-between mb-4">
    <div class="d-flex gap-2">
        <a href="{{ route('admin.branch-requests.index') }}" class="btn btn-light">
            <i class="ri-arrow-left-line align-bottom me-1"></i> Volver
        </a>

        @if($solicitud->estado === 'borrador' && (!$miSucursal || $solicitud->co_sucu === $miSucursal))
            <a href="{{ route('admin.branch-requests.edit', $solicitud->id) }}" class="btn btn-warning">
                <i class="ri-pencil-line align-bottom me-1"></i> Editar borrador
            </a>
            <form action="{{ route('admin.branch-requests.enviar', $solicitud->id) }}" method="POST">
                @csrf
                <button type="button" class="btn btn-success"
                        onclick="confirmAction('¿Enviar la solicitud {{ $solicitud->numero }}?', 'Una vez enviada ya no se puede modificar.', () => this.closest('form').submit(), 'Si, enviar')">
                    <i class="ri-send-plane-line align-bottom me-1"></i> Enviar solicitud
                </button>
            </form>
        @endif
    </div>

    @if($solicitud->estado !== 'anulada' && (!$miSucursal || $solicitud->co_sucu === $miSucursal))
        <form action="{{ route('admin.branch-requests.delete', $solicitud->id) }}" method="POST">
            @csrf
            @method('DELETE')
            <button type="button" class="btn btn-danger"
                    onclick="confirmAction('¿Anular la solicitud {{ $solicitud->numero }}?', 'Queda anulada pero no se borra: el histórico se conserva.', () => this.closest('form').submit(), 'Si, anular')">
                <i class="ri-close-circle-line align-bottom me-1"></i> Anular solicitud
            </button>
        </form>
    @endif
</div>
@endsection

@push('js')
<script>
(function () {
    'use strict';

    // Mostrar el campo que corresponde a la accion elegida en cada linea.
    document.querySelectorAll('.accion-respuesta').forEach((radio) => {
        radio.addEventListener('change', function () {
            const celda    = this.closest('td');
            const cantidad = celda.querySelector('.campo-cantidad');
            const motivo   = celda.querySelector('.campo-motivo');

            cantidad.classList.toggle('d-none', this.value !== 'cubrir');
            motivo.classList.toggle('d-none', this.value !== 'rechazar');

            if (this.value === 'cubrir') cantidad.querySelector('input').focus();
            if (this.value === 'rechazar') motivo.querySelector('input').focus();
        });
    });

    // Avisar antes de mandar una respuesta que no dice nada: el servidor la rechaza
    // igual, pero el viaje de ida y vuelta se siente como que "no hizo nada".
    document.getElementById('formRespuesta')?.addEventListener('submit', (e) => {
        const conAccion = [...document.querySelectorAll('.accion-respuesta:checked')]
            .filter((r) => r.value !== 'nada');

        if (!conAccion.length) {
            e.preventDefault();
            Swal.fire({
                icon: 'info',
                title: 'Sin respuesta',
                text: 'Marcá al menos una línea como "Cubrir" o "No tengo".'
            });
            return;
        }

        // Reemplaza al required que se le saco al select: acá si hace falta, porque este
        // submit ES el de responder.
        const selector = document.getElementById('sucursalResponde');
        if (selector && !selector.value) {
            e.preventDefault();
            Swal.fire({
                icon: 'warning',
                title: 'Falta la sucursal',
                text: 'Elegí a nombre de qué sucursal estás respondiendo.'
            });
            selector.focus();
            return;
        }

        // Validaciones que el servidor repite, pero acá evitan perder lo cargado.
        for (const radio of conAccion) {
            const celda = radio.closest('td');

            if (radio.value === 'cubrir') {
                const input = celda.querySelector('.campo-cantidad input');
                if (!input.value || parseFloat(input.value) <= 0) {
                    e.preventDefault();
                    Swal.fire({ icon: 'warning', title: 'Falta la cantidad',
                        text: 'Indicá cuánto podés cubrir en las líneas marcadas.' });
                    input.focus();
                    return;
                }
            }

            if (radio.value === 'rechazar') {
                const input = celda.querySelector('.campo-motivo input');
                if (!input.value.trim()) {
                    e.preventDefault();
                    Swal.fire({ icon: 'warning', title: 'Falta el motivo',
                        text: 'Para rechazar una línea tenés que decir por qué.' });
                    input.focus();
                    return;
                }
            }
        }
    });
})();
</script>
@endpush