@extends('layout')
@section('titulo','Productos')
@section('celdaMedia','Gestión de insumos')
@section('contenido')
    @if($errors->any())
        <div class="alert-danger" align="left">
            <h4>Problemas en la transacción:</h4>
            <ul>
                @foreach($errors->all() as $error)
                    <li>{{$error}}</li>
                @endforeach
            </ul>
        </div>
    @endif

    @if($mensaje!="" && $mensaje!="ok")
        <div class="alert-danger"  align="left">
            <h4>Problemas en la transacción:</h4>
            <ul>
                <li>{{$mensaje}}</li>
            </ul>
        </div>
    @endif

    @if($mensaje=="ok")
        <div class="alert-success"  align="left">
            <h4>Transacción exitosa:</h4>
            <ul>
                <li>Transacción exitosa</li>
            </ul>
        </div>
    @endif
    <form method="post" action="{{url('productoNuevo')}}">
        {!! csrf_field() !!}
        <div class="form-group">
<table border="0">
    <tr>
        <td>
    <table cellpadding="10" border="0">
        <tr>
            <td><label for="nombre">Nombre:</label></td>
            <td colspan="3">
                <input data-toggle="modal" data-target="#exampleModal2" size="10" type="text" name="msreso"  onkeypress="return false"  id="msreso" placeholder="Click aquí para buscar" value="{{old('msreso')}}">
                <input data-toggle="modal" data-target="#exampleModal2" size="55" type="text" name="msnomg"  onkeypress="return false"  id="msnomg" placeholder="Click aquí para buscar" value="{{old('msnomg')}}">
            </td>

        </tr>
        <tr>
            <td><label for="laboratorio">Laboratorio:</label></td>
            <td>
                <input data-toggle="modal" size="1" data-target="#exampleModal1" type="text" name="codlab" onkeypress="return false"  id="codlab" placeholder="Click aquí para buscar" value="{{old('codlab')}}">
                <input data-toggle="modal" data-target="#exampleModal1" size="15" type="text" name="laboratorio"  onkeypress="return false"  id="laboratorio" placeholder="Click aquí para buscar" value="{{old('laboratorio')}}">
                <!--<a data-toggle="modal" data-target="#exampleModal1" href="" ><span class="oi oi-trash"></span></a>-->

            </td>
            <td><label for="lote">Lote:</label></td>
            <td><input type="text" name="lote" id="lote" placeholder="" value="{{old('lote')}}"></td>
        </tr>
        <tr>
            <td><label for="fechavto">Fecha Vencimiento:</label></td>
            <td><input type="date" name="fechavto" id="fechavto" placeholder="dd/mm/aaaa" value="{{old('fechavto')}}"></td>
            <td><label for="reginv">Registro invima:</label></td>
            <td><input type="text" name="reginv" id="reginv" placeholder="" value="{{old('reginv')}}"></td>
        </tr>
        <tr>
            <td><label for="cantidad">Cantidad</label></td>
            <td><input type="text" name="cantidad" id="cantidad" placeholder="0" disabled value="{{old('cantidad')}}"></td>
            <td><label for="codbar">Cod. barras:</label></td>
            <td><input type="text" name="codbar" id="codbar" placeholder="---" disabled value="{{old('codbar')}}"></td>
        </tr>
        <tr>
            <td><label for="cantidad">Observaciones:</label></td>
            <td colspan="3">
                <textarea cols="70" rows="6" name="observaciones" id="observaciones" maxlength="1000">{{old('observaciones')}}</textarea>
            </td>
        </tr>
        <tr>
            <td colspan="4" align="center">
                <button type="button" class="btn btn-secondary" onclick="location.href = 'http://192.168.40.101/stock/public/productos'" data-dismiss="modal">Volver</button>
                <button type="submit" class="btn btn-success" data-dismiss="modal">Guardar</button>

            </td>
        </tr>
    </table>
        </td>
    </tr>
</table>
        </div>
</form>

    <div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Selecciona el laboratorio</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <label for="laboratorio">Laboratorio:</label>
                    <input type="text" name="nombreLab"  id="nombreLab" placeholder="nombre nuevo Laboratorio" onkeyup="if(window.event.keyCode==13) nuevoProducto()" value="{{old('nombreLab')}}">
                    <button  type="button" class="btn btn-success" onclick="nuevoProducto()">Guardar</button>
                    <table class="records_list table table-striped table-bordered table-hover" id="mydatatable">
                        <thead class="thead-dark">
                        <tr>
                            <th>Nombre</th>
                            <th>Código</th>
                        </tr>
                        </thead>
                        <tfoot id="filtros">
                        <th>Column 1</th>
                        <th>Column 2</th>
                        </tfoot>
                        <tbody id="body">
                                                </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <!--<a  type="button" class="btn btn-secondary"  href="{{url("usuarios/eliminar")}}">Aceptar</a>-->
                </div>
            </div>
        </div>
    </div>


<div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Selecciona el medicamento</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <label for="Medicamento">Medicamento:</label>
                <input type="text" name="nombreMed"  id="nombreMed" placeholder="medicamento a buscar" onkeyup="if(window.event.keyCode==13) buscarMedicamento(document.getElementById('nombreMed').value)"  value="{{old('nombreMed')}}">
                <button  type="button" class="btn btn-success"  onclick="buscarMedicamento(document.getElementById('nombreMed').value)">Buscar</button>
                <table class="records_list table table-striped table-bordered table-hover" id="mydatatable2xx">
                    <thead class="thead-dark">
                    <tr>
                        <th>Nombre</th>
                        <th>Código</th>
                    </tr>
                    </thead>

                    <tbody id="body2">
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
            <!--<a  type="button" class="btn btn-secondary"  href="{{url("usuarios/eliminar")}}">Aceptar</a>-->
            </div>
        </div>
    </div>
</div>


    <script type="text/javascript">
        $(document).ready(function() {
            $('#mydatatable tfoot th').each( function () {
                var title = $(this).text();
                $(this).html( '<input type="text" placeholder="Filtrar.." />' );
            } );

            var table = $('#mydatatable').DataTable({
                "dom": 'B<"float-left"i><"float-right"f>t<"float-left"l><"float-right"p><"clearfix">',
                "responsive": false,
                "language": {
                    "url": "https://cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json"
                },
                "order": [[ 0, "desc" ]],
                "initComplete": function () {
                    this.api().columns().every( function () {
                        var that = this;

                        $( 'input', this.footer() ).on( 'keyup change', function () {
                            if ( that.search() !== this.value ) {
                                that
                                    .search( this.value )
                                    .draw();
                            }
                        });
                    })
                }
            });
        });
    </script>

<script type="text/javascript">
    $(document).ready(function() {
        $('#mydatatable2 tfoot th').each( function () {
            var title = $(this).text();
            $(this).html( '<input type="text" placeholder="Filtrar.." />' );
        } );

        var table = $('#mydatatable2').DataTable({
            "dom": 'B<"float-left"i><"float-right"f>t<"float-left"l><"float-right"p><"clearfix">',
            "responsive": false,
            "language": {
                "url": "https://cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json"
            },
            "order": [[ 0, "desc" ]],
            "initComplete": function () {
                this.api().columns().every( function () {
                    var that = this;

                    $( 'input', this.footer() ).on( 'keyup change', function () {
                        if ( that.search() !== this.value ) {
                            that
                                .search( this.value )
                                .draw();
                        }
                    });
                })
            }
        });
    });
</script>






@endsection