@extends('layouts.app')

@section('content')
    <div class="row w-100 h-100 m-0">

        @include('dashboard.stock.navigation')

        <div class="col-11 p-3">
            <div class="row border-bottom p-3 mb-3">
                <a href="{{ route('stock.allMovements') }}" class="col-auto btn-primary p-0 fs-3"><i
                        class="bi bi-arrow-left m-3"></i></a>
                <h1 class="col-auto fs-2 fw-bold m-0"> Detalles del Movimiento de Almacén</h1>
            </div>
            @include('layouts.alert')
            {{-- Datos del Movimiento --}}
            <div class="container shadow-sm mb-4 px-3 pb-3 rounded fs-6 border-bottom">
                <div class="row mb-2 pt-1 text-light bg-secondary rounded justify-content-center">
                    <h5>Datos del movimiento</h5>
                </div>
                <div class="row">
                    <div class="col">
                        <strong>Creado por:</strong>
                        <br>
                        <p>{{ $movement->user->name }}</p>
                    </div>
                    <div class="col">
                        <strong>Fecha del movimiento:</strong>
                        <br>
                        <p>{{ $movement->date }}</p>
                    </div>
                    <div class="col">
                        <strong>E/S:</strong>
                        <br>
                        <p>{{ $movement->movement_id <= 4 ? 'Entrada' : 'Salida' }}</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <strong>Tipo de movimiento:</strong>
                        <br>
                        <p>{{ $movement->movementType->name }}</p>
                    </div>
                    <div class="col">
                        <strong>Almacén origen:</strong>
                        <br>
                        <p>{{ $movement->warehouse->name ?? 'N/A' }}</p>
                    </div>
                    <div class="col">
                        <strong>Almacén destino:</strong>
                        <br>
                        <p>{{ $movement->destinationWarehouse->name }}</p>
                    </div>
                </div>
                <div class="row">
                    <strong>Observaciones:</strong>
                    <br>
                    <p>{{ $movement->observations }} </p>
                    <br>
                    @if(!$movement->is_active)
                        <strong>MOVIMIENTO INACTIVO</strong>
                    @endif
                </div>
            </div>

            {{-- Productos --}}
            <div class="container shadow-sm px-3 pb-3 rounded fs-6 border-bottom">
                <div class="row mb-2 pt-1 text-light bg-secondary rounded justify-content-center">
                    <h5>Articulos del movimiento</h5>
                </div>
                <div class="row">
                    <div class="col">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Producto</th>
                                    <th>Cantidad</th>
                                    <th>Lote</th>
                                    <th>Caducidad</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($products as $item)
                                    <tr>
                                        <td>
                                            <a
                                                href="{{ route('stock.movementTimeline', ['id' => $item['lot']]) }}">{{ $item['product']->name }}</a>
                                        </td>
                                        <td>{{ $item['amount'] }}</td>
                                        <td>{{ $item['lot']->registration_number }}</td>
                                        <td>{{ $item['lot']->expiration_date }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">

                </div>
            </div>

            {{-- Acciones (solo visibles para sistemas) del Movimiento --}}
            @if (auth()->user()->work_department_id == 1)
                <div class="container shadow-sm mb-4 px-3 pb-3 rounded fs-6 border-bottom">
                    <div class="row mb-2 pt-1 text-light bg-secondary rounded justify-content-center">
                        <h5>Acciones</h5>
                    </div>
                    <div class="row">
                        @if ($movement->is_active)
                            <div class="col-auto">
                                <form action="{{ route('stock.revertMovement', ['id' => $movement->id]) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <button type="submit" class="btn btn-warning"
                                        onclick="return confirm('¿Está seguro que desea revertir este movimiento? Esta acción no se puede deshacer.')">
                                        <i class="bi bi-arrow-counterclockwise"></i> Revertir Movimiento
                                    </button>
                                </form>
                            </div>
                        @else
                            <div class="col-auto">
                                <button class="btn btn-secondary" disabled>
                                    <i class="bi bi-check-circle"></i> Movimiento Revertido
                                </button>
                            </div>
                        @endif
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection