@extends('motomel.plantilla')
@section('scripts')
<script>
    globalId = '0';
    
</script>
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
@endsection 
@section('breadcrumb') 
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/condicionesPago">Condiciones pago</a></li>
    <li class="breadcrumb-item active">Nuevo</li>
</ol>
<div class="row px-4 mb-2">
    <div class="col-sm-12">
        @if($globalId == 0)
            <h2>Nueva condicion pago</h2>
        @else
            <h2>Modificar condicion pago</h2>
        @endif
    </div>
    @if(Session::get('familia_usuario') != 8)
    <a title="Nuevo" href="/condicionPago/nuevo" class="buttonRecargar btn" aria-hidden="true"><span>Nuevo</span></a>
    <a title="Guardar" href="#" class="buttonRecargar btn" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
    <a title="Guardar" href="#" class="buttonRecargar btn" aria-hidden="true" onclick="javascript: $('#mdlEliminar').modal('toggle');"><span>Eliminar</span></a>
    <a title="Salir" href="#" class="buttonRecargar btn" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span>Salir</span></a>
    @endif
</div>
<script>
function fsalir(){
    location.href ="/condicionesPago";
}
</script>
@endsection
@section('contenido')
<div class="panel-body">
        <div id = "msg"></div>
                <form id="form1" method="POST" enctype="multipart/form-data">
            <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="col-sm-12">
                    <div class="card mb-4">
                        <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Codicion pago</h6>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group col-sm-6">
                                    <label>Nombre: *</label>
                                    <input type="text" id="txtNombreCondicionPago" name="txtNombreCondicionPago" class="form-control" value="{{$condicionPago->nombre  }}" required>
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Porcentaje de inter&eacute;s:</label>
                                    <input type="number" id="txtPorcentajeInteres" name="txtPorcentajeInteres" class="form-control" value="{{$condicionPago->porcentajeinteres  }}" required>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </form>
</div>
</div>
<!-- modal eliminar -->
<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>
<script>

    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('condicionPago/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");
                }
            }
        });
    }
    

</script>
@endsection