@extends('metronic.base')
@section('extracss')
@endsection
@section('extrajs')
@endsection
@section('titulo')
    Orden de Producción
@endsection

@section('content')
    @include('sessions')
    <style>
        .text-right {
            text-align: right;
        }
    </style>
    <div class="card shadow-sm">
        <div class="card-header">
            <h3 class="card-title">Matriz de componentes</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                @if (count($receta) > 0)
                    <table class="table table-bordered">
                        <thead>
                            <tr class="fw-bold fs-6 text-gray-800">
                                <th>Código del material</th>
                                <th>Nombre del material</th>
                                <th>Cantidad/Producto</th>
                                <th>Cantidad total</th>
                                <th>Cantidad en bodega</th>
                                <th>Total reservado</th>
                                <th>Qty. disponible fabricación</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($receta as $item)
                                <tr>
                                    <td>{{ $item->codigoPro }}</td>
                                    <td>{{ $item->producto }}</td>
                                    <td class="text-right">{{ number_format($item->cantidad, 2) }}</td>
                                    <td class="text-right">{{ number_format($item->cantidad * $detail->cantidad, 2) }}</td>
                                    <td class="text-right">{{ number_format($item->cantidad_inv_bodega, 2) }}</td>
                                    <td class="text-right">{{ number_format($item->total_reservado, 2) }}</td>
                                    <td class="text-right">{{ number_format($item->cantidad_disponible_para_fabricacion, 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @else
                    <div class="alert alert-warning d-flex align-items-center p-5">
                        <i class="ki-duotone ki-shield-tick fs-2hx text-warning me-4"></i>
                        <div class="d-flex flex-column">
                            <h4 class="mb-1 text-warning">Producto sin matriz de componentes</h4>
                            <span>Para crear una matriz de componentes y agregarle su respectivo detalle, de clic en el siguiente <a href="{{ route('produccion.recetas-index') }}" class="text-warning"><u>enlace</u></a></span>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection