<div class="content-wrapper">
    <section class="content-header">
        <h1>Nuevo Conductor</h1>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-md-8">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <strong>Formulario de registro</strong>
                    </div>
                    <div class="panel-body">

                        <?php echo validation_errors('<div class="alert alert-danger">', '</div>'); ?>
                        <?php if($this->session->flashdata('error')): ?>
                            <div class="alert alert-danger">
                                <?php echo $this->session->flashdata('error'); ?>
                            </div>
                        <?php endif; ?>

                        <?php if($this->session->flashdata('success')): ?>
                            <div class="alert alert-success">
                                <?php echo $this->session->flashdata('success'); ?>
                            </div>
                        <?php endif; ?>
                        <form method="post" action="<?php echo base_url('index.php/mantenimiento/conductores/store'); ?>" id="formConductor">

                            <div class="form-group">
                                <label>Nro. Licencia</label>
                                <input type="text"
                                       name="nro_licencia"
                                       id="nro_licencia"
                                       class="form-control"
                                       maxlength="20"
                                       value="<?php echo set_value('nro_licencia'); ?>"
                                       required>
                            </div>

                            <div class="form-group">
                                <label>Nombre</label>
                                <input type="text"
                                       name="nombre"
                                       id="nombre"
                                       class="form-control"
                                       maxlength="150"
                                       value="<?php echo set_value('nombre'); ?>"
                                       required>
                            </div>

                            <div class="form-group">
                                <label>Tipo de Documento</label>
                                <select name="documento_identidad_id" id="documento_identidad_id" class="form-control" required>
                                    <option value="">Seleccione...</option>
                                    <?php foreach($documentos as $doc): ?>
                                        <option value="<?php echo $doc->id; ?>"
                                                data-codigo="<?php echo $doc->codigo_sunat; ?>"
                                                data-abreviado="<?php echo $doc->abreviado; ?>"
                                                <?php echo set_select('documento_identidad_id', $doc->id); ?>>
                                            <?php echo $doc->nombre . ' (' . $doc->abreviado . ')'; ?>
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                                <small id="ayuda_documento" class="text-muted"></small>
                            </div>

                            <div class="form-group">
                                <label>Nro. Documento</label>
                                <input type="text"
                                       name="nro_documento"
                                       id="nro_documento"
                                       class="form-control"
                                       maxlength="20"
                                       value="<?php echo set_value('nro_documento'); ?>"
                                       required>
                            </div>

                            <div class="form-group">
                                <label>Celular</label>
                                <input type="text"
                                       name="celular"
                                       id="celular"
                                       class="form-control"
                                       maxlength="20"
                                       value="<?php echo set_value('celular'); ?>">
                            </div>

                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-save"></i> Guardar
                            </button>

                            <a href="<?php echo base_url('index.php/mantenimiento/conductores'); ?>" class="btn btn-default">
                                Cancelar
                            </a>

                        </form>

                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<script>
window.addEventListener('load', function () {

    function configurarDocumento() {
        var select = document.getElementById('documento_identidad_id');
        var input = document.getElementById('nro_documento');
        var ayuda = document.getElementById('ayuda_documento');

        var option = select.options[select.selectedIndex];
        var codigo = option ? option.getAttribute('data-codigo') : '';
        var abreviado = option ? option.getAttribute('data-abreviado') : '';

        input.value = '';
        input.removeAttribute('maxlength');
        input.removeAttribute('minlength');
        input.setAttribute('placeholder', '');

        if (codigo === '1') {
            input.setAttribute('maxlength', '8');
            input.setAttribute('minlength', '8');
            input.setAttribute('placeholder', 'Ingrese 8 dígitos');
            ayuda.innerHTML = 'DNI: debe tener 8 dígitos';
        } else if (codigo === '6') {
            input.setAttribute('maxlength', '11');
            input.setAttribute('minlength', '11');
            input.setAttribute('placeholder', 'Ingrese 11 dígitos');
            ayuda.innerHTML = 'RUC: debe tener 11 dígitos';
        } else if (codigo === '4') {
            input.setAttribute('maxlength', '12');
            input.setAttribute('placeholder', 'Ingrese Carnet de Extranjería');
            ayuda.innerHTML = 'CE: longitud flexible hasta 12 caracteres';
        } else if (codigo === '7') {
            input.setAttribute('maxlength', '12');
            input.setAttribute('placeholder', 'Ingrese Pasaporte');
            ayuda.innerHTML = 'Pasaporte: longitud flexible hasta 12 caracteres';
        } else if (codigo === '0') {
            input.setAttribute('maxlength', '15');
            input.setAttribute('placeholder', 'Ingrese documento');
            ayuda.innerHTML = 'Documento sin RUC: longitud flexible';
        } else {
            input.setAttribute('maxlength', '20');
            ayuda.innerHTML = '';
        }
    }

    function soloNumerosSegunDocumento() {
        var select = document.getElementById('documento_identidad_id');
        var input = document.getElementById('nro_documento');
        var option = select.options[select.selectedIndex];
        var codigo = option ? option.getAttribute('data-codigo') : '';

        if (codigo === '1' || codigo === '6') {
            input.value = input.value.replace(/[^0-9]/g, '');
        }
    }

    document.getElementById('documento_identidad_id').addEventListener('change', function() {
        configurarDocumento();
    });

    document.getElementById('nro_documento').addEventListener('input', function() {
        soloNumerosSegunDocumento();
    });

    document.getElementById('formConductor').addEventListener('submit', function(e) {
        var select = document.getElementById('documento_identidad_id');
        var input = document.getElementById('nro_documento');
        var option = select.options[select.selectedIndex];
        var codigo = option ? option.getAttribute('data-codigo') : '';
        var valor = input.value.trim();

        if (codigo === '1' && valor.length !== 8) {
            e.preventDefault();
            Swal.fire('Validación', 'El DNI debe tener exactamente 8 dígitos', 'warning');
            return false;
        }

        if (codigo === '6' && valor.length !== 11) {
            e.preventDefault();
            Swal.fire('Validación', 'El RUC debe tener exactamente 11 dígitos', 'warning');
            return false;
        }
    });

    configurarDocumento();

});
</script>