@extends('plantilla.main')
@section('scripts')

@endsection
@section('title',"Catálogo de Empresas")
@section('contenido_title',"Catálogo de Empresas")
@section('contenido')

<div class="formulario" id="formulario">
    <div class="card">
        <div class="card-header">
            <h4 class="text-center">Actualizar empresa "{{$empresa->DXRAZONSOCIAL}}"</h4>
        </div>
        <div class="card-body">
            <form action="{{route('empresa.update',$empresa->CNEMPRESAFACTURA)}}" method="POST">
                {{ csrf_field() }}
                {{ method_field('PUT') }}
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="razon_social"><strong>Razón Social</strong></label>
                        <input type="text" name="razon_social"
                            class="form-control {{ $errors->has('razon_social') ? 'is-invalid' : '' }}"
                            placeholder="Ingrese la razón social"
                            value="{{ $errors->has('razon_social') ? old('razon_social') : $empresa->DXRAZONSOCIAL }}"
                            required autofocus>
                        {!! $errors->first('razon_social','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-3 col-sm-3 col-md-3 col-lg-3">
                        <label for="RFC"><strong>R.F.C.</strong></label>
                        <input type="text" name="RFC" class="form-control {{ $errors->has('RFC') ? 'is-invalid' : '' }}"
                            placeholder="Ingrese el RFC"
                            value="{{ $errors->has('RFC') ? old('RFC') : $empresa->DXRFC }}" required autofocus>
                        {!! $errors->first('RFC','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-3 col-sm-3 col-md-3 col-lg-3">
                        <label for="registro_patronal"><strong>Registro Patronal</strong></label>
                        <input type="text" name="registro_patronal"
                            class="form-control {{ $errors->has('registro_patronal') ? 'is-invalid' : '' }}"
                            placeholder="Ingrese el registro patronal"
                            value="{{ $errors->has('registro_patronal') ? old('registro_patronal') : $empresa->DXREGISTROPATRONAL }}">
                        {!! $errors->first('registro_patronal','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="direccion_fiscal"><strong>Calle</strong></label>
                        <input type="text" name="direccion_fiscal"
                            class="form-control {{ $errors->has('direccion_fiscal') ? 'is-invalid' : '' }}"
                            placeholder="Ingrese la dirección fiscal"
                            value="{{ $errors->has('direccion_fiscal') ? old('direccion_fiscal') : $empresa->DXDIRECCION }}"
                            required>
                        {!! $errors->first('direccion_fiscal','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-2 col-sm-2 col-md-2 col-lg-2">
                        <label for="no_interior"><strong>No. Interior</strong></label>
                        <input type="text" name="no_interior"
                            class="form-control {{ $errors->has('no_interior') ? 'is-invalid' : '' }}"
                            placeholder="No Interior"
                            value="{{ $errors->has('no_interior') ? old('no_interior') : $empresaCliente->dxnointerior }}">
                        {!! $errors->first('no_interior','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-2 col-sm-2 col-md-2 col-lg-2">
                        <label for="no_exterior"><strong>No. Exterior</strong></label>
                        <input type="text" name="no_exterior"
                            class="form-control {{ $errors->has('no_exterior') ? 'is-invalid' : '' }}"
                            placeholder="No Exterior"
                            value="{{ $errors->has('no_exterior') ? old('no_exterior') : $empresaCliente->dxnoexterior }}"
                            required>
                        {!! $errors->first('no_exterior','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-2 col-sm-2 col-md-2 col-lg-2">
                        <label for="codigo_postal"><strong>Código Postal</strong></label>
                        <input type="text" name="codigo_postal"
                            class="form-control {{ $errors->has('codigo_postal') ? 'is-invalid' : '' }}"
                            placeholder="Codigo Postal"
                            value="{{ $errors->has('codigo_postal') ? old('codigo_postal') : $empresaCliente->xncodigopostal }}">
                        {!! $errors->first('codigo_postal','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        <label for="pais"><strong>País</strong></label>
                        <select class="custom-select" name="pais" id="pais">
                            @foreach ($paises as $pais)
                            @if($pais->CNPAIS==$empresa->CNPAIS)
                            <option value="{{$pais->CNPAIS}}" selected>{{$pais->DXPAIS}}</option>
                            @else
                            <option value="{{$pais->CNPAIS}}">{{$pais->DXPAIS}}</option>
                            @endif
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        <label for="estado"><strong>Estado</strong></label>
                        <input id="state" style="display:none;" class="form-control" type="text"
                            value="{{$empresa->CNESTADO}}">
                        <div id="resultado" class="align-middle text-center">
                            <div class="spinner-border text-success " role="status">
                                <span class="sr-only">Loading...</span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        <label for="ciudad"><strong>Ciudad</strong></label>
                        <input id="city" style="display:none;" class="form-control" type="text"
                            value="{{$empresa->CNCIUDAD}}">
                        <div id="resultado_ciudad" class="align-middle text-center">
                            <div class="spinner-border text-success " role="status">
                                <span class="sr-only">Loading...</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-xs-3 col-sm-3 col-md-3 col-lg-3">
                        <label for="colonia"><strong>Colonia</strong></label>
                        <input type="text" name="colonia"
                            class="form-control {{ $errors->has('colonia') ? 'is-invalid' : '' }}" placeholder="Colonia"
                            value="{{ $errors->has('colonia') ? old('colonia') : $empresaCliente->dxcolonia }}">
                        {!! $errors->first('colonia','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-3 col-sm-3 col-md-3 col-lg-3">
                        <label for="localidad"><strong>Localidad</strong></label>
                        <input type="text" name="localidad"
                            class="form-control {{ $errors->has('localidad') ? 'is-invalid' : '' }}"
                            placeholder="Localidad"
                            value="{{ $errors->has('localidad') ? old('localidad') : $empresaCliente->dxlocalidad }}">
                        {!! $errors->first('localidad','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        <label for="correo_electronico"><strong>Correo electrónico empresa</strong></label>
                        <input type="text" name="correo_electronico"
                            class="form-control {{ $errors->has('correo_electronico') ? 'is-invalid' : '' }}"
                            placeholder="correo_electronico"
                            value="{{ $errors->has('correo_electronico') ? old('correo_electronico') : $empresaCliente->dxmail }}">
                        {!! $errors->first('correo_electronico','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-md-2">
                        <label for="riesgo"><strong>Riesgo</strong></label>
                        <select class="custom-select" name="riesgo">
                            <option value="0">Sin asignar</option>
                            @foreach ($riesgos as $riesgo)
                            @if($riesgo->CNRIESGO==$empresa->CNRIESGO)
                            <option value="{{$riesgo->CNRIESGO}}" selected>{{$riesgo->DXRIESGO}}</option>
                            @else
                            <option value="{{$riesgo->CNRIESGO}}">{{$riesgo->DXRIESGO}}</option>
                            @endif
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="curp"><strong>Regimén Fiscal</strong></label>
                        <select name="regimen_fiscal" class="custom-select">
                            @forelse ($regimenesFiscales as $regimenFiscal)
                            @if($regimenFiscal->Clave==$empresaCliente->dxregimenfiscal)
                            <option value="{{$regimenFiscal->Clave}}" selected>{{$regimenFiscal->Descripcion}}</option>
                            @else
                            <option value="{{$regimenFiscal->Clave}}">{{$regimenFiscal->Descripcion}}</option>
                            @endif

                            @empty

                            @endforelse
                        </select>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="curp"><strong>CURP</strong></label>
                        <input type="text" name="curp"
                            class="form-control {{ $errors->has('curp') ? 'is-invalid' : '' }}" placeholder="curp"
                            value="{{ $errors->has('curp') ? old('curp') : $empresa->dxcurp }}">
                        {!! $errors->first('curp','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="curp"><strong>Telefono</strong></label>
                        <input type="text" name="telefono"
                            class="form-control {{ $errors->has('telefono') ? 'is-invalid' : '' }}" placeholder="telefono"
                            value="{{ $errors->has('telefono') ? old('telefono') : $empresaCliente->dxtelefono }}">
                        {!! $errors->first('telefono','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <button type="submit" class="btn btn-success btn-block" data-placement="bottom"
                            title="Actualizar">
                            <i class="fas fa-check"></i> Actualizar
                        </button>
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <a href="{{route('empresa.index')}}" class="btn btn-info btn-block" data-placement="bottom"
                            title="Cancelar">
                            <i class="fas fa-ban"></i> Cancelar
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('endscript')
<script>
    Buscar(document.getElementById('pais').value);
    
    var select = document.getElementById('pais');
    select.addEventListener('change',
    function(){
        var selectedOption = this.options[select.selectedIndex];
        Buscar(selectedOption.value);
    });
    
    function Buscar(pais){
        var url=path+"/estados/"+pais;
        $.ajax({
            url: url,
            type: 'get',
            beforeSend: function () {
                $("#resultado").html(
                    '<div class="spinner-border text-success " role="status">'+
                        '<span class="sr-only">Loading...</span>'+
                    '</div>'
                )
            },
            success: function (response) {
                var html='<select class="custom-select" name="estado" id="estado">';
                var ban=false;
                for (var i in response){
                    if(response[i]['CNESTADO']+""===document.getElementById('state').value){
                        html+='<option value="'+response[i]['CNESTADO']+'" selected>'+response[i]['DXESTADO']+'</option>';
                    }else{
                        html+='<option value="'+response[i]['CNESTADO']+'">'+response[i]['DXESTADO']+'</option>';
                    }
                    ban=true;
                }
                if(!ban){
                    html+='<option value="0">No se cuentan con estados</option>';
                }
                html+='</select>';
                $("#resultado").html(html);
                
                BuscarCiudad(document.getElementById('estado').value);
                var select = document.getElementById('estado');
                select.addEventListener('change',
                function(){
                    var selectedOption = this.options[select.selectedIndex];
                    BuscarCiudad(selectedOption.value);
                });
            }
        });
    }

    function BuscarCiudad(estado){
        var url=path+"/ciudades/"+estado;
        $.ajax({
            url: url,
            type: 'get',
            beforeSend: function () {
                $("#resultado_ciudad").html(
                    '<div class="spinner-border text-success " role="status">'+
                        '<span class="sr-only">Loading...</span>'+
                    '</div>'
                )
            },
            success: function (response) {
                var html='<select class="custom-select" name="ciudad">';
                var ban=false;
                for (var i in response){
                    if(response[i]['CNCIUDAD']+""===document.getElementById('city').value){
                        html+='<option value="'+response[i]['CNCIUDAD']+'" selected>'+response[i]['DXCIUDAD']+'</option>';
                    }else{
                        html+='<option value="'+response[i]['CNCIUDAD']+'">'+response[i]['DXCIUDAD']+'</option>';
                    }
                    ban=true;
                }
                if(!ban){
                    html+='<option value="0">No se cuentan con ciudades</option>';
                }
                html+='</select>';
                $("#resultado_ciudad").html(html);
            }
        });
    }
</script>
@endsection