@extends('painel-admin.menu')
@section('title', 'Cadastro da Empresa')
    @section('content')
    <form method="POST" id="formEnvioDados" action="{{route('empresas.store')}}" enctype="multipart/form-data">
        @csrf
        @if(session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
        @if(session('errors'))
            <div class="alert alert-danger">
                <ul>
                    @foreach(session('errors')->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="row">
            <div class="col-md-6 col-12">
                <h1>Cadastro da Empresa</h1>
            </div>
            <div class="col-md-6 text-md-right">
                <a href="{{ route('empresas.index') }}" class="btn btn-danger btn">Voltar</a>
                <button type="button" class="btn btn-primary" id="btnSalvar">Cadastrar</button>
            </div>
        </div>
        <hr>
        <br> 
        <div class="row">
            <div class="col-md-9">
                <div class="row">
                    <div class="col-md-4">
                        <label>Razão social<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="razaosocial" value="{{ old('RazaoSocialCliente') }}" name="RazaoSocialCliente" required>
                        @if ($errors->has('RazaoSocialCliente'))
                            <p class="text-danger">{{ $errors->first('RazaoSocialCliente') }}</p>
                        @endif
                    </div>
                    <div class="col-md-4">
                        <label>Fantsia</label>
                        <input type="text" class="form-control" id="fantasia" value="{{ old('FantasiaCliente') }}" name="FantasiaCliente">
                    </div>
                    <div class="col-md-4">
                        <label>CNPJ<span title="Campo Obrigatório" style="color:red">*</span></label><button style="margin: 0 5px;" type="button" id="btnCNPJ" onclick="checkCnpj('cnpj')"><i class="fas fa-search" ></i></button>
                        <input type="text"  class="form-control"  id="cnpj" name="CGCCliente" value="{{ old('CGCCliente') }}" required="required">
                        @if ($errors->has('CGCCliente'))
                            <p class="text-danger">{{ $errors->first('CGCCliente') }}</p>
                        @endif
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <label>Incrição estadual</label>
                        <input type="text" class="form-control" id="ie" name="InscricaoEstadualCliente" value="{{ old('InscricaoEstadualCliente') }}">
                    </div>
                    <div class="col-md-4">
                        <label>Inscrição Municipal</label>
                        <input type="text" class="form-control" id="im" name="InscricaoMunicipalCliente" value="{{ old('InscricaoMunicipalCliente') }}">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <label>CEP<span title="Campo Obrigatório" style="color:red">*</span></label><button style="margin: 0 5px;" type="button" id="btnCEP" onclick="checkCEP()"><i class="fas fa-search"></i></button>
                        <input type="text" class="form-control" maxlength="9" id="cep" name="CEP" value="{{ old('CEP') }}" oninput="handleCEPInput(this)" required="required">
                        @if ($errors->has('CEP'))
                            <p class="text-danger">{{ $errors->first('CEP') }}</p>
                        @endif
                    </div>
                    <div class="col-md-6">
                        <label>Endereço<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="rua" name="Endereco" value="{{ old('Endereco') }}" required="required">
                        @if ($errors->has('Endereco'))
                            <p class="text-danger">{{ $errors->first('Endereco') }}</p>
                        @endif   
                    </div>
                    <div class="col-md-2">
                        <label>Número<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="numero" name="Numero" value="{{ old('Numero') }}" required="required">
                        @if ($errors->has('Numero'))
                            <p class="text-danger">{{ $errors->first('Numero') }}</p>
                        @endif
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <label>Complemento</label>
                        <input type="text" class="form-control" id="complemento" value="{{ old('Complemento') }}" name="Complemento">
                    </div> 
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <label>Bairro<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="bairro" name="Bairro" value="{{ old('Bairro') }}" required="required">
                        @if ($errors->has('Bairro'))
                            <p class="text-danger">{{ $errors->first('Bairro') }}</p>
                        @endif
                    </div>
                    <div class="col-md-4">
                        <label>Cidade<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="cidade" name="Cidade" value="{{ old('Cidade') }}" required="required">
                        @if ($errors->has('Cidade'))
                            <p class="text-danger">{{ $errors->first('Cidade') }}</p>
                        @endif
                    </div>
                    <div class="col-md-4">
                        <label>Estado<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="uf" name="Estado" value="{{ old('Estado') }}" required="required">
                         @if ($errors->has('Estado'))
                            <p class="text-danger">{{ $errors->first('Estado') }}</p>
                        @endif
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Email(Cobrança)</label>
                            <input type="text" class="form-control"  id="" name="EmailCobranca" value="{{ old('EmailCobranca') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <label>Email(Contato)<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="email" name="Email" value="{{ old('Email') }}">
                    </div>
                    <div class="col-md-4">
                        <label>Telefone(1)<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" maxlength="20" class="form-control" id="telefone" name="Telefone" value="{{ old('Telefone') }}" required="required">
                        @if ($errors->has('Telefone'))
                            <p class="text-danger">{{ $errors->first('Telefone') }}</p>
                        @endif
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Telefone(2)</label>
                            <input type="text" maxlength="20" data-mask="(00)00000-0000" class="form-control" id="telefone2" name="Telefone2" value="{{ old('Telefone2') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <label>Celular</label>
                        <input type="text" maxlength="20" data-mask="(00)00000-0000" class="form-control" id="" name="Celular" value="{{ old('Celular') }}">
                    </div>
                    <div class="col-md-4">
                        <label>Contato<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="" name="Contato" value="{{ old('Contato') }}" required="required">
                        @if ($errors->has('Contato'))
                            <p class="text-danger">{{ $errors->first('Contato') }}</p>
                        @endif
                    </div>  
                </div>
                <h4 class="mb-6"><i>Dados DLL</i></h4><hr>
                <div class="row">
                    <div class="col-md-4">   
                        <label>Nro FS<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="" name="NumeroMaquinasFS" value="{{ old('NumeroMaquinasFS') }}" required="required">
                        @if ($errors->has('NumeroMaquinasFS'))
                            <p class="text-danger">{{ $errors->first('NumeroMaquinasFS') }}</p>
                        @endif   
                    </div>
                    <div class="col-md-4">
                        <label>Nro FC<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="" name="NumeroMaquinasFC" value="{{ old('NumeroMaquinasFC') }}" required="required">
                        @if ($errors->has('NumeroMaquinasFC'))
                            <p class="text-danger">{{ $errors->first('NumeroMaquinasFC') }}</p>
                        @endif
                    </div>
                    <div class="col-md-4">
                        <label>Módulos<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="" name="Disponivel1" value="{{ old('Disponivel1') }}" required="required">
                        @if ($errors->has('Disponivel1'))
                            <p class="text-danger">{{ $errors->first('Disponivel1') }}</p>
                         @endif
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">           
                        <label >Nro ECF</label>
                        <input type="text" class="form-control" id="" name="Disponivel2" value="{{ old('Disponivel2') }}">
                    </div>
                    <div class="col-md-4">
                        <label >Versão FS<span title="Campo Obrigatório" style="color:red">*</span></label>
                        <input type="text" class="form-control" id="" name="Versao" value="{{ old('Versao') }}" required="required">
                        @if ($errors->has('Versao'))
                            <p class="text-danger">{{ $errors->first('Versao') }}</p>
                        @endif
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label>Situação do Status</label>
                            <select  class="form-control" id="NSTATUS" name="NSTATUS" value="{{ old('NSTATUS') }}">
                                @foreach($status as $statu)
                                    <option value="{{ $statu->NCODSTATUS }}">{{ $statu->CNOMESTATUS }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row mb-4">
                    <div class="col-md-12">
                        <label for="utiliza" class="form-label">Utilização <span>(Opcional)</span></label>
                        <select class="form-control col-12" id="utiliza" name="utiliza[]" multiple="multiple" required>
                            <option value="1">NF-e</option>
                            <option value="2">NFC-e</option>
                            <option value="3">NFS-e</option>
                            <option value="4">ECF</option>
                            <option value="5">Somente Não fiscal</option>
                        </select>
                    </div>
                </div>
                <input type="hidden" id="SerialClienteFC" name="SerialClienteFC"  value="{{ old('SerialClienteFC') }}"> 
                <input type="hidden" id="SerialClienteFS" name="SerialClienteFS"  value="{{ old('SerialClienteFS') }}">                   
            </div>
            <div class="col-md-3">
                <div class="card" style="width: 100%;">
                    <div class="card-body">
                        <h5 class="card-title" align="center">Logo da empresa</h5>
                        @if(empty($item->logo) || $item->logo === 'NULL')
                            <input type="file" class="form-control-file" id="imagem" name="imagem" onChange="carregarImg();">
                        @endif
                        <p align="center">
                        <!-- Se o campo estiver vazio ou igual a 'NULL', mostre a imagem sem-logo -->
                        @if (empty($item->logo) || $item->logo === 'NULL')     
                            <img src="{{ URL::asset('images/Sem-logo.png') }}" width="250" id="target">
                        @else  
                            $logoPath = "images/Logos/{$item->logo}";
                            <img src="{{ URL::asset($logoPath) }}" width="250" id="target">
                        @endif
                        </p>
                        <br>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <!-- Modal aguardando -->
    <div class="container">
        <div class="modal fade bs-example-modal-sm" id="modalPesquisandoDados" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">
                            <span class="glyphicon glyphicon-time">
                            </span>&nbsp;Procurando dados
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="progress">
                            <div class="progress-bar progress-bar-info progress-bar-striped active" style="width: 100%">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="modal fade bs-example-modal-sm" id="modalPesquisandoDados_cep" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">
                            <span class="glyphicon glyphicon-time">
                            </span>&nbsp;Procurando dados
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="progress">
                            <div class="progress-bar progress-bar-info progress-bar-striped active" style="width: 100%">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        .select2-container {
            width: 100% !important;
        }

        .select2-selection {
            height: auto !important;
            padding: 8px;
            border-radius: 4px;
        }

        .selected-items {
            display: flex;
            flex-wrap: wrap;
            margin-top: 10px;
        }

        .selected-item {
            display: inline-block;
            margin-right: 10px;
            margin-bottom: 10px;
        }

        .selected-item .remove-item {
            margin-left: 5px;
            cursor: pointer;
            color: #fff;
        }
    </style>

    
    
    <!-- Mascara -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>
    
    <!-- viacep -->
    <script src="{{ URL::asset('js/viacep.js') }}"></script>
    
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <!-- Carregar Imagem -->
    <script src="{{ URL::asset('js/carregarimg.js') }}"></script>

    <!-- Consulta CNPJ -->
    <script src="{{ URL::asset('js/Consultacnpj.js') }}"></script>

    <script src="{{ URL::asset('js/chavederegistro.js') }}"></script>

    <script src="{{ URL::asset('js/mascaras.js') }}"></script>

    <!-- select2 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />

    
    <script>
        var currentItemId = 'empresas-link';

        function formatCEP(input) {
            
            const cleanedInput = input.replace(/\D/g, '');

            
            if (cleanedInput.length === 8) {
                return cleanedInput.replace(/(\d{5})(\d{3})/, '$1-$2');
            } else {
                return cleanedInput;
            }
        }
        function handleCEPInput(input) {
            const formattedValue = formatCEP(input.value);
            input.value = formattedValue;
        }

        $('#utiliza').select2({
            placeholder: "Selecione um ou mais itens",
            allowClear: true
        });


        document.getElementById('btnSalvar').addEventListener('click', function(event) {
            event.preventDefault();

            Swal.fire({
                title: 'Confirmação',
                text: 'Deseja realmente gravar essa Empresa?',
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Confirmar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById('formEnvioDados').submit();
                }
            });  
        });
    </script>


    
@endsection