@extends('layouts.nfse.nfse-home')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
    <div class="card mt-5 mb-4">
        <div class="card-header">
            <b><i class="fa fa-th-list" aria-hidden="true"></i>&nbsp;Prestador <small>&nbsp;(Modo de Edição)</small></b>
        </div>
    </div>

    <form name="formUpdatePrestador" action="{{route('prestador-home.update', encriptar($prestador->nfs_codigoprestador))}}" method="post" role="form" autocomplete="off">
        @csrf
        @method('PUT')
        <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_cpfcnpjprestador" value="{{$prestador->nfs_cpfcnpjprestador}}" class="form-control" onkeypress="return digitos(event)" maxlength="14" readonly>
            </div>
            <div class="col-md-5">
                <label for="">* Nome/Razão Social</label>
                <input type="text" name="nfs_razaosocialprestador" value="{{$prestador->nfs_razaosocialprestador}}" class="form-control" maxlength="191">
            </div>
            <div class="col-md-2">
                <label for="">* Inscrição Municipal</label>
                <input type="text" name="nfs_inscricao_municipal" value="{{$prestador->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" value="{{$prestador->nfs_inscricao_estadual}}" class="form-control" maxlength="20">
            </div>
            <div class="col-md-1">
                <button type="button" class="btn btn-warning" style="margin-top: 30px" data-toggle="modal" data-target="#modallogo">
                    <i class="fa fa-picture-o" aria-hidden="true"></i>&nbsp;Logo
                </button>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8">
                <label for="">* Nome Fantasia</label>
                <input type="text" name="nfs_nomefantasiaprestador" value="{{$prestador->nfs_nomefantasiaprestador}}" class="form-control" maxlength="191">
            </div>
            <div class="col-md-2">
                <label for="">Telefone Comercial</label>
                <input type="text" name="nfs_telefoneprestador" id="telefone" value="{{$prestador->nfs_telefoneprestador}}" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">* Celular</label>
                <input type="text" name="nfs_celularprestador" id="celular" value="{{$prestador->nfs_celularprestador}}" class="form-control">
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label for="">* Endereço</label>
                <input type="text" name="nfs_logradouroprestador" value="{{$prestador->nfs_logradouroprestador}}" class="form-control">
            </div>
            <div class="col-md-1">
                <label for="">Nº</label>
                <input type="text" name="nfs_numeroenderecoprestador" value="{{$prestador->nfs_numeroenderecoprestador}}" class="form-control">
            </div>
            <div class="col-md-5">
                <label for="">* Bairro</label>
                <input type="text" name="nfs_bairroprestador" value="{{$prestador->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" value="{{$prestador->nfs_cidadeprestador}}">
                <input type="text" id="MUNICIPIO" value="{{$cidade->MUNICIPIO}}" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">CEP</label>
                <input type="text" name="nfs_cepprestador" id="cep" value="{{$prestador->nfs_cepprestador}}" class="form-control">
            </div>
            <div class="col-md-6">
                <label for="">* E-Mail</label>
                <input type="text" name="nfs_emailprestador" value="{{$prestador->nfs_emailprestador}}" class="form-control">
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label>* Responsável</label>
                <input type="text" name="nfs_responsavelprestador" value="{{$prestador->nfs_responsavelprestador}}" class="form-control" maxlength="80">
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-2">
                <label for="">Senha</label>
                <input type="password" name="password" class="form-control" maxlength="12">
            </div>
            <div class="col-md-2">
                <label for="">Confirmar senha</label>
                <input type="password" class="form-control" maxlength="12">
            </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>


    <!-- Modal -->
    <div class="modal fade" id="modallogo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Logo da Empresa</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="post" action="{{route('nfse.logotipo')}}" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-9">
                                <input type="file" name="file" id="file" required/>
                            </div>
                            <div class="col-md-3">
                                <button type="submit" class="btn btn-light"><i class="fa fa-send" aria-hidden="true"></i> Enviar</button>
                            </div>
                        </div>
                    </form>
                    <br/>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                            0%
                        </div>
                    </div>
                    <br/>
                    <div id="success">

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

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

    <script src="{{url('js/_news_cdn/form/jquery.form.js')}}"></script>
    <script>
        $(document).ready(function () {
            $('form').ajaxForm({
                beforeSend: function () {
                    $('#success').empty();
                },
                uploadProgress: function (event, position, total, percentComplete) {
                    $('.progress-bar').text(percentComplete + '%');
                    $('.progress-bar').css('width', percentComplete + '%');
                },
                success: function (data) {
                    if (data.errors) {
                        $('.progress-bar').text('0%');
                        $('.progress-bar').css('width', '0%');
                        $('#success').html('<span class="text-danger"><b>' + data.errors + '</b></span>');
                    }
                    if (data.success) {
                        $('.progress-bar').text('Enviado');
                        $('.progress-bar').css('width', '100%');
                        $('#success').html('<span class="text-success"><b>' + data.success + '</b></span><br /><br />');
                        $('#success').append(data.image);
                    }

                    $('form').each(function () {
                        this.reset();
                    });
                }
            });
        });
    </script>
@endpush