@extends('layouts.default')
@section('content')
<!-- Modal Proveedores -->
<div class="modal fade" id="selProveedor" tabindex="-1" role="dialog" data-bs-keyboard="false" data-bs-backdrop="static" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="selProveedorLabel">Seleccione un Proveedor</h5>
                <div style="width:50%">
                    <input type="text" class="form-control" id="searchProveedor" placeholder="Escribe el nombre o clave del proveedor" autocomplete="off" />
                </div>
            </div>
            <div class="modal-body">
                <div class="table-responsive" style="height:400px;overflow:auto">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Clave</th>
                                <th>Nombre</th>
                                <th>RFC</th>
                                <th>Vendedor</th>
                            </tr>
                        </thead>
                        <tbody id="bodyProveedores"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" id="selProveedorClose" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<!-- Modal Agregar Artículo al Pedido Sugerido -->
<div class="modal fade" id="modalAgregarArticulo" tabindex="-1" role="dialog" data-bs-keyboard="false" data-bs-backdrop="static" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalAgregarArticuloLabel">Agregar artículo al pedido sugerido</h5>
                <div style="width:30%">
                    <input type="text" class="form-control" id="searchArticulo" placeholder="Escribe el codigo o descripción del artículo" autocomplete="off" />
                </div>
            </div>
            <div class="modal-body">
                <div class="table-responsive" style="height:400px;overflow:auto">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Codigo</th>
                                <th>Cod. Prov.</th>
                                <th>Descripción</th>
                                <th>Costo</th>
                                <th>Existencia</th>
                                <!--<th>Promedio</th>
                                <th>Pedido</th>-->
                            </tr>
                        </thead>
                        <tbody id="bodyArticulos"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" id="modalAgregarArticuloClose" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<div class="row">
    <div class="col-12 col-md-12">
        <div class="card">
            <div class="card-body">                    
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="row">
                                    <div class="col-10">
                                        <div class="form-group">
                                            <span class="x-label">Folio:</span>
                                            <input type="text" class="x-form-control" id="folioSugerido" disabled/>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <span class="x-label">Proveedor:</span>
                                            <input type="text" class="form-control x-form-control-sm" id="proveedor" placeholder="Seleccione..." readonly autocomplete="off" />
                                            <input type="text" style="display:none" id="idproveedor">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <span class="x-label">Almacenes:</span>
                                    <input type="text" style="display:none" id="idPedidoSugerido">
                                    <select id="almacenes" class="form-select" size="5" onclick="clickAlmacen()" multiple aria-label="multiple select example">
    
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="row">
                                    <div class="col-10">
                                        <div class="form-group">
                                            <span class="x-label">Mes:</span>
                                            <select id="meses" class="form-select" onchange="changeMes()">
                                                <option value="3">Ultimos 3 meses</option>
                                                <option value="6">Ultimos 6 meses</option>
                                                <option value="9">Ultimos 9 meses</option>
                                                <option value="12">Ultimos 12 meses</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <span class="x-label">Dias:</span>
                                            <input type="number" class="x-form-control" id="numDias"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="row">
                                    <button type="button" class="btn btn-secondary btn-icon-text" onclick="limpiarInputs()" style="margin:3px; width:72px">
                                        <i class="mdi mdi-file" style="font-size:1.6em"></i>                                                                          
                                    </button> 
                                    <button type="button" class="btn btn-warning btn-icon-text" id="consultarPedido" onclick="crearPedidoSugerido()" style="margin:3px; width:72px">
                                        <i class="mdi mdi-forward" style="font-size:1.6em"></i>                                                                          
                                    </button>    
                                </div>
                                <div class="row" id="menus" style="display:none">
                                    <button type="button" class="btn btn-primary btn-icon-text" data-bs-toggle="modal" data-bs-target="#modalAgregarArticulo" onclick="agregarArticuloPedido()" style="margin:3px; width:72px">
                                        <i class="mdi mdi-plus" style="font-size:1.6em"></i>                                                                          
                                    </button>    
                                    <button type="button" class="btn btn-success btn-icon-text" onclick="guardarPedidoSugerido()" style="margin:3px; width:72px">
                                        <i class="mdi mdi-content-save" style="font-size:1.6em"></i>                                                                          
                                    </button> 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--<div class="row" id="menus" style="display:none">
                    <div class="col-md-2">
                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalAgregarArticulo" onclick="agregarArticuloPedido()">Agregar</button>
                    </div>
                    <div class="col-md-2">
                        <button type="button" class="btn btn-success" onclick="guardarPedidoSugerido()">Guardar</button>
                    </div>
                </div>-->
                <div class="row" style="height:600px; overflow:auto">
                    <div id="itemsTable" class="table-responsive">
                        <table class="table table-striped">
                        <thead id="thead">
                            
                        </thead>
                        <tbody id="bodyPedidos">

                        </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Articulos-->
    <div class="modal fade" id="modal-buscarArticulo" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title font-weight-bold" id="exampleModalLabel">Articulos</h5>
              <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
                <br> 
                <div id="tableArticulos">
                    
                </div>
            </div>
      </div>
    <!-- Fin Modal -->
</div>
@stop

@section('jspage')
  <script src="jsprod/pedidos.js"></script>
@stop