@extends('layouts.register_empresa')
@section('css')

    <link href="{{ asset('plugins/select2/select2.min.css') }}" rel="stylesheet" />
     
@endsection
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class= "body">
                <div class="card-header">Registro Negocio</div>

                <div class="card-body">
                    <form method="POST" action="{{ route('registro_empresa_save') }}">
                        @csrf

                        <div class="row mb-3">
                            <label for="tipo_negocio" class="col-md-4 col-form-label text-md-end">Tipo de Negocio</label>

                            <div class="col-md-6">
                                <select name="tipo_negocio" id="tipo_negocio" onchange="datosEmpresa()">
                                    @foreach($cliente_tipo as $ctipo)
                                    <option value="{{$ctipo->id}}">{{$ctipo->descripcion}}</option>
                                    @endforeach
                                </select>
                                
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="rut" class="col-md-4 col-form-label text-md-end">Rut (11.111.111-1)</label>

                            <div class="col-md-6">
                                <input onfocusout="validaRut()" id="rut" type="text" class="form-control @error('rut') is-invalid @enderror" name="rut" value="{{ old('rut') }}" required autocomplete="rut" autofocus>

                                @error('rut')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                                <div id="error_rut" name="error_rut"></div>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="name" class="col-md-4 col-form-label text-md-end">Nombre del Negocio</label>

                            <div class="col-md-6">
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>

                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3" id="empresa" name="empresa"></div>

                        <div class="row mb-3">
                            <label for="comuna" class="col-md-4 col-form-label text-md-end">Comuna</label>

                            <div class="col-md-6">
                                <select class="mi-selector"  name="comuna" id="comuna">
                                    @foreach($comuna as $comunas)
                                    <option  value="{{$comunas->id}}">{{$comunas->nombre}}</option>
                                    @endforeach
                                </select>
                                
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="direccion" class="col-md-4 col-form-label text-md-end">Direccion</label>

                            <div class="col-md-6">
                                <input id="direccion" type="text" class="form-control @error('direccion') is-invalid @enderror" name="direccion" value="{{ old('direccion') }}" required >

                                @error('direccion')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="fono" class="col-md-4 col-form-label text-md-end">Telefono</label>

                            <div class="col-md-6">
                                <input id="fono" type="tel" class="form-control @error('fono') is-invalid @enderror" name="fono" value="{{ old('fono') }}" required >

                                @error('fono')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        


                        <div class="row mb-0">
                            <div class="col-md-6 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    Registrar
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')

    <script src="{{ asset('plugins/select2/select2.min.js') }}"></script>
    <script src="{{ asset('plugins/select2/es.js') }}"></script>

    <script>
   // jQuery(document).ready(function($){

    $(document).ready(function() {
        $('.mi-selector').select2({theme: "classic"});
    });
   
    
//}); 

function datosEmpresa(){
     let x = document.getElementById("tipo_negocio").value;

     if(x == 2)
     {
        document.getElementById("empresa").innerHTML =  `
        <label for="razon" class="col-md-4 col-form-label text-md-end">Rason Social</label>
            <div class="col-md-6">
                <input id="razon" type="text" class="form-control @error("razon") is-invalid @enderror" name="razon" value="{{ old("razon") }}" required autocomplete="razon" autofocus>
                @error('razon')
                    <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        <label for="giro" class="col-md-4 col-form-label text-md-end">Giro</label>
            <div class="col-md-6">
                <input id="giro" type="text" class="form-control @error("giro") is-invalid @enderror" name="giro" value="{{ old("giro") }}" required autocomplete="giro" autofocus>
                @error('giro')
                    <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>`;
     }

     if(x == 1)
     {
        document.getElementById("empresa").innerHTML =  '';
     }
}

function validaRut(){

  

    let rut = document.getElementById("rut").value;

	let tmpstr = "";
	let intlargo = document.getElementById("rut").value;
	if (intlargo.length> 0)
	{
		crut = document.getElementById("rut").value;
		largo = crut.length;
		if ( largo <2 )
		{
			alert('rut inválido')
			//document.getElementById("rut").focus()
			return false;
		}
		for ( i=0; i <crut.length ; i++ )
		if ( crut.charAt(i) != ' ' && crut.charAt(i) != '.' && crut.charAt(i) != '-' )
		{
			tmpstr = tmpstr + crut.charAt(i);
		}
		rut = tmpstr;
		crut=tmpstr;
		largo = crut.length;
 
		if ( largo> 2 )
			rut = crut.substring(0, largo - 1);
		else
			rut = crut.charAt(0);
 
		dv = crut.charAt(largo-1);
 
		if ( rut == null || dv == null )
		return 0;
 
		var dvr = '0';
		suma = 0;
		mul  = 2;
 
		for (i= rut.length-1 ; i>= 0; i--)
		{
			suma = suma + rut.charAt(i) * mul;
			if (mul == 7)
				mul = 2;
			else
				mul++;
		}
 
		res = suma % 11;
		if (res==1)
			dvr = 'k';
		else if (res==0)
			dvr = '0';
		else
		{
			dvi = 11-res;
			dvr = dvi + "";
		}
 
		if ( dvr != dv.toLowerCase() )
		{
			//alert('El Rut Ingreso es Invalido')
            document.getElementById("error_rut").innerHTML = `
            <span class="invalid-feedback" role="alert">
                    <strong>El Rut Ingreso es Invalido</strong>
                    </span>
            `;
			document.getElementById("rut").focus()
			return false;
		}
		//alert('El Rut Ingresado es Correcto!')
        document.getElementById("error_rut").innerHTML = ``;
		//document.getElementById("rut").focus()
		return true;
	}
    else{
       // alert("debe ingresar el rut");
        document.getElementById("error_rut").innerHTML = `
            <span class="invalid-feedback" role="alert">
                    <strong>debe ingresar el rut</strong>
                    </span>
            `;
            document.getElementById("rut").focus()
    }
}

</script> 
@endsection