@extends('plantilla')
@section('titulo', "$titulo")
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script>
    globalId = '0';
    
</script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/producto/productos">Producto</a></li>
    <li class="breadcrumb-item active">Modificar</li>
</ol>
<ol class="toolbar">
    <li class="btn-item"><a title="Nuevo" href="/producto/nuevo" class="fa fa-plus-circle" aria-hidden="true"><span>Nuevo</span></a></li>
    <li class="btn-item"><a title="Guardar" href="#" class="fa fa-floppy-o" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
    </li>
    <li class="btn-item"><a title="Guardar" href="#" class="fa fa-trash-o" aria-hidden="true" onclick="javascript: $('#mdlEliminar').modal('toggle');"><span>Eliminar</span></a>
    </li>
    <li class="btn-item"><a title="Salir" href="#" class="fa fa-arrow-circle-o-left" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span>Salir</span></a></li>
</ol>
<script>
function fsalir(){
    location.href ="/producto/productos";
}
</script>
@endsection
@section('contenido')
<div class="panel-body">
        <div id = "msg"></div>
                <form id="form1" method="POST">
            <div class="row">
                <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>
                <div class="form-group col-lg-6">
                    <label>Nombre:</label>
                    <input type="text" id="txtNombre" name="txtNombre" class="form-control" value="{{$producto->nombre }}" required>
                </div>
                @if(isset($array_moneda) && $array_moneda)
                    @foreach($array_moneda as $moneda)
                        @if($moneda->idmoneda == 1)
                            <div class="form-group col-lg-6">
                                <label>Precio pesos:</label>
                                <input type="number" id="txtPrecioPesos" name="txtPrecioPesos" class="form-control" value="{{$producto->precio_pesos }}">
                            </div>
                        @elseif($moneda->idmoneda == 2)
                            <div class="form-group col-lg-6">
                                <label>Precio dolar:</label>
                                <input type="number" id="txtPrecioDolar" name="txtPrecioDolar" class="form-control" value="{{$producto->precio_dolar }}">
                            </div>
                        @else
                            <div class="form-group col-lg-6">
                                <label>Precio euro:</label>
                                <input type="number" id="txtPrecioEuro" name="txtPrecioEuro" class="form-control" value="{{$producto->precio_euro }}">
                            </div>
                        @endif
                    @endforeach
                @endif
                <div class="form-group col-lg-6">
                    <label>Categor&iacute;a:</label>
                    <select id="lstLineaNegocio" name="lstLineaNegocio" class="form-control" required>
                        <option disabled selected  value="">Seleccionar</option>
                        @for ($i = 0; $i < count($array_lineas_producto); $i++)
                            @if (isset($producto) and $array_lineas_producto[$i]->idlineaproducto == $producto->linea_negocio)
                                <option selected value="{{ $array_lineas_producto[$i]->idlineaproducto }}">{{ $array_lineas_producto[$i]->nombre }}</option>
                            @else
                                <option value="{{ $array_lineas_producto[$i]->idlineaproducto }}">{{ $array_lineas_producto[$i]->nombre }}</option>
                            @endif
                        @endfor
                    </select>
                </div>
                <div class="form-group col-lg-6">
                    <label>Concepto factura:</label>
                    <input type="text" id="txtConceptoFactura" name="txtConceptoFactura" class="form-control" value="{{$producto->concepto_factura }}" required>
                </div>
                <div class="form-group col-lg-6">
                    <label>URL botón de pago:</label>
                    <input type="url" id="txtUrlCarrito" name="txtUrlCarrito" class="form-control" value="{{$producto->url_carrito }}">
                </div>
                <div class="form-group col-lg-6">
                    <label>Concepto comprobante:</label>
                    <select id="lstConceptoComprobante" name="lstConceptoComprobante" class="form-control">
                        <option value="" disabled selected>Seleccionar</option>
                        <option value="1" {{isset($producto) && $producto->concepto_comprobante == 1? 'selected' : ''}}>Productos</option>
                        <option value="2" {{isset($producto) && $producto->concepto_comprobante == 2? 'selected' : ''}}>Servicios</option>
                        <option value="3" {{isset($producto) && $producto->concepto_comprobante == 3? 'selected' : ''}}>Productos y Servicios</option>
                    </select>
                </div>
                <div class="form-group col-sm-6 mb-3">
                    <label>IVA:</label>
                     <input type="text" id="txtIva" name="txtIva" class="form-control" value="{{$producto->iva }}">
                </div>
			</div>
            <div class="row mt-2">   
                <div class="col-12">  
                <div class="card mb-3">
                        <div class="card-header">
                            <h6 class="m-0 font-weight-bold text-primary">Cuotas aceptadas</h6>
                            <div class="pull-right">
                                <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarCuota()"></button>
                                <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirModalCuota()"></button>
                            </div>
                        </div>
                        <div class="panel-body">
                            <table id="grillaCuota" class="display" style="width:98%">
                                <thead>
                                    <tr>
                                        <th> </th>
                                        <th>Cuota</th>
                                        <th>Importe</th>
                                        <th>Sin interes</th>
                                    </tr>
                                </thead>
                            </table> 
                        </div>
                    </div>          
                </div>
            </div>
            <div class="row mt-2">   
                <div class="col-12">  
                <div class="card mb-3">
                        <div class="card-header">
                            <h6 class="m-0 font-weight-bold text-primary">Precio de MercadoPago</h6>
                        </div>
                        <div class="panel-body p-3">
                        <div class="form-group col-sm-6">
                            <label>Precio</label>
                            <input type="number" class="form-control" id="txtPrecioMercadoPago" name="txtPrecioMercadoPago" value="{{$producto->precio_mercadopago}}">
                            </div>
                        </div>
                    </div>          
                </div>
            </div>
        </form>
