@extends('layouts.app')

@section('content')


<script>
    function imprSelec(pageCombos){
    var ficha=document.getElementById(pageCombos);
    var ventimp=window.open(' ','popimpr');
    ventimp.document.write(ficha.innerHTML);
    ventimp.document.close();
    ventimp.print();
    ventimp.close();
    }
</script>

<div class="breadcomb-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="breadcomb-list">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="breadcomb-wp">
                                <div class="breadcomb-icon">
                                    <i class="fas fa-boxes"></i>
                                </div>
                                <div class="breadcomb-ctn">
                                    <h2>Módulo de Combos</h2> 
                                    <p>Modulo de administración de los combos y sus detalles.</p>                                   
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-3">
                            <div class="breadcomb-report">
                                <button class="btn waves-effect" data-original-title="Crear un nuevo combo">
                                    <i class="fas fa-plus"></i> Nuevo Combo
                                </button>
                                <a href="javascript:imprSelec('pageCombos')"><button data-placement="left" title="" class="btn waves-effect" >
                                    <i class="fas fa-print"></i> 
                                </button></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="data-table-area">
    <div class="container">
        <div class="row" id="pageCombos">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="data-table-list">
                    <div class="basic-tb-hd">
                        <h2>Listado de Combos</h2>                         
                        <p>Listado de todas los combos creados para ventas en el sistema</p>
                    </div>
                    <div class="table-responsive">  
                        <div id="data-table-basic_wrapper" class="dataTables_wrapper">
                            <table id="data-table-basic" class="table table-striped dataTable" role="grid" aria-describedby="data-table-basic_info">
                                <thead>
                                    <tr role="row">
                                        <th class="sorting_asc" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" aria-sort="ascending" style="width: 100px;">Código</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Descripción</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Productos</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Estado</th>
                                        <th class="sorting bg-info" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Precio Venta</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 110px;">Acciones </th>
                                    </tr>
                                </thead>
                                <tbody> 
                                    @foreach ($combos as $datos)
                        
                                        <tr role="row" class="odd">
                                            <td class="sorting_1">datos</td>
                                            <td>nombre </td>
                                            <td >
                                                <form method="post" action="{{ url('productos/'.$datos->id) }}">
                                                    <div class="btn-group notika-group-btn">
                                                        <form method="post" action="{{ url('productos/'.$datos->id) }}">
                                                        <button type="button" class="btn btn-default notika-gp-default waves-effect" onclick="location.href='{{ url('productos/'.$datos->id) }}';"> <i class="far fa-eye"></i> </button>
                                                        <button type="button" class="btn btn-default notika-gp-default waves-effect" onclick="location.href='{{ url('productos/'.$datos->id.'/edit') }}';"> <i class="fas fa-pencil-alt"></i> </button> 
                                                        @csrf
                                                        {{ method_field('DELETE') }}
                                                        <button class="btn btn-default notika-gp-default waves-effect" onclick="return confirm('Estas Seguro de querer eliminarlo?');"> <i class="fas fa-trash-alt"></i> </button>
                                                    </div>
                                                </form>                                                                                            
                                            </td>
                                        </tr>

                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th rowspan="1" colspan="1">Código</th>
                                        <th rowspan="1" colspan="1">Descripción</th>
                                        <th rowspan="1" colspan="1">Productos</th>
                                        <th rowspan="1" colspan="1">Estado</th>
                                        <th class=" bg-info" rowspan="1" colspan="1">Precio Venta</th>
                                        <th rowspan="1" colspan="1">Acciones </th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection