<!-- Trigger the modal with a button -->
<!--button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button-->
 
<!-- Modal -->
<script type="text/javascript">
    alert("inicio");
function closePromo()
{
    alert("clear");
    var imagen-preview_var = document.getElementById("imagen-preview").src='';
    imagen-preview_var.src="";
    alert("stop clear");
}
</script>

<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Nuevo Producto</h4>
                <button type="button" class="close" data-dismiss="modal" onclick="document.getElementById('imagen-preview').src='';">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <label>Nombre</label>
                        <input type="text" id="nombre" class="form-control">
                    </div>
                    <div class="col-md-3">
                        <label>Código</label>
                        <input type="text" id="codigo" class="form-control">
                    </div>
                    <div class="col-md-3">
                        <label>Valor</label>
                        <input type="text" id="valor" class="form-control">
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <label>Descripción</label>
                        <input type="text" id="descripcion" class="form-control">
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <label>Imagen</label>
                        <input type="file" id="imagen" class="form-control" accept="image/png, image/gif, image/jpeg, image/jpg">
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 text-center" >
                        <img src="" id="imagen-preview" style="display: none; height: 150px;" class="p-3">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" id="guardar-producto-promocional">Guardar</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
            </div>
        </div>
    </div>
</div><?php /**PATH /home/fyiusr/public_html/qa-foliatti.itiapp.fyi/resources/views/Recompensas/articulo_promocional.blade.php ENDPATH**/ ?>