@extends('layouts.app')

@section('titulo', 'Productos y servicios')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="h4 mb-0">Productos y servicios</h1>
        <a href="{{ route('productos.create') }}" class="btn btn-primary">+ Nuevo</a>
    </div>

    <div class="table-responsive">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Codigo</th><th>Nombre</th><th>Tipo</th><th>Inventario</th>
                    <th class="text-end">Precio</th><th class="text-end">Costo prom.</th>
                    <th class="text-end">Existencia</th><th></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($productos as $producto)
                    <tr>
                        <td>{{ $producto->codigo }}</td>
                        <td>{{ $producto->nombre }}</td>
                        <td>{{ ucfirst($producto->tipo) }}</td>
                        <td>{{ $producto->maneja_inventario ? 'Si' : 'No' }}</td>
                        <td class="text-end">{{ number_format($producto->precio_venta, 2) }}</td>
                        <td class="text-end">{{ number_format($producto->costo_promedio, 4) }}</td>
                        <td class="text-end">{{ number_format($producto->existencia_actual, 2) }}</td>
                        <td class="text-end">
                            @if ($producto->maneja_inventario)
                                <button class="btn btn-sm btn-outline-success" data-bs-toggle="modal" data-bs-target="#inv-{{ $producto->id }}">Inv. inicial</button>
                            @endif
                            <a href="{{ route('productos.edit', $producto) }}" class="btn btn-sm btn-outline-secondary">Editar</a>
                            <form method="POST" action="{{ route('productos.destroy', $producto) }}" class="d-inline" onsubmit="return confirm('¿Eliminar?');">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger">Eliminar</button>
                            </form>
                        </td>
                    </tr>

                    @if ($producto->maneja_inventario)
                        <div class="modal fade" id="inv-{{ $producto->id }}" tabindex="-1">
                            <div class="modal-dialog">
                                <form method="POST" action="{{ route('productos.inventario-inicial', $producto) }}" class="modal-content">
                                    @csrf
                                    <div class="modal-header"><h5 class="modal-title">Inventario inicial: {{ $producto->nombre }}</h5></div>
                                    <div class="modal-body">
                                        <div class="mb-2">
                                            <label class="form-label">Periodo (AAAA-MM)</label>
                                            <input type="month" name="periodo" class="form-control" required>
                                        </div>
                                        <div class="mb-2">
                                            <label class="form-label">Cantidad</label>
                                            <input type="number" step="0.0001" name="cantidad" class="form-control" required>
                                        </div>
                                        <div class="mb-2">
                                            <label class="form-label">Costo unitario</label>
                                            <input type="number" step="0.0001" name="costo_unitario" class="form-control" required>
                                        </div>
                                        <div class="form-text">Solo debe usarse una vez, al iniciar operaciones en el sistema.</div>
                                    </div>
                                    <div class="modal-footer">
                                        <button class="btn btn-primary">Guardar</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    @endif
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $productos->links() }}
@endsection