@extends('layouts.nfse.nfse')
@section('content')
<style>
    .ui-autocomplete-loading {
        background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
    }
</style>

<form name="formCreateVisitantePrestador" action="{{route('nfse.visitante-solicitante-store')}}" method="post" role="form" autocomplete="off">
    @csrf
    <div class="row mt-4">
        <div class="col-md-12">
            <div class="card mb-4">
                <div class="card-body">
                    <i style="color: black; font-size: 13px">
                        Para ter acesso ao Sistema de Notas Fiscais de Serviços Eletrônicas (NFS-e), preencha os dados solicitados no formulário e clique no botão Enviar Solicitação. Cada CPF/CNPJ poderá ter uma única SENHA WEB.
                        </br><b>ATENÇÃO!</b> Caso sua empresa seja optante ou obrigada a emitir NFS-e, também será necessário acessar o sistema utilizando a SENHA-WEB criada e solicitar autorização para Emissão de NFS-e.
                    </i>
                </div>
            </div>
            <label for=""><i style="color: grey">* Campo de Preenchimento Obrigatório</i></label>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-body">
            <div class="row">
                <div class="col-md-2">
                    <label for="">* CPF/CNPJ</label>
                    <input type="text" name="nfs_cpfcnpjprestador" id="CPFCNPJ" class="form-control">
                </div>
                <div class="col-md-6">
                    <label for="">* Nome/Razão Social</label>
                    <input type="text" name="nfs_razaosocialprestador" class="form-control" maxlength="150">
                </div>
                <div class="col-md-2">
                    <label for="">* Inscrição Municipal</label>
                    <input type="text" name="nfs_inscricao_municipal" class="form-control" maxlength="20">
                </div>
                <div class="col-md-2">
                    <label for="">Inscrição Estadual</label>
                    <input type="text" name="nfs_inscricao_estadual" class="form-control" maxlength="20">
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <label for="">* Nome Fantasia</label>
                    <input type="text" name="nfs_nomefantasiaprestador" class="form-control" maxlength="80">
                </div>
                <div class="col-md-4">
                    <label for="">* Regime</label>
                    <select name="nfs_regimeespecialtributacao" class="form-control">
                        <option selected="selected"></option>
                        <option value="1">Microempresa municipal</option>
                        <option value="2">Estimativa</option>
                        <option value="3">Sociedade de profissionais</option>
                        <option value="4">Cooperativa</option>
                        <option value="5">Microempresário Individual (MEI) </option>
                        <option value="6">Microempresário e Empresa de Pequeno Porte (ME EPP)</option>
                        <option value="7">Associação Privada</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="">* Simples Nacional</label>
                    <select name="nfs_optantesimplesnacional" class="form-control">
                        <option selected></option>
                        <option value="1">Sim</option>
                        <option value="2">Não</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <label for="">* Endereço</label>
                    <input type="text" name="nfs_logradouroprestador" class="form-control">
                </div>
                <div class="col-md-3">
                    <label for="">Complemento</label>
                    <input type="text" name="nfs_complementoenderecoprestador" class="form-control">
                </div>
                <div class="col-md-1">
                    <label for="">Número</label>
                    <input type="text" name="nfs_numeroenderecoprestador" class="form-control">
                </div>
                <div class="col-md-4">
                    <label for="">* Bairro</label>
                    <input type="text" name="nfs_bairroprestador" class="form-control">
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <label for="">* Cidade</label>
                    <input type="hidden" name="nfs_cidadeprestador" id="IDCIDADE">
                    <input type="text"  id="MUNICIPIO" class="form-control">
                </div>
                <div class="col-md-2">
                    <label for="">CEP</label>
                    <input type="text" name="nfs_cepprestador" id="cep" class="form-control">
                </div>
                <div class="col-md-6">
                    <label for="">* E-Mail</label>
                    <input type="text" name="nfs_emailprestador" class="form-control">
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-3">
                    <label>* Responsável</label>
                    <input type="text" name="nfs_responsavelprestador" class="form-control" maxlength="80">
                </div>
                <div class="col-md-2">
                    <label for="">* Senha (6 a 10 caracteres)</label>
                    <input type="password" name="password" class="form-control" maxlength="10">
                </div>
                <div class="col-md-2">
                    <label for="">* Confirme senha</label>
                    <input type="password" class="form-control" maxlength="10">
                </div>
                <div class="col-md-2  offset-1">
                    <label for="">Telefone Comercial</label>
                    <input type="text" name="nfs_telefoneprestador" id="telefone" class="form-control">
                </div>
                <div class="col-md-2">
                    <label for="">* Celular</label>
                    <input type="text" name="nfs_celularprestador" id="celular" class="form-control">
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-12">
                    <label for="">* Atividade Principal</label>
                    <select name="nfs_codigoprimario[]" class="form-control" multiple>
                        @foreach($atividade as $a)
                            <option value="{{$a->nfs_codigoprimario}}">{{$a->nfs_codigoprimario}} - {{$a->nfs_descricaoservico}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-12">
                    <button type="submit" class="btn btn-primary btn-lg"><i class="fa fa-paper-plane" aria-hidden="true"></i>&nbsp; Enviar Solicitação</button>
                    <a href="javascript:history.back()" class="btn btn-light btn-lg"><i class="fa fa-chevron-left" aria-hidden="true"></i>&nbsp; Voltar</a>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection
@push('script')
{{--    mascara para cpf/cnpj--}}
{{--    <script src="{{url('js/_cdn/jquery.inputmask.bundle.js')}}"></script>--}}
{{--    <script>--}}
{{--        $("input[id*='cpfcnpj']").inputmask({--}}
{{--            mask: ['999.999.999-99', '99.999.999/9999-99'],--}}
{{--            keepStatic: true--}}
{{--        });--}}
{{--    </script>--}}

    <script>
        $("#telefone").mask("(99)9999-9999");
        $("#celular").mask("99999-9999");
        $("#cep").mask("99999-999");
    </script>
    <script src="{{url(mix('modulos/nfse/visitante/js/create-prestador.js'))}}"></script>
    <script src="{{url(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>
@endpush