<!--script para consumir api de sunat-->
<script>
    function obtenerDatos() {
        var ruc = document.getElementById('cf2').value;
        if (ruc > 9999999999) {
            $('#rucalert2').hide('fad');
            $.ajax({
                type: 'get',
                url: base_url + "general/get_data_by_ruc/" + ruc,
                dataType: "json",
                success: function (datos) {
                    $('#cargando').hide('fade');
                    if (datos.result == "ok") {
                        $('#rucalert').hide('fade');
                        datos = datos.data;
                        document.getElementById('name').value = datos.nombre_o_razon_social;
                        document.getElementById('cdireccion').value = datos.direccion;
                    } else {
                        $('#rucalert').show('fade');
                    }
                },
                error: function () {
                    console.log("no se encontro ningun registro");
                },
                beforeSend: function () {
                    $('#cargando').show('fade');
                },
            });
        } else {
            $('#rucalert2').show('fad');
        }
    }


</script>

<!--estilos para que los div se comporten como radio button-->
<style type="text/css">
    .radio-group {
        position: relative;
    }

    .radio {
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background-color: lightblue;
        border: 5px solid lightblue;
        cursor: pointer;
        margin: 2px 0;
    }

    .radio.selected {
        border-color: black;
    }

    .form-group {
        margin-bottom: 10px;
    }
</style>


<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box" style="border-top: 2.5px solid #004785;">
                <div class="box-body">
                    <div class="col-lg-12">
                        <?php echo form_open("customers/edit/" . $customer->id); ?>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label"
                                           for="type_persona"><?= $this->lang->line("type_person"); ?></label>
                                    <div class="radio-group">
                                        <div class='radio' id="persona1" name="persona"
                                             data-value="<?= $this->lang->line("person1"); ?>"
                                             onclick="javascript:cambiarDatos(this.form,this);"></div>&nbsp;&nbsp;&nbsp;&nbsp;<label><?= $this->lang->line("person1"); ?>
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        <div class='radio' id="persona2" name="persona"
                                             data-value="<?= $this->lang->line("person2"); ?>"
                                             onclick="javascript:cambiarDatos1(this.form,this);"></div>
                                        <label>&nbsp;&nbsp;&nbsp;&nbsp;<?= $this->lang->line("person2"); ?></label>
                                    </div>
                                    <div class="custom-control custom-radio custom-control-inline">
                                        <div class="custom-control custom-radio custom-control-inline">
                                            <input type="radio" name="person" id="person1"
                                                   value="1"<?php echo($customer->person_type == "1" ? "checked" : ""); ?>/>
                                            <input type="radio" name="person" id="person2"
                                                   value="2"<?php echo($customer->person_type == "2" ? "checked" : ""); ?>/>
                                            <!--<?= form_radio('person', set_value('person2'), 'class="" id="person2"'); ?>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <?= lang('document_type', 'document_type');
                                    $ctv1[null] = lang("select") . " " . lang("document_type");
                                    foreach ($document_type as $doc_type) {
                                        $ctv1[$doc_type->id] = $doc_type->document_type;
                                    }
                                    ?>
                                    <?= form_dropdown('document_type', $ctv1, set_value("document_type_id", $customer->document_type_id), 'class="form-control tip select2" id="document_type"  style="width:100%;"'); ?>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label" for="cf1"><?= $this->lang->line("ccf1"); ?></label>
                                    <?= form_input('cf1', set_value('cf1', $customer->cf1), 'class="form-control" id="cf1"'); ?>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label" for="cf2"><?= $this->lang->line("ccf2"); ?></label>
                                    <div class="row">
                                        <div class="col-sm-10" style="padding-right: 0px;">
                                            <?= form_input('cf2', set_value('cf2', $customer->cf2), 'class="form-control" id="cf2"'); ?>
                                        </div>
                                        <div class="col-xs-1" style="margin-top:0%;margin-left:0%;">
                                            <div type="conruc" onclick="obtenerDatos()" class="btn btn-info btn-sm"
                                                 tabindex="0" data-toggle="tooltip" title="Consulta Sunat"
                                                 style="border-radius:0px;background-color:#17A2B8;color:white;padding: 7px 10px;">
                                                <i class="fa fa-search"></i></div>
                                            <div id="cargando" class="" style="display:none;"><img
                                                        style="width: 30px;height:auto;"
                                                        src="https://pa1.narvii.com/6558/d6738388bae69543478eb78d0545bf0475ef05a6_hq.gif">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12"></div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label" id="nombre-persona"
                                           for="code"><?= $this->lang->line("name"); ?></label>
                                    <?= form_input('name', set_value('name', $customer->name), 'class="form-control" id="name"'); ?>
                                </div>
                            </div>
                            <div class="col-md-6">

                                <div class="form-group">
                                    <?= lang('customers_type', 'customers_type'); ?>
                                    <?php
                                    $ctv[] = lang("select") . " " . lang("customers_type");

                                    foreach ($customer_type as $cust_type) {
                                        $ctv[$cust_type->id] = $cust_type->customers_type;
                                    }
                                    ?>
                                    <?= form_dropdown('customer_type', $ctv, set_value("customers_type", $customer->customers_type_id), 'class="form-control tip select2" id="customer_type"  required="required" style="width:100%;"'); ?>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label" for="code"><?= $this->lang->line("address"); ?></label>
                                    <?= form_input('direccion', set_value('direccion', $customer->direccion), 'class="form-control" id="cdireccion"'); ?>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label" for="phone"><?= $this->lang->line("phone"); ?></label>
                                    <?= form_input('phone', set_value('phone', $customer->phone), 'class="form-control" id="phone"'); ?>
                                </div>
                            </div>
                            <div class="col-md-8">

                                <div class="form-group">
                                    <label class="control-label"
                                           for="email_address"><?= $this->lang->line("email_address"); ?></label>
                                    <?= form_input('email', set_value('email', $customer->email), 'class="form-control" id="email_address"'); ?>
                                </div>
                            </div>
                            <div class="col-md-12">

                                <?php switch ($this->session->userdata('negocio')) {
                                    case 0: ?>
                                        <?php break;
                                    case 1: ?>
                                        <div class="form-group">
                                            <label class="control-label"
                                                   for="custom_field_1"><?= $this->lang->line("digemid"); ?></label>
                                            <?= form_input('custom_field_1', set_value("custom_field_1", $customer->custom_field_1), 'class="form-control" id="custom_field_1"'); ?>
                                        </div>
                                        <?php break;
                                } ?>

                                <div class="form-group">
                                    <?php echo form_submit('edit_customer', $this->lang->line("edit_customer"), 'class="btn btn-primary"'); ?>
                                </div>

                            </div>
                            <?php echo form_close(); ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <?php
        if ($customer->person_type == 1) {
            echo "<script>
                document.getElementById('persona1').style.border = 'thick solid black';
            </script>";
        } else if ($customer->person_type == 2) {
            echo "<script>
                document.getElementById('persona2').style.border = 'thick solid black';
                document.getElementById('document_type').disabled='false';
                document.getElementById('cf1').readOnly='true';
            </script>";
            if ($customer->document_type_id == 6) {
                echo "<script>
                
            </script>";
            }

        }
        ?>

</section>
<script language="javascript">
    $(document).ready(function () {

        $('form').keypress(function (e) {
            if (e == 13) {
                return false;
            }
        });

        $('input').keypress(function (e) {
            if (e.which == 13) {
                return false;
            }
        });

    });
</script>

<script>
    $('.radio-group .radio').click(function () {
        $(this).parent().find('.radio').removeClass('selected');
        $(this).addClass('selected');
        var val = $(this).attr('data-value');
        $(this).parent().find('input').val(val);
    });

    function cambiarDatos(form, radio) {
        var vis = (radio.checked) ? false : true;
        document.querySelector('#nombre-persona').innerText = 'Nombre';
        document.getElementById('document_type').disabled = false;
        document.getElementById('cf1').readOnly = false;
        document.getElementById('person1').checked = true;
        document.getElementById('persona2').style.border = "thick  solid lightblue";
        document.getElementById('persona1').style.border = "thick  solid black";
    }

    function cambiarDatos1(form, radio) {

        document.querySelector('#nombre-persona').innerText = 'Razon Social';
        document.getElementById('document_type').disabled = true;
        document.getElementById('cf1').readOnly = true;
        document.getElementById('cf1').value = "";
        document.getElementById('person2').checked = true;
        document.getElementById('persona1').style.border = "thick  solid lightblue";
        document.getElementById('persona2').style.border = "thick  solid black";
    }

    function validarTipoDocumento() {
        var valor = documement.getElementbyId('document_type').value
        if (valor === 5) {
            document.getElementbyId('cf1').readOnly = true;
        }
    }
</script>