</div>
<div class="modal fade" id="mdlEliminar" 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">Eliminar registro?</h5>
            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">¿Deseas eliminar el registro actual?</div>
          <div class="modal-footer">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">No</button>
            <button type="button" class="btn btn-primary" onclick="eliminar();">Sí</button>
          </div>
        </div>
      </div>
    </div>
    <!-- Cuota -->
<div class="modal fade" id="modalCuota" tabindex="-1" role="dialog" aria-labelledby="modalCuotaLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalCuotaLabel">Cuota</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
                <div class="col-12 form-group">
                    <label>Cuota</label>
                    <select class="form-control" id="lstCuota" name="lstCuota">
                        <option disabled selected value=" ">Seleccionar</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                        <option value="18">18</option>
                    </select>
                </div>
                <div class="col-12 form-group">
                    <label>Importe cuota</label>
                    <input type="number" id="txtImporteCuota" name="txtImporteCuota" class="form-control">
                </div>
                <div class="col-12 form-group">
                    <label>Sin interes</label>
                    <select class="form-control" id="lstSinInteres" name="lstSinInteres">
                        <option selected disabled value="">Seleccionar</option>
                        <option value="1">Si</option>
                        <option value="0">No</option>
                    </select>
                </div>
        </div>
    </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="fAgregarCuota();">Agregar</button>
      </div>
    </div>
  </div>
</div>
    <!-- Precio -->
<div class="modal fade" id="modalPrecio" tabindex="-1" role="dialog" aria-labelledby="modalPrecioLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalPrecioLabel">Precio</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
                <div class="col-12 form-group">
                    <label>Precio </label>
                    <input type="number" id="txtPrecioM" name="txtPrecioM" class="form-control">
                </div>
               
        </div>
    </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="fAgregarPrecio();">Agregar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalmsgCuota" tabindex="-1" role="dialog" aria-labelledby="modalmsgCuota">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-sm-6">
                    &#191;Desea confirmar la operacion?
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="eliminarCuota();">Aceptar</button>
            </div>
        </div>
    </div>
</div>
<script>
    var dataTable = $('#grillaCuota').DataTable({
	    "processing": true,
        "serverSide": false,
	    "bFilter": false,
	    "bInfo": true,
	    "bSearchable": false,
        "paging": false,
        "pageLength": 25,
        "order": [[ 0, "asc" ]],
	    "ajax": "{{ asset('/producto/produtos/cargarGrillaCuotas?idproducto='.$globalId)}}"
	});

   
    $("#form1").validate();

    function guardar() {
        if ($("#form1").valid()) {
            modificado = false;
            form1.submit(); 
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }

    function eliminar() {
        $.ajax({
            type: "GET",
            url: "{{ asset('/producto/productos/eliminar') }}",
            data: { id:globalId },
            async: true,
            dataType: "json",
            success: function (data) {
                if (data.err = "0") {
                    msgShow("Registro eliminado exitosamente.", "success");
                    $("#btnEnviar").hide();
                    $("#btnEliminar").hide();
                    $('#mdlEliminar').modal('toggle');
                } else {
                    msgShow("Error al eliminar", "success");
                }
            }
        });
    }
    //modal cuota
    function abrirModalCuota() {
        if(globalId == "0" ){
            msgShow("Debe guardar el producto antes de poder dar de alta una cuota asociada.", "danger");
        }
        else{
            $('#modalCuota').modal('toggle');
        }

    }
    function abrirModalPrecioMercadoPago() {
        precio = "";
        if(precio != "" ){
            msgShow("Debe eliminar el precio de marcado pago anterior.", "danger");
        }
        else{
            $('#modalPrecio').modal('toggle');
        }

    }
    function fAgregarCuota(){
    var grilla = $('#grillaCuota').DataTable();
    grilla.row.add([
        "<input type='checkbox' name='txtId[]' value=''>",
        $("#lstCuota option:selected").text() + "<input type='hidden' name='txtCuota[]' value='"+ $("#lstCuota option:selected").val() +"'>",
        $("#txtImporteCuota").val() + "<input type='hidden' name='txtImporteCuota[]' value='"+ $("#txtImporteCuota").val() +"'>",
        $("#lstSinInteres option:selected").text() + "<input type='hidden' name='txtSinInteres[]' value='"+ $("#lstSinInteres option:selected").val() +"'>"
    ]).draw();
    $('#modalCuota').modal('toggle');
    limpiarFormularioCuota();
    }

  
   
    function limpiarFormularioCuota(){
        $("#lstCuota").val();
        $("#txtImporteCuota").val();
        $("#lstSinInteres").val();
    }
    function abrirDialogoEliminarCuota() {
        $('#modalmsgCuota').modal('toggle');
    }
    
    function eliminarCuota() {
        var grilla = $('#grillaCuota').DataTable();
        $('#grillaCuota input[type=checkbox]').each(function () {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsgCuota').modal('toggle');
    }
  

</script>
@endsection