<div class="content-wrapper">
    <section class="content-header">
        <h1>Editar Cliente</h1>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-md-10">
                <div class="panel panel-warning">
                    <div class="panel-heading">
                        <strong>Actualizar cliente</strong>
                    </div>
                    <div class="panel-body">

                        <?php echo validation_errors('<div class="alert alert-danger">', '</div>'); ?>

                        <form method="post" action="<?php echo base_url('index.php/ventas/clientes/update/'.$cliente->id); ?>">

                            <div class="row">
                                <div class="col-md-4 form-group">
                                    <label>Código</label>
                                    <input type="text" name="codigo" class="form-control" value="<?php echo set_value('codigo', $cliente->codigo); ?>" required>
                                </div>
                                <div class="col-md-8 form-group">
                                    <label>Razón Social</label>
                                    <input type="text" name="razon_social" class="form-control" value="<?php echo set_value('razon_social', $cliente->razon_social); ?>" required>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4 form-group">
                                    <label>Tipo de documento</label>
                                    <select name="documento_identidad_id" class="form-control" required>
                                        <option value="">Seleccione</option>
                                        <?php foreach($documentos as $item): ?>
                                            <option value="<?php echo $item->id; ?>" <?php echo ($cliente->documento_identidad_id == $item->id) ? 'selected' : ''; ?>>
                                                <?php echo $item->nombre; ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                                <div class="col-md-4 form-group">
                                    <label>Nro. documento</label>
                                    <input type="text" name="nro_documento" class="form-control" value="<?php echo set_value('nro_documento', $cliente->nro_documento); ?>" required>
                                </div>
                                <div class="col-md-4 form-group">
                                    <label>Nombre corto</label>
                                    <input type="text" name="nombre_corto" class="form-control" value="<?php echo set_value('nombre_corto', $cliente->nombre_corto); ?>">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 form-group">
                                    <label>Domicilio fiscal</label>
                                    <input type="text" name="domicilio_fiscal" class="form-control" value="<?php echo set_value('domicilio_fiscal', $cliente->domicilio_fiscal); ?>">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4 form-group">
                                    <label>Departamento</label>
                                    <select id="departamento" class="form-control">
                                        <option value="">Seleccione</option>
                                        <?php foreach($departamentos as $dep): ?>
                                            <option value="<?php echo $dep->codigo; ?>" <?php echo ($ubigeo_actual && $ubigeo_actual->departamento == $dep->codigo) ? 'selected' : ''; ?>>
                                                <?php echo $dep->nombre; ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>

                                <div class="col-md-4 form-group">
                                    <label>Provincia</label>
                                    <select id="provincia" class="form-control" <?php echo empty($provincias) ? 'disabled' : ''; ?>>
                                        <option value="">Seleccione</option>
                                        <?php foreach($provincias as $item): ?>
                                            <option value="<?php echo $item->codigo; ?>" <?php echo ($ubigeo_actual && $ubigeo_actual->provincia == $item->codigo) ? 'selected' : ''; ?>>
                                                <?php echo $item->nombre; ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>

                                <div class="col-md-4 form-group">
                                    <label>Distrito</label>
                                    <select id="ubigeo_id" name="ubigeo_id" class="form-control" <?php echo empty($distritos) ? 'disabled' : ''; ?>>
                                        <option value="">Seleccione</option>
                                        <?php foreach($distritos as $item): ?>
                                            <option value="<?php echo $item->id; ?>" <?php echo ($cliente->ubigeo_id == $item->id) ? 'selected' : ''; ?>>
                                                <?php echo $item->nombre; ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4 form-group">
                                    <label>Moneda</label>
                                    <select name="moneda_id" class="form-control" required>
                                        <option value="">Seleccione</option>
                                        <?php foreach($monedas as $item): ?>
                                            <option value="<?php echo $item->id; ?>" <?php echo ($cliente->moneda_id == $item->id) ? 'selected' : ''; ?>>
                                                <?php echo $item->nombre; ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>

                                <div class="col-md-4 form-group">
                                    <label>Vendedor</label>
                                    <select name="vendedor_id" class="form-control">
                                        <option value="">Seleccione</option>
                                        <?php foreach($vendedores as $item): ?>
                                            <option value="<?php echo $item->id; ?>" <?php echo ($cliente->vendedor_id == $item->id) ? 'selected' : ''; ?>>
                                                <?php echo $item->apellidos . ' ' . $item->nombres; ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>

                                <div class="col-md-4 form-group">
                                    <label>Forma de pago</label>
                                    <select name="fp_id" class="form-control">
                                        <option value="">Seleccione</option>
                                        <?php foreach($formas_pago as $item): ?>
                                            <option value="<?php echo $item->id; ?>" <?php echo ($cliente->fp_id == $item->id) ? 'selected' : ''; ?>>
                                                <?php echo $item->nombre; ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label>Descripción forma de pago</label>
                                    <input type="text" name="fp_descripcion" class="form-control" maxlength="50" value="<?php echo set_value('fp_descripcion', $cliente->fp_descripcion); ?>">
                                </div>

                                <div class="col-md-6 form-group">
                                    <label>Línea de crédito</label>
                                    <input type="number" step="0.01" min="0" name="linea_credito" class="form-control" value="<?php echo set_value('linea_credito', $cliente->linea_credito); ?>" required>
                                </div>
                            </div>

                            <button type="submit" class="btn btn-warning">
                                <i class="fa fa-save"></i> Actualizar
                            </button>

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

                        </form>

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

<script>
window.addEventListener('load', function () {
    $('#departamento').on('change', function() {
        var departamento = $(this).val();

        $('#provincia').html('<option value="">Seleccione</option>').prop('disabled', true);
        $('#ubigeo_id').html('<option value="">Seleccione</option>').prop('disabled', true);

        if (departamento !== '') {
            $('#provincia').html('<option value="">Cargando...</option>');

            $.ajax({
                url: '<?php echo base_url("index.php/ventas/clientes/provincias-ajax"); ?>',
                type: 'POST',
                data: {departamento: departamento},
                dataType: 'json',
                success: function(resp) {
                    $('#provincia').html('<option value="">Seleccione</option>');
                    $.each(resp, function(i, item) {
                        $('#provincia').append('<option value="' + item.codigo + '">' + item.nombre + '</option>');
                    });
                    $('#provincia').prop('disabled', false);
                }
            });
        }
    });

    $('#provincia').on('change', function() {
        var departamento = $('#departamento').val();
        var provincia = $(this).val();

        $('#ubigeo_id').html('<option value="">Seleccione</option>').prop('disabled', true);

        if (departamento !== '' && provincia !== '') {
            $('#ubigeo_id').html('<option value="">Cargando...</option>');

            $.ajax({
                url: '<?php echo base_url("index.php/ventas/clientes/distritos-ajax"); ?>',
                type: 'POST',
                data: {
                    departamento: departamento,
                    provincia: provincia
                },
                dataType: 'json',
                success: function(resp) {
                    $('#ubigeo_id').html('<option value="">Seleccione</option>');
                    $.each(resp, function(i, item) {
                        $('#ubigeo_id').append('<option value="' + item.id + '">' + item.nombre + '</option>');
                    });
                    $('#ubigeo_id').prop('disabled', false);
                }
            });
        }
    });
});
</script>