@extends('metronic.base')
{{-- @dd($municipios) --}}
@section('extrajs')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#direccion_departamento').change(function() {
                var codigoDepartamento = $(this).val();
                var municipios = {!! json_encode(
                    $municipios,
                    JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP | JSON_UNESCAPED_UNICODE,
                ) !!};

                // Filtrar municipios por código de departamento
                codigoDepartamento = codigoDepartamento.padStart(2, '0');
                var municipiosFiltrados = municipios.filter(function(municipio) {
                    return municipio.departamento === codigoDepartamento;
                });

                // Limpiar opciones existentes en municipios_select
                $('#direccion_municipio').empty();
                // Agregar opciones de municipios filtrados a municipios_select
                console.log(municipiosFiltrados);
                $('#direccion_municipio').append(
                    '<option value="">Seleccione un municipio</option>'
                );
                municipiosFiltrados.forEach(function(municipio) {
                    $('#direccion_municipio').append(
                        '<option value="' + municipio.codigo + '">' + municipio.valor +
                        '</option>'
                    );
                });
                var codigoMunicipioGuardado = {!! json_encode($data->direccion_municipio) !!};

                if (codigoMunicipioGuardado) {
                    $('#direccion_municipio').val(codigoMunicipioGuardado);
                }
            });
            $('#direccion_departamento').change();
        });
    </script>
@endsection
@section('titulo')
    FE Emisor
@endsection
@section('content')
    <div class="container">

        <form action="{{ route('documento.facturacionElectronicaEmisor') }}" method="POST">
            @csrf

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="nit">NIT:</label>
                        <input type="text" class="form-control" id="nit" name="nit"
                            value="{{ $data['nit'] ?? '' }}" required>
                    </div>

                    <div class="form-group">
                        <label for="nrc">NRC:</label>
                        <input type="text" class="form-control" id="nrc" name="nrc"
                            value="{{ $data['nrc'] ?? '' }}" required>
                    </div>

                    <div class="form-group">
                        <label for="nombre">Nombre:</label>
                        <input type="text" class="form-control" id="nombre" name="nombre"
                            value="{{ $data['nombre'] ?? '' }}" required>
                    </div>

                    <div class="form-group">
                        <label for="nombreComercial">Nombre Comercial:</label>
                        <input type="text" class="form-control" id="nombreComercial" name="nombreComercial"
                            value="{{ $data['nombreComercial'] ?? '' }}" required>
                    </div>

                    <div class="form-group">
                        <label for="codActividad">Codigo Actividad:</label>
                        <select data-control="select2" class="form-select" id="codActividad" name="codActividad"
                            value="{{ $data['codActividad'] ?? '' }}" required>
                            <option value="">Seleccione una actividad</option>
                                                    </select>
                    </div>

                    <div class="form-group">
                        <label for="correo">Correo:</label>
                        <input type="email" class="form-control" id="correo" name="correo"
                            value="{{ $data['correo'] ?? '' }}" required>
                    </div>

                    <div class="form-group">
                        <label for="apipass">Contraseña API:</label>
                        <input type="password" class="form-control" id="apipass" name="apipass"
                            value="{{ $data['apipass'] ?? '' }}">
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="form-group">
                        <label for="direccion_departamento">Departamento:</label>
                        <select data-control="select2" class="form-select" id="direccion_departamento"
                            name="direccion_departamento" required>
                            <option value="">Seleccione un departamento</option>
                                                    </select>
                    </div>

                    <div class="form-group">
                        <label for="direccion_municipio">Direccion Municipio:</label>
                        <select data-control="select2" class="form-select" id="direccion_municipio"
                            name="direccion_municipio" value="{{ $data['direccion_municipio'] ?? '' }}" required>
                            <option value="">Seleccione un municipio</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="direccion_complemento">Direccion Complemento:</label>
                        <input type="text" class="form-control" id="direccion_complemento" name="direccion_complemento"
                            value="{{ $data['direccion_complemento'] ?? '' }}" required>
                    </div>

                    <div class="form-group">
                        <label for="telefono">Telefono:</label>
                        <input type="text" class="form-control" id="telefono" name="telefono"
                            value="{{ $data['telefono'] ?? '' }}" required>
                    </div>

                    <div class="form-group">
                        <label for="codEstable">Codigo Establecimiento:</label>
                        <input type="text" class="form-control" id="codEstable" name="codEstable" minlength="4"
                            maxlength="4" value="{{ $data['codEstable'] ?? '' }}"codEstable required>
                    </div>

                    <div class="form-group">
                        <label for="codPuntoVenta">Codigo Punto Venta:</label>
                        <input type="text" class="form-control" id="codPuntoVenta" name="codPuntoVenta" minlength="1"
                            maxlength="15" value="{{ $data['codPuntoVenta'] ?? '' }}" required>
                    </div>
                    <div class="form-group">
                        <label for="ambiente">Ambiente:</label>
                        <select class="form-control" id="ambiente" name="ambiente" required>
                            <option value="00" {{ $data['ambiente'] == '00' ? 'selected' : '' }}>Prueba</option>
                            <option value="01" {{ $data['ambiente'] == '01' ? 'selected' : '' }}>Producción</option>
                        </select>

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

            <div class="text-center">
                <br>
                <button type="submit" class="btn btn-primary">Guardar</button>
            </div>
        </form>
    </div>
@endsection