@extends('metronic.base')
@section('extracss')
@endsection
@section('extrajs')
@endsection
@section('titulo')
    Gestión de detalles 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 detalles de la matriz</h3>
        </div>
        <div class="card-body">
            <form action="{{ Route('produccion.recetas-detail-store', $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">Material</label>
                        <select class="form-select form-select-solid" data-control="select2"  name="producto_interno_id" id="producto_interno_id"
                            aria-label="Select example" required>
                            <option selected disabled>Seleccione...</option>
                            @foreach ($productosInternos as $producto)
                                <option value="{{ $producto->id }}">{{ $producto->producto }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-sm-6 mb-5">
                        <label for="exampleFormControlInput1" class="required form-label">Unidad</label>
                        <select class="form-select form-select-solid" name="unidad_id" id="unidad_id"
                            aria-label="Select example" required>
                            <option selected disabled>Seleccione...</option>
                            @foreach ($unidadMedida as $unidad)
                                <option value="{{ $unidad->id }}">{{ $unidad->unidad }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-sm-6 mb-5">
                        <label for="exampleFormControlInput1" class="required form-label">Cantidad</label>
                        <input type="text" class="form-control form-control-solid" name="cantidad" id="cantidad"
                            placeholder="Ingrese la cantidad" required />
                    </div>
                    <div class="form-group col-sm-6 mb-5">
                        <label for="exampleFormControlInput1" class="required form-label">Estado</label>
                        <select class="form-select form-select-solid" name="status" id="status"
                            aria-label="Select example" required>
                            <option selected disabled>Seleccione...</option>
                            <option value="1">Activo</option>
                            <option value="0">Inactivo</option>
                        </select>
                    </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 mb-3">
        <div class="card-header">
            <h3 class="card-title">Detalles de la matriz de componentes</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        @if (count($detallesReceta) > 0)
                            <tr class="fw-bold fs-6 text-gray-800">
                                <th>Código</th>
                                <th>Material</th>
                                <th>Unidad</th>
                                <th>Cantidad</th>
                                <th>Estado</th>
                                <th>Acciones</th>
                            </tr>
                        @endif
                    </thead>
                    <tbody>
                        @if (count($detallesReceta) > 0)
                            @foreach ($detallesReceta as $detalle)
                                <tr>
                                    <td>{{ $detalle->productos->codigo }}</td>
                                    <td>{{ $detalle->productos->producto }}</td>
                                    <td>{{ $detalle->unidades->unidad }}</td>
                                    <td>{{ $detalle->cantidad }}</td>
                                    <td>
                                        <a
                                            href="{{ route('produccion.recetas-detail-change-status', $detalle->id) }}"><u>{{ $detalle->status == 1 ? 'Activo' : 'Inactivo' }}</u></a>
                                    <td>
                                        <form method="post" action="{{ route('produccion.recetas-detail-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
                        @else
                            <div class="alert alert-danger">
                                <strong>No hay detalles agregados.</strong>
                            </div>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @include('produccion.detalleReceta.gestionDetallesCostoReceta')
@endsection
@section('extrajs')
@endsection