@extends('layouts.nfse.nfse-painel')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
    <div class="shadow-sm p-3 mb-5 bg-white rounded"><h3>Tomador</h3>(Incluir Novo Registro)</div>

    <form name="formCreateTomador" action="{{route('tomador.store')}}" method="post" role="form" autocomplete="off">
        @csrf
        <div class="row">
            <div class="col-md-12">
                <label for=""><i style="color: grey">* Campo de Preenchimento Obrigatório</i></label>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-2">
                <label for="">* CPF/CNPJ</label>
                <input type="text" name="nfs_cpfcnpjtomador" id="CPFCNPJ" class="form-control" onkeypress="return digitos(event)">
            </div>
            <div class="col-md-10">
                <label for="">* Nome/Razão Social</label>
                <input type="text" name="nfs_razaosocialtomador" class="form-control" maxlength="191">
            </div>
        </div>

        <div class="row">
            <div class="col-md-4">
                <label for="">* Endereço</label>
                <input type="text" name="nfs_logradurotomador" class="form-control">
            </div>
            <div class="col-md-1">
                <label for="">Nº</label>
                <input type="text" name="nfs_numerotomador" class="form-control">
            </div>
            <div class="col-md-3">
                <label for="">Complemento</label>
                <input type="text" name="nfs_complementoenderecotomador" class="form-control">
            </div>
            <div class="col-md-4">
                <label for="">* Bairro</label>
                <input type="text" name="nfs_bairrotomador" class="form-control">
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <label for="">* Cidade</label>
                <input type="hidden" name="nfs_cidadetomador" 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_ceptomador" id="cep" class="form-control">
            </div>
            <div class="col-md-6">
                <label for="">E-Mail</label>
                <input type="text" name="nfs_emailtomador" class="form-control">
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">Telefone Comercial</label>
                <input type="text" name="nfs_telefonetomador" id="telefone" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">Celular</label>
                <input type="text" name="nfs_celulartomador" id="celular" class="form-control">
            </div>

        </div>
        <hr>

        <div class="row">
            <div class="col-md-12">
                <button type="submit" class="btn btn-primary btn-lg"><i class="fa fa-floppy-o" aria-hidden="true"></i>&nbsp; Salvar</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>
        <hr>
    </form>
@endsection
@push('script')
    <script>
        $("#telefone").mask("(99)9999-9999");
        $("#celular").mask("99999-9999");
        $("#cep").mask("99999-999");
    </script>
    <script src="{{url(mix('modulos/nfse/tomador/js/create-update-tomador.js'))}}"></script>
    <script src="{{url(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>
@endpush