@extends('layouts.simple.master')

@section('title', 'Form Validation')

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
@endsection

@section('main_content')
<div class="container-fluid">
    <div class="page-title">
        <div class="row">
            <div class="col-sm-6">
                <h3>Editar Produtos</h3>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href=""> <svg class="stroke-icon">
                                <use href="{{ asset('assets/svg/icon-sprite.svg#stroke-home') }}"></use>
                            </svg></a></li>
                    <li class="breadcrumb-item">Editar</li>
                    <li class="breadcrumb-item active">Produtos</li>
                </ol>
            </div>
        </div>
    </div>
</div><!-- Container-fluid starts-->
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h5>Dados Cadastrais</h5>
                </div>
                <div class="card-body">
                    <form class="theme-form needs-validation" name="fornecedores_form_edit" id="fornecedores_form_edit"
                        novalidate="" action="{{ route('fornecedores.update-fornecedores') }}" method="post">
                        @csrf
                        <input type="hidden" name="id" id="id" value="{{ $fornecedores->id_fornecedor }}">
                        <input type="hidden" name="id_end" id="id_end" value="{{ $fornecedores->id_end }}">
                        <input type="hidden" name="id_cont_forn" id="id_cont_forn"
                            value="{{ $fornecedores->id_cont_forn }}">
                        <input type="hidden" name="id_cont_ad_forn" id="id_cont_ad_forn" value="{{ $fornecedores->id_cont_ad_forn }}">
                        <div class="card-body">
                            <div class="row">
                                <label class="form-label" for="validationAtuaComo">Atua como</label>
                                <div class="col-md-12 mb-3">
                                    <div class="form-check form-check-inline checkbox checkbox-dark mb-0">
                                        <input class="form-check-input" id="inline-1" type="checkbox" value=""
                                            name="validationAtuaCliente"
                                            {{ strtolower($fornecedores->atua_cliente) === 'sim' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="inline-1">Cliente</label>
                                    </div>
                                    <div class="form-check form-check-inline checkbox checkbox-dark mb-0">
                                        <input class="form-check-input" id="inline-2" type="checkbox" value=""
                                            name="validationAtuaFornecedor"
                                            {{ strtolower($fornecedores->atua_forn) === 'sim' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="inline-2">Fornecedor</label>
                                    </div>
                                    <div class="form-check form-check-inline checkbox checkbox-dark mb-0">
                                        <input class="form-check-input" id="inline-3" type="checkbox" value=""
                                            name="validationAtuatransp"
                                            {{ strtolower($fornecedores->atua_transp) === 'sim' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="inline-3">Transportadora</label>
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="validationNome">Nome</label>
                                    <input class="form-control" id="validationNome" name="validationNome" type="text"
                                        required="" value="{{ $fornecedores->nome }}">
                                    <div class="valid-feedback">Looks good!</div>
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="validationFantasia">Fantasia</label>
                                    <input class="form-control" id="validationFantasia" name="validationFantasia"
                                        type="text" value="{{ $fornecedores->nome_fantasia }}">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="validationTipo_pessoa">Tipo Pessoa</label>
                                    <select class="form-select" id="validationTipo_pessoa" name="validationTipo_pessoa"
                                        onchange="ModuloTp_Pessoa(this.value)">
                                        <option value=""></option>
                                        @foreach($TipoFornecedor as $tf)
                                        <option value="{{ $tf->id }}" {{ old('tipo_fornecedor_id', $fornecedores->tipo_fornecedor_id ?? '') == $tf->id ? 'selected' : '' }}>{{ $tf->descricao }}</option>
                                        @endforeach
                                    </select>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-4 mb-3" id="div_cpf" style="display:none;">
                                    <label class="form-label" for="validationCPF">CPF</label>
                                    <input class="form-control" placeholder="___.___.___-__" id="validationCPF"
                                        name="validationCPF" type="text" value="{{ $fornecedores->cpf }}">
                                </div>
                                <div class=" col-md-4 mb-3" id="div_cnpj">
                                    <label class="form-label" for="validationCNPJ">CNPJ</label>
                                    <input class="form-control" placeholder="__.___.___/____-__" id="validationCNPJ"
                                        name="validationCNPJ" type="text" value="{{ $fornecedores->cnpj }}">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="validationContribuinte">Contribuinte</label>
                                    <select class="form-select" id="validationContribuinte"
                                        name="validationContribuinte">
                                        <option value=""></option>
                                        @foreach($IndicadorIE as $ie)
                                        <option value="{{ $ie->id }}" {{ old('indicador_ie_fornecedor_id', $fornecedores->indicador_ie_fornecedor_id ?? '') == $ie->id ? 'selected' : '' }}>{{ $ie->descricao }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="validationIE">Inscrição estadual </label>
                                    <input class="form-control" id="validationIE" name="validationIE" type="text"
                                        value="{{ $fornecedores->inscricao_estadual }}">
                                </div>
                            </div>
                            <div class="row">

                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="validationRG">RG</label>
                                    <input class="form-control" id="validationRG" name="validationRG" type="text"
                                        value="{{ $fornecedores->rg }}">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="validationOE">Órgão Emissor</label>
                                    <input class="form-control" id="validationOE" name="validationOE" type="text"
                                        value="{{ $fornecedores->orgao_emissor }}">
                                </div>
                            </div>
                        </div>
                        <div class="card-header">
                            <h5>Endereço</h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3 mb-3">
                                    <label class="form-label" for="validationCep">Cep</label>
                                    <input class="form-control" id="validationCep" name="validationCep" type="text"
                                        value="{{ $fornecedores->cep }}">
                                </div>
                                <div class="col-md-3  mb-3">
                                    <label class="form-label" for="validationUF">Uf</label>
                                    <input class="form-control" id="validationUF" name="validationUF" type="text"
                                        value="{{ $fornecedores->uf }}">
                                </div>
                                <div class="col-md-3  mb-3">
                                    <label class="form-label" for="validationCid">Cidade</label>
                                    <input class="form-control" id="validationCid" name="validationCid" type="text"
                                        value="{{ $fornecedores->cidade }}">
                                </div>
                                <div class="col-md-3  mb-3">
                                    <label class="form-label" for="validationBairro">Bairro</label>
                                    <input class="form-control" id="validationBairro" name="validationBairro"
                                        type="text" value="{{ $fornecedores->bairro }}">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="validationEnd">Endereço</label>
                                    <input class="form-control" id="validationEnd" name="validationEnd" type="text"
                                        value="{{ $fornecedores->endereco }}">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="validationNum">Número</label>
                                    <input class="form-control" id="validationNum" name="validationNum" type="text"
                                        value="{{ $fornecedores->numero }}">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="validationCompl">Complemento</label>
                                    <input class="form-control" id="validationCompl" name="validationCompl"
                                        type="text" value="{{ $fornecedores->complemento }}">
                                </div>
                            </div>
                        </div>
                        <div class="card-header">
                            <h5>Contato</h5><span><a href="#"></a></span>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-9 mb-3">
                                    <label class="form-label" for="validationInfoC">Informações do Contato</label>
                                    <input class="form-control" id="validationInfoC" name="validationInfoC"
                                        type="text" value="{{ $fornecedores->informacao_contato }}">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2 mb-3">
                                    <label class="form-label" for="validationTel">Telefone</label>
                                    <input class="form-control" id="validationTel" name="validationTel" type="text"
                                        maxlength="15" onkeyup="handlePhone(event)"
                                        value="{{ $fornecedores->telefone }}">
                                </div>
                                <div class="col-md-2 mb-3">
                                    <label class="form-label" for="validationCel">Celular</label>
                                    <input class="form-control" id="validationCel" name="validationCel" type="text"
                                        maxlength="15" onkeyup="handlePhone(event)"
                                        value="{{ $fornecedores->celular }}">
                                </div>
                                <div class="col-md-6 mb-6">
                                    <label class="form-label" for="validationEmail">E-mail</label>
                                    <input class="form-control" id="validationEmail" name="validationEmail"
                                        type="email" onblur="validacaoEmail(fornecedores_form_edit.validationEmail)"
                                        value="{{ $fornecedores->email }}">
                                    <div id="msgemail" class="invalid-feedback"></div>
                                </div>
                            </div>
                        </div>
                        <div class="card-header">
                            <h5>Contatos Adicionais</h5><span><a href="#"></a></span>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-5">
                                    <label class="form-label" for="validationNomeAd">Nome</label>
                                    <input class="form-control" id="validationNomeAd" name="validationNomeAd"
                                        type="text" value="{{ $fornecedores->nomead }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label" for="validationEmailAd">E-mail</label>
                                    <input class="form-control" id="validationEmailAd" name="validationEmailAd"
                                        type="email" aria-describedby="emailHelp"
                                        onblur="validacaoEmail(fornecedores_form_edit.validationEmailAd)"
                                        value="{{ $fornecedores->emailad }}">
                                    <div id="msgemail" class="invalid-feedback"></div>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label" for="validationCelAd">Celular</label>
                                    <input class="form-control" id="validationCelAd" name="validationCelAd"
                                        type="text" onkeyup="handlePhone(event)"
                                        value="{{ $fornecedores->celularad }}">
                                </div>
                            </div>
                        </div>

                        <div class="card-body">
                            <div class="row">
                                <h5>Observações</h5><span><a href="#"></a></span>
                                <div class="col-md-12 mb-12">
                                    <label class="form-label" for="validationObs"></label>
                                    <textarea class="form-control" id="validationObs" name="validationObs">{{ $fornecedores->obs }}</textarea>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-end">
                            <button id="btn_editar" class="btn btn-success" type="submit">Alterar</button>
                            <a href="{{ route('fornecedores') }}" class="btn btn-secondary">Voltar</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div><!-- Container-fluid Ends-->
@endsection

@section('scripts')
<script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>
<script src="{{ asset('assets/js/height-equal.js') }}"></script>
<script src="{{ asset('assets/js/custom-animated-form.js') }}"></script>
<script src="{{ asset('assets/js/custom-pwd-validation.js') }}"></script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Máscara para CNPJ
        const cnpjInput = document.getElementById('validationCNPJ');
        if (cnpjInput) {
            const applyCNPJMask = (value) => {
                const x = value.replace(/\D/g, '').match(/(\d{0,2})(\d{0,3})(\d{0,3})(\d{0,4})(\d{0,2})/);
                return !x[2] ? x[1] : x[1] + '.' + x[2] + '.' + x[3] + '/' + x[4] + (x[5] ? '-' + x[5] :
                    '');
            };

            cnpjInput.value = applyCNPJMask(cnpjInput.value); // Aplica a máscara no carregamento
            cnpjInput.addEventListener('input', function(e) {
                e.target.value = applyCNPJMask(e.target.value); // Aplica a máscara durante a digitação
            });
        }

        // Máscara para CPF
        const cpfInput = document.getElementById('validationCPF');
        if (cpfInput) {
            const applyCPFMask = (value) => {
                const x = value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,3})(\d{0,2})/);
                return !x[2] ? x[1] : x[1] + '.' + x[2] + '.' + x[3] + (x[4] ? '-' + x[4] : '');
            };

            cpfInput.value = applyCPFMask(cpfInput.value); // Aplica a máscara no carregamento
            cpfInput.addEventListener('input', function(e) {
                e.target.value = applyCPFMask(e.target.value); // Aplica a máscara durante a digitação
            });

            cpfInput.addEventListener('blur', function() {
                cpfInput.value = applyCPFMask(cpfInput.value); // Corrige a máscara no blur
            });
        }

        // Máscara para Telefone
        const phoneMask = (value) => {
            if (!value) return "";
            value = value.replace(/\D/g, '');
            value = value.replace(/(\d{2})(\d)/, "($1) $2");
            value = value.replace(/(\d)(\d{4})$/, "$1-$2");
            return value;
        };

        const handlePhone = (event) => {
            let input = event.target;
            input.value = phoneMask(input.value);
        };

        const phoneInputs = document.querySelectorAll('#validationTel, #validationCel, #validationCelAd');
        phoneInputs.forEach(input => {
            input.value = phoneMask(input.value); // Aplica a máscara no valor inicial
        });

        phoneInputs.forEach(input => {
            input.addEventListener('keyup', handlePhone);
        });
    });


    function validarCPF() {
        console.log('çpf')
        var soma = 0;
        var resto;
        var inputCPF = document.getElementById('validationCPF').value;

        if (inputCPF == '00000000000') return false;
        for (i = 1; i <= 9; i++) soma = soma + parseInt(inputCPF.substring(i - 1, i)) * (11 - i);
        resto = (soma * 10) % 11;

        if ((resto == 10) || (resto == 11)) resto = 0;
        if (resto != parseInt(inputCPF.substring(9, 10))) return false;

        soma = 0;
        for (i = 1; i <= 10; i++) soma = soma + parseInt(inputCPF.substring(i - 1, i)) * (12 - i);
        resto = (soma * 10) % 11;

        if ((resto == 10) || (resto == 11)) resto = 0;
        if (resto != parseInt(inputCPF.substring(10, 11))) return false;
        return true;
    }

    $('#validationCep').on('keyup', function() {
        var cep = $(this).val().replace(/\D/g, '');
        if (cep.length == 8) {
            $.getJSON('https://viacep.com.br/ws/' + cep + '/json/', function(data) {
                if (!data.erro) {
                    $('#validationEnd').val(data.logradouro);
                    $('#validationBairro').val(data.bairro);
                    $('#validationCid').val(data.localidade);
                    $('#validationUF').val(data.uf);
                    $('#validationNum').focus();
                } else {

                    msnAlert('CEP não encontrado', 'warning');
                }
            });
        }
    });


    function validacaoEmail(field) {

        console.log(field);
        usuario = field.value.substring(0, field.value.indexOf("@"));
        dominio = field.value.substring(field.value.indexOf("@") + 1, field.value.length);

        if ((usuario.length >= 1) &&
            (dominio.length >= 3) &&
            (usuario.search("@") == -1) &&
            (dominio.search("@") == -1) &&
            (usuario.search(" ") == -1) &&
            (dominio.search(" ") == -1) &&
            (dominio.search(".") != -1) &&
            (dominio.indexOf(".") >= 1) &&
            (dominio.lastIndexOf(".") < dominio.length - 1)) {
            document.getElementById("msgemail").innerHTML = "E-mail válido";
            console.log("E-mail valido");
        } else {
            document.getElementById("msgemail").innerHTML = "<font color='red'>E-mail inválido </font>";
            console.log("E-mail invalido");
        }
    }


    function ModuloTp_Pessoa(id) {

        if (id == '1') {

            $('#div_cpf').show();
            $('#div_cnpj').hide();

        } else if (id == '2') {

            $('#div_cpf').hide();
            $('#div_cnpj').show();

        } else {

            console.log('ultimo esle');

        }
    }

    document.addEventListener('DOMContentLoaded', function() {
        const submitButton = document.getElementById('btn_editar');

        submitButton.addEventListener('click', function(event) {
            var nome = $("input[name='validationNome']").val();
            console.log(nome);

            // Verificar se pelo menos um checkbox foi marcado
            const clientCheckbox = document.querySelector('input[name="validationAtuaCliente"]');
            const supplierCheckbox = document.querySelector('input[name="validationAtuaFornecedor"]');
            const transporterCheckbox = document.querySelector('input[name="validationAtuatransp"]');

            if (!clientCheckbox.checked && !supplierCheckbox.checked && !transporterCheckbox.checked || !nome) {

                event.preventDefault(); // Previne o envio do formulário
                Swal.fire({
                    title: 'Erro!',
                    text: 'Você deve selecionar pelo menos um dos tipos: Cliente, Fornecedor ou Transportadora.',
                    icon: 'error',
                    confirmButtonText: 'Ok'
                });
            } else {
                // Mostrar mensagem de sucesso e permitir o envio do formulário
                Swal.fire({
                    title: "Cadastro Realizado com Sucesso",
                    text: "Os dados foram atualizados.",
                    icon: "success",
                    confirmButtonText: 'OK'
                }).then(function() {
                    document.getElementById('fornecedores_form_edit')
                        .submit(); // Envia o formulário
                });
            }
        });
    });
</script>
@endsection