@extends('app')

@section('content')
<style>
    /* Estilos simples para las pestañas */
    .nav-tabs>li>a {
        cursor: pointer;
    }
</style>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading"><center>Gestión de Recetas: Insumos por Producto y Combo</center></div>
                <div class="panel-body">

                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">				
                            <li><a href="{{ url('/admin') }}">Opciones</a></li> 
                            <li><a href="{{ url('/Mod_Insumos') }}"> Atras </a></li>
                        </ul>
                    </div>	
                    <br><br>

                    <!-- Pestañas de Navegación (Lógica Mejorada) -->
                    {{-- Usamos request('nombre_parametro', 'valor_por_defecto') para decidir la pestaña activa --}}
                    <ul class="nav nav-tabs" id="recetaTabs">
                        <li class="{{ request('active_tab', 'productos') == 'productos' ? 'active' : '' }}"><a data-toggle="tab" href="#productos">Productos</a></li>
                        <li class="{{ request('active_tab') == 'combos' ? 'active' : '' }}"><a data-toggle="tab" href="#combos">Combos</a></li>
                    </ul>

                    <!-- Contenido de las Pestañas -->
                    <div class="tab-content">
                        <!-- Pestaña de Productos -->
                        <div id="productos" class="tab-pane fade {{ request('active_tab', 'productos') == 'productos' ? 'in active' : '' }}">
                            <h3>Listado de Productos</h3>
                            
                            {!! Form::open(['route' => 'insumos.indexReceta', 'method' => 'GET', 'class' => 'form-inline', 'style' => 'margin-bottom: 20px;']) !!}
                                <!-- Novedad: Campo oculto para saber qué pestaña activar -->
                                <input type="hidden" name="active_tab" value="productos">

                                <div class="form-group">
                                    {!! Form::text('search_producto', Request::get('search_producto'), ['class' => 'form-control', 'placeholder' => 'Buscar por nombre...']) !!}
                                </div>
                                <button type="submit" class="btn btn-primary">Buscar</button>
                                <a href="{{ route('insumos.indexReceta') }}" class="btn btn-default">Limpiar</a>
                            {!! Form::close() !!}
                            
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Nombre del Producto</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($productos as $producto)
                                        <tr>
                                            <td>{{ $producto->idProducto }}</td>
                                            <td>{{ $producto->Nombre_Produc }}</td>
                                            <td>
                                                <a href="{{ route('insumos.showProductoReceta', $producto->idProducto) }}" class="btn btn-primary btn-sm">
                                                    Ver / Editar Receta
                                                </a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="3" class="text-center">No se encontraron productos con ese nombre.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            <div class="text-center">
                                {!! $productos->render() !!}
                            </div>
                        </div>

                        <!-- Pestaña de Combos -->
                        <div id="combos" class="tab-pane fade {{ request('active_tab') == 'combos' ? 'in active' : '' }}">
                            <h3>Listado de Combos</h3>

                            {!! Form::open(['route' => 'insumos.indexReceta', 'method' => 'GET', 'class' => 'form-inline', 'style' => 'margin-bottom: 20px;']) !!}
                                <!-- Novedad: Campo oculto para saber qué pestaña activar -->
                                <input type="hidden" name="active_tab" value="combos">
                                
                                <div class="form-group">
                                    {!! Form::text('search_combo', Request::get('search_combo'), ['class' => 'form-control', 'placeholder' => 'Buscar por nombre...']) !!}
                                </div>
                                <button type="submit" class="btn btn-primary">Buscar</button>
                                <a href="{{ route('insumos.indexReceta') }}" class="btn btn-default">Limpiar</a>
                            {!! Form::close() !!}

                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Nombre del Combo</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($combos as $combo)
                                        <tr>
                                            <td>{{ $combo->idCombos }}</td>
                                            <td>{{ $combo->nombre_combo }}</td>
                                            <td>
                                                <a href="{{ route('insumos.showComboReceta', $combo->idCombos) }}" class="btn btn-info btn-sm">
                                                    Ver / Editar Receta
                                                </a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="3" class="text-center">No se encontraron combos con ese nombre.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                             <div class="text-center">
                                {!! $combos->render() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection