{{-- @extends('metronic.base')
@section('extracss')
@endsection
@section('extrajs')
@endsection
@section('titulo')
    Gestión de costos de Matriz de componentes
@endsection
@section('content')
    @include('sessions') --}}
    {{-- <div class="card shadow-sm mb-3">
        <div class="card-header">
            <h3 class="card-title">Matriz de componentes</h3>
        </div>
        <div class="card-body">
            <div class="row mb-6">
                <div class="form-group col-sm-6 mb-5">
                    <label for="exampleFormControlInput1" class="required form-label">Producto</label>
                    <input type="text" class="form-control form-control-solid" value="{{ $bill->productos->producto }}"
                        readonly />
                </div>
                <div class="form-group col-sm-6 mb-5">
                    <label for="exampleFormControlInput1" class="required form-label">Código</label>
                    <input type="text" class="form-control form-control-solid"
                        placeholder="Ingrese el código de la receta" value="{{ $bill->codigo }}" readonly />
                </div>
                <div class="form-group col-sm-6">
                    <label for="exampleFormControlInput1" class="required form-label">Estado</label>
                    <input type="text" class="form-control form-control-solid"
                        value="{{ $bill->status == 1 ? 'Activo' : 'Inactivo' }}" readonly>
                </div>
                <div class="form-group col-sm-6">
                    <label for="exampleFormControlInput1" class="form-label">Fecha de creación</label>
                    <input type="text" class="form-control form-control-solid" value="{{ $bill->fecha }}" readonly />
                </div>
            </div>
        </div>
    </div> --}}
    <div class="card shadow-sm mb-3">
        <div class="card-header">
            <h3 class="card-title">Agregar otros costos a la matriz</h3>
        </div>
        <div class="card-body">
            <form action="{{ Route('produccion.billOfMaterialDetailCostosStore', $bill->id) }}" method="POST"
                enctype="multipart/form-data">
                @csrf
                <div class="row mb-6">
                    <div class="form-group col-sm-6 mb-5">
                        <label for="exampleFormControlInput1" class="required form-label">Costo</label>
                        <select class="form-select form-select-solid" data-control="select2" name="cost_receipt_id"
                            id="cost_receipt_id" aria-label="Select example" required>
                            <option selected disabled>Seleccione...</option>
                            @foreach ($costos as $costo)
                                <option value="{{ $costo->id }}">{{ $costo->nombre }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-sm-6 mb-5">
                        <label for="exampleFormControlInput1" class="required form-label">Valor</label>
                        <input type="number" class="form-control form-control-solid" name="costo" id="costo"
                            step="0.01" pattern="^\d+(?:\.\d{1,2})?$" placeholder="Ingrese la cantidad" required />
                    </div>
                </div>
                <div class="text-center">
                    <button type="submit" class="btn btn-primary"><i class='ki-outline ki-check-circle fs-2'></i> Guardar</button>
                </div>
            </form>
        </div>
    </div>
    <div class="card shadow-sm">
        <div class="card-header">
            <h3 class="card-title">Costos de la matriz de componentes</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        @if (count($detalles) > 0)
                            <tr class="fw-bold fs-6 text-gray-800">
                                <th>Costo</th>
                                <th>Valor</th>
                                <th>Fecha de creación</th>
                                <th>Acciones</th>
                            </tr>
                        @endif
                    </thead>
                    <tbody>
                        @if (count($detalles) > 0)
                                                        @foreach ($detalles as $detalle)
                                <tr>
                                    <td>{{ $detalle->costos->nombre }}</td>
                                    <td>${{ number_format($detalle->costo, 2) }}</td>
                                    <td>{{ $detalle->created_at->format('d-m-Y H:m:s') }}</td>
                                    <td>
                                        <form method="post"
                                            action="{{ route('produccion.billOfMaterialDetailCostos-delete', $detalle->id) }}">
                                            @method('delete')
                                            @csrf
                                            <button type="submit" class="btn"><i
                                                    class="ki-outline ki-trash fs-2x text-danger">
                                                </i>
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                                                            @endforeach
                            <!-- Fila adicional para mostrar la suma total -->
                            <tr>
                                <td colspan="1"><strong>Suma Total:</strong></td>
                                <td><strong>${{ number_format($sumaTotal, 2) }}</strong></td>
                                <td colspan="2"></td>
                            </tr>
                        @else
                            <div class="alert alert-danger">
                                <strong>No hay detalles agregados.</strong>
                            </div>
                        @endif

                    </tbody>
                </table>
            </div>
        </div>
    </div>
{{-- @endsection
@section('extrajs')
@endsection --}}