@extends('adminlte::page')

@section('title', 'Cadastro de Produto')

@section('content_header')
    @if(Session::has('success'))
        @php
            $data = Session::get('success');
        @endphp

        @if (is_array($data))
            @foreach ($data as $msg)
                <div class="alert alert-success" role="alert">
                    <i class="fa fa-check"></i>
                    {{ $msg }}
                </div>
            @endforeach
        @else
            <div class="alert alert-success" role="alert">
                <i class="fa fa-check"></i>
                {{ $data }}
            </div>
        @endif
    @endif

    @if(Session::has('error'))
        @php
            $data = Session::get('error');
        @endphp

        @if (is_array($data))
            @foreach ($data as $msg)
                <div class="alert alert-danger" role="alert">
                    <i class="fa fa-times"></i>
                    {{ $msg }}
                </div>
            @endforeach
        @else
            <div class="alert alert-danger" role="alert">
                <i class="fa fa-times"></i>
                {{ $data }}
            </div>
        @endif
    @endif
    <div class="row">
        <div class="col-12">
            <h1>Cadastrar novo produto</h1>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <form method="POST" id="formEnvioDados" action="{{ route('products.store') }}">
                @method('POST')
                @csrf
                <div class="card">
                    <div class="card-header">
                        <div class="row mb-0">
                            <div class="col-md-12 col-12 text-right" style="text-align: right;">
                                <button type="button" id="btnSalvar" class="btn btn-primary ">
                                    {{ __('Salvar') }}
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="inativo_produto" name="inativo_produto">
                            <label class="custom-control-label" for="inativo_produto">
                                Item Inativo
                            </label>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-5">
                                <label for="referencia_produto" class="col-form-label text-md-end">{{ __('Referência') }}</label>
                                <input id="referencia_produto" type="text" class="form-control @error('referencia_produto') is-invalid @enderror" name="referencia_produto" value="{{ old('referencia_produto')}}" required autocomplete="referencia_produto" autofocus>

                                @error('referencia_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-5">
                                <label for="codigo_de_barras_produto" class="col-form-label text-md-end" id="label_razao_social_nome">{{ __('Cód. Barras') }}</label>
                                <input id="codigo_de_barras_produto" type="number" class="form-control @error('codigo_de_barras_produto') is-invalid @enderror" name="codigo_de_barras_produto" value="{{old('codigo_de_barras_produto')}}" autocomplete="codigo_de_barras_produto" autofocus>

                                @error('codigo_de_barras_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label>&nbsp;</label> <!-- Label vazio para criar espaço -->
                                <div class="d-flex align-items-end mt-1">
                                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#edicoesModal">
                                        {{ __('Edições') }}
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-12">
                                <label for="nome_produto" class="col-form-label text-md-end">{{ __('Descrição') }}</label>
                                <input id="nome_produto" type="text" class="form-control @error('nome_produto') is-invalid @enderror" name="nome_produto" value="{{ old('nome_produto') }}" required autocomplete="nome_produto" autofocus>

                                @error('nome_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <div class="row mb-0">
                            <div class="col-md-12 col-12 " >
                                <h6>
                                    Configurações
                                </h6>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-4">
                                <label for="grupo_produto" class="col-form-label text-md-end">{{ __('Grupo') }}</label>
                                <select id="grupo_produto" type="text" class="custom-select @error('grupo_produto') is-invalid @enderror select2" name="grupo_produto" value="{{ old('grupo_produto') }}" required autocomplete="grupo_produto" autofocus>
                                </select>

                                @error('grupo_produto')
                                    <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="unidade_produto" class="col-form-label text-md-end">{{ __('Unidade') }}</label>
                                <input id="unidade_produto'" type="text" class="form-control @error('unidade_produto') is-invalid @enderror" name="unidade_produto" value="{{ old('unidade_produto') }}" autocomplete="unidade_produto" autofocus>

                                @error('unidade_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-3">
                                <label for="procedencia_produto" class="col-form-label text-md-end">{{ __('Procedência') }}</label>
                                <select id="procedencia_produto" type="text" class="custom-select @error('procedencia_produto') is-invalid @enderror" name="procedencia_produto" value="{{ old('procedencia_produto') }}" autocomplete="procedencia_produto" autofocus>
                                    <option value="0" >Interna</option>
                                    <option value="1" >Importado</option>
                                </select>

                                @error('procedencia_produto')
                                    <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                @enderror
                            </div>
                            <div class="col-md-3">
                                <label for="tipo_producao_produto" class="col-form-label text-md-end">{{ __('Produção') }}</label>
                                <select id="tipo_producao_produto" type="text" class="custom-select @error('tipo_producao_produto') is-invalid @enderror" name="tipo_producao_produto" value="{{ old('tipo_producao_produto') }}" autocomplete="tipo_producao_produto" autofocus>
                                    <option value="0" >Terceiros</option>
                                    <option value="1" >Própria</option>
                                </select>

                                @error('tipo_producao_produto')
                                    <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-2">
                                <label for="valor_venda_produto" class="col-form-label text-md-end">{{ __('Valor de Venda') }}</label>
                                <input id="valor_venda_produto" type="text" class="form-control @error('valor_venda_produto') is-invalid @enderror" name="valor_venda_produto" value="{{ old('valor_venda_produto','0,00') }}" required autocomplete="valor_venda_produto" autofocus oninput="formatarValor(this)">

                                @error('valor_venda_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="margem_lucro" class="col-form-label text-md-end">{{ __('Margem Lucro') }}</label>
                                <input id="margem_lucro" type="text" class="form-control @error('margem_lucro') is-invalid @enderror" name="margem_lucro" value="{{ old('margem_lucro','0,00') }}" autocomplete="margem_lucro" autofocus oninput="formatarValor(this)">

                                @error('margem_lucro')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="valor_custo_produto" class="col-form-label text-md-end">{{ __('Valor de Custo') }}</label>
                                <input id="valor_custo_produto" type="text" class="form-control @error('valor_custo_produto') is-invalid @enderror" name="valor_custo_produto" value="{{ old('valor_custo_produto','0,00') }}" autocomplete="valor_custo_produto" autofocus oninput="formatarValor(this)">

                                @error('valor_custo_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="estoque_min" class="col-form-label text-md-end">{{ __('Estoque Min.') }}</label>
                                <input id="estoque_min" type="text" class="form-control @error('estoque_min') is-invalid @enderror" name="estoque_min" value="{{ old('estoque_min','0,00') }}" autocomplete="estoque_min" autofocus oninput="formatarValor(this)">

                                @error('estoque_min')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="estoque_max" class="col-form-label text-md-end">{{ __('Estoque Max.') }}</label>
                                <input id="estoque_max" type="text" class="form-control @error('estoque_max') is-invalid @enderror" name="estoque_max" value="{{ old('estoque_max','0,00') }}" autocomplete="estoque_max" autofocus oninput="formatarValor(this)">

                                @error('estoque_max')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="desconto_max" class="col-form-label text-md-end">{{ __('Desc. Max.')  }}<i class="fas fa fa-info-circle" title="Limite de desconto para a venda de mercadoria"></i></label>
                                <input id="desconto_max" type="text" class="form-control @error('desconto_max') is-invalid @enderror" name="desconto_max" value="{{ old('desconto_max','0,00') }}" autocomplete="desconto_max" autofocus oninput="formatarValor(this)">

                                @error('desconto_max')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>                                
                        <div class="row mb-3">
                            <div class="col-md-2">
                                <label for="saldo" class="col-form-label text-md-end">{{ __('Saldo') }}</label>
                                <input id="saldo" type="text" class="form-control @error('saldo') is-invalid @enderror" name="saldo" value="{{ old('saldo','0,00') }}" required autocomplete="saldo" autofocus oninput="formatarValor(this)">

                                @error('saldo')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="dias_devol" class="col-form-label text-md-end">{{ __('N dias Devol.') }}</label>
                                <input id="dias_devol" type="number" class="form-control @error('dias_devol') is-invalid @enderror" name="dias_devol" value="{{ old('dias_devol') }}" autocomplete="dias_devol" autofocus>

                                @error('dias_devol')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="prazo_pedido" class="col-form-label text-md-end">{{ __('Prazo Pedidos') }}</label>
                                <input id="prazo_pedido" type="number" class="form-control @error('prazo_pedido') is-invalid @enderror" name="prazo_pedido" value="{{ old('prazo_pedido') }}" autocomplete="prazo_pedido" autofocus>

                                @error('prazo_pedido')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="desconto_entrada" class="col-form-label text-md-end">{{ __('Desconto (%)') }}</label>
                                <input id="desconto_entrada" type="text" class="form-control @error('desconto_entrada') is-invalid @enderror" name="desconto_entrada" value="{{ old('desconto_entrada','0,00') }}" autocomplete="desconto_entrada" autofocus oninput="formatarValor(this)">

                                @error('desconto_entrada')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="desconto_markup" class="col-form-label text-md-end">{{ __('Markup (%)') }}</label>
                                <input id="desconto_markup" type="text" class="form-control @error('desconto_markup') is-invalid @enderror" name="desconto_markup" value="{{ old('desconto_markup','0,00') }}" autocomplete="desconto_markup" autofocus oninput="formatarValor(this)">

                                @error('desconto_markup')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <div class="row mb-0">
                            <div class="col-md-12 col-12 " >
                                <h6>
                                    Impostos
                                </h6>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-3">
                                <label for="ncm_produto" class="col-form-label text-md-end">{{ __('NCM') }}</label>
                                <select id="ncm_produto" type="text" class="custom-select @error('ncm_produto') is-invalid @enderror select2 select2-ncm" name="ncm_produto" value="{{ old('ncm_produto') }}" autocomplete="ncm_produto" autofocus>
                                </select>
                                    
                                @error('ncm_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-3">
                                <label for="cest_produto" class="col-form-label text-md-end">{{ __('CEST') }}</label>
                                <input id="cest_produto" type="number" class="form-control @error('cest_produto') is-invalid @enderror" name="cest_produto" value="{{ old('cest_produto') }}" autocomplete="cest_produto" autofocus>

                                @error('cest_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="cst_csosn_produto" class="col-form-label text-md-end">{{ __('CST') }}</label>
                                <input id="cst_csosn_produto" type="number" class="form-control @error('cst_csosn_produto') is-invalid @enderror" name="cst_csosn_produto" value="{{ old('cst_csosn_produto') }}" autocomplete="cst_csosn_produto" autofocus>

                                @error('cst_csosn_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="cfop_produto" class="col-form-label text-md-end">{{ __('CFOP') }}</label>
                                <input id="cfop_produto" type="number" class="form-control @error('cfop_produto') is-invalid @enderror" name="cfop_produto" value="{{ old('cfop_produto') }}" autocomplete="cfop_produto" autofocus>

                                @error('cfop_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="substituicao_tributaria" class="col-form-label text-md-end">{{ __('ST') }}</label>
                                <select id="substituicao_tributaria" type="text" class="custom-select @error('substituicao_tributaria') is-invalid @enderror" name="substituicao_tributaria" value="{{ old('substituicao_tributaria') }}" autocomplete="substituicao_tributaria" autofocus>
                                    <option value="0" >Não</option>
                                    <option value="1" >Sim</option>
                                </select>

                                @error('substituicao_tributaria')
                                    <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                @enderror
                                <input value="0" type="hidden" name="ccnpj">
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-2">
                                <label for="ipi_produto" class="col-form-label text-md-end">{{ __('IPI') }}</label>
                                <input id="ipi_produto" type="text" class="form-control @error('ipi_produto') is-invalid @enderror" name="ipi_produto" value="{{ old('ipi_produto' ,'0,00') }}" autocomplete="ipi_produto" autofocus oninput="formatarValor(this)">

                                @error('ipi_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="icms_1_produto" class="col-form-label text-md-end">{{ __('ICMS1') }}</label>
                                <input id="icms_1_produto" type="text" class="form-control @error('icms_1_produto') is-invalid @enderror" name="icms_1_produto" value="{{ old('icms_1_produto' ,'0,00') }}" autocomplete="icms_1_produto" autofocus oninput="formatarValor(this)">

                                @error('icms_1_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="icms_2_produto" class="col-form-label text-md-end">{{ __('ICMS2') }}</label>
                                <input id="icms_2_produto" type="text" class="form-control @error('icms_2_produto') is-invalid @enderror" name="icms_2_produto" value="{{ old('icms_2_produto','0,00') }}" autocomplete="icms_2_produto" autofocus oninput="formatarValor(this)">

                                @error('icms_2_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <label for="icms_3_produto" class="col-form-label text-md-end">{{ __('ICMS3') }}</label>
                                <input id="icms_3_produto" type="text" class="form-control @error('icms_3_produto') is-invalid @enderror" name="icms_3_produto" value="{{ old('icms_3_produto','0,00') }}" autocomplete="icms_3_produto" autofocus oninput="formatarValor(this)">

                                @error('icms_3_produto')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
        
    <!-- Edicoes-->
     <div class="modal" tabindex="-1" role="dialog" id="edicoesModal">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Ediçoes da Mercadoria</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <button type="button" class="btn-primary" data-toggle="modal" data-target="#AddedicaoModal">
                        {{ __('Novo') }}
                    </button>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th scope="col" class="col-md-6 col-12">Edição</th>
                                    <th scope="col" class="col-md-3 col-12">Quantidade</th>
                                    <th scope="col" class="col-sm-3">Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Sem Nenhum registro</td>
                                </tr>    
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Criar Edição-->
    <div class="modal" tabindex="-1" role="dialog" id="AddedicaoModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Cadastrar uma novo Edição</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                        
                    <label for="edicao" class="col-form-label text-md-end">{{ __('Edição') }}</label>
                    <input id="edicao" type="text" class="form-control @error('edicao') is-invalid @enderror" name="edicao" value="{{ old('edicao') }}"  autocomplete="edicao" autofocus>
                        
                    <label for="qtde_edicao" class="col-form-label text-md-end">{{ __('Quantidade') }}</label>
                    <input id="qtde_edicao" type="number" class="form-control" name="qtde_edicao" value="{{ old('qtde_edicao') }}" min="1" autocomplete="qtde_edicao" autofocus>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnSalvarEdicao"class="btn btn-primary">
                        {{ __('Salvar') }}
                    </button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal" tabindex="-1" role="dialog" id="editedicaoModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Editar Edição</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input id="idEdicaoInput" type="hidden" class="form-control" name="id">
                
                    <label for="editEdicao" class="col-form-label">{{ __('Edição') }}</label>
                    <input id="editEdicao" type="text" class="form-control" name="edicao" autofocus>
                
                    <label for="editQuantidade" class="col-form-label">{{ __('Quantidade') }}</label>
                    <input id="editQuantidade" type="number" class="form-control" name="quantidade" min="1">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="btnSalvarEdicaoEditada">Salvar</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>

@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-theme/0.1.0-beta.10/select2-bootstrap.min.css" rel="stylesheet" />

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

        .select2-selection--single {
            border: 1px solid #ced4da;
            border-radius: 4px;
            padding: 10px;
            height: 40px !important;
            box-sizing: border-box; 
        }

        .select2-selection__arrow {
            height: 38px; 
        }

        .select2-selection__rendered {
            color: #495057; 
            line-height: 40px; 
        }

        .select2-container--default .select2-selection--single .select2-selection__placeholder {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 14px;
            color: #6c757d;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .select2-container--default.select2-container--focus .select2-selection--single {
            border-color: #80bdff; 
        }

        .campo-obrigatorio-faltando {
            border: 2px solid red; /* Estilo de borda para destacar */
        }
  
    </style>
@stop

@section('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/i18n/pt-BR.js"></script>
    <script>
        $(document).ready(function() {
            $('#ncm_produto').select2({
                theme: 'default',
                language: "pt-BR",
                width: '100%',
                ajax: {
                    url: '/buscar-ncm',
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data.results
                        };
                    },
                    cache: true
                },
                minimumInputLength: 1,
                placeholder: 'Digite o NCM'
            });

        });

        $(document).ready(function() {
            $('#grupo_produto').select2({
                theme: 'default',
                language: "pt-BR",
                width: '100%',
                ajax: {
                    url: '/buscar-group',
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data.results
                        };
                    },
                    cache: true
                },
                minimumInputLength: 1,
                placeholder: 'Digite o grupo'
            });

        });

        $(document).on('select2:open', (e) => {
            const selectId = e.target.id;
            $(".select2-search__field[aria-controls='select2-" + selectId + "-results']").each(function (key, value) {
                value.focus();
            });
        })

        let edicoes = [];

        // Salvar uma nova edição
        document.getElementById('btnSalvarEdicao').addEventListener('click', function() {
            var edicao = document.getElementById('edicao').value;
            var quantidade = document.getElementById('qtde_edicao').value;

            if (edicao.trim() === '') {
                Swal.fire({
                    icon: 'warning',
                    title: 'Campo obrigatório',
                    text: 'O campo "Edição" não pode estar vazio.',
                });
                return;
            }

            if (quantidade.trim() === '') {
                quantidade = '0';
            }

            var edicaoExistente = edicoes.find(function(item) {
                return item.edicao === edicao.trim();
            });

            if (edicaoExistente) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Edição duplicada',
                    text: 'Essa edição já foi adicionada.',
                });
                return;
            }

            edicoes.push({
                edicao: edicao,
                quantidade: quantidade
            });

            document.getElementById('edicao').value = '';
            document.getElementById('qtde_edicao').value = '';
            $('#AddedicaoModal').modal('hide');

            atualizarTabelaEdicoes();
        });

        function atualizarTabelaEdicoes() {
            var tabela = document.querySelector('#edicoesModal tbody');
            tabela.innerHTML = '';

            edicoes.forEach(function(edicao, index) {
                tabela.innerHTML += `
                <tr>
                    <td>${edicao.edicao}</td>
                    <td>${edicao.quantidade}</td>
                    <td>
                        <button type="button" class="btn btn-primary btn-sm" onclick="abrirModalEdicao(${index})">Editar</button>
                        <button type="button" class="btn btn-danger btn-sm" onclick="removerEdicao(${index})">Excluir</button>
                    </td>
                </tr>`;
            });
        }

        function removerEdicao(index) {
            Swal.fire({
                title: 'Deseja realmente excluir essa edição?',
                text: "Essa ação não pode ser desfeita!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sim, excluir!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    edicoes.splice(index, 1);
                    atualizarTabelaEdicoes();

                    Swal.fire(
                        'Excluído!',
                        'A edição foi removida com sucesso.',
                        'success'
                    );
                }
            });
        }
    
        // Função para abrir o modal de edição e preencher os campos
        function abrirModalEdicao(index) {
            var edicao = edicoes[index];

            document.getElementById('idEdicaoInput').value = index;
            document.getElementById('editEdicao').value = edicao.edicao;
            document.getElementById('editQuantidade').value = edicao.quantidade;

            $('#editedicaoModal').modal('show');
        }

        // Evento para salvar a edição editada
        document.getElementById('btnSalvarEdicaoEditada').addEventListener('click', function() {
            var index = document.getElementById('idEdicaoInput').value;
            var edicao = document.getElementById('editEdicao').value;
            var quantidade = document.getElementById('editQuantidade').value;

            if (edicao.trim() === '') {
                Swal.fire({
                    icon: 'warning',
                    title: 'Campo obrigatório',
                    text: 'O campo "Edição" não pode estar vazio.',
                });
                return;
            }

            if (quantidade.trim() === '') {
                quantidade = '0';
            }

            // Atualiza a edição
            edicoes[index] = {
                edicao: edicao,
                quantidade: quantidade
            };

            $('#editedicaoModal').modal('hide');
            atualizarTabelaEdicoes();
        });

        function formatarValor(input) {
            let valor = input.value.replace(/\D/g, ''); // Remove tudo que não for dígito
            valor = (valor / 100).toFixed(2); // Converte para um número decimal
            valor = valor.replace('.', ','); // Troca ponto por vírgula
            valor = valor.replace(/\B(?=(\d{3})+(?!\d))/g, "."); // Adiciona ponto como separador de milhar
            input.value = valor;
        }

        // Envia os dados ao clicar no botão "Salvar"
        document.getElementById('btnSalvar').addEventListener('click', function(event) {
            event.preventDefault();

            // Verifica se os campos obrigatórios estão preenchidos
            if (camposObrigatoriosPreenchidos()) {
                Swal.fire({
                    title: 'Confirmação',
                    text: 'Deseja realmente gravar esse Produto?',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Confirmar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                    var inputEdicoes = document.createElement('input');
                    inputEdicoes.type = 'hidden';
                    inputEdicoes.name = 'edicoes';
                    inputEdicoes.value = JSON.stringify(edicoes);
                    document.getElementById('formEnvioDados').appendChild(inputEdicoes);

                    // Submete o formulário
                    document.getElementById('formEnvioDados').submit();
                }
            });
        } else {
            // Exibe mensagem de erro caso os campos obrigatórios não estejam preenchidos
            Swal.fire({
                title: 'Erro',
                text: 'Por favor, preencha todos os campos obrigatórios.',
                icon: 'error',
                confirmButtonColor: '#3085d6',
                confirmButtonText: 'OK'
            });
        }
    });

    function camposObrigatoriosPreenchidos() {
        var campos = $('input[required], select[required], textarea[required]');
        var Preenchidos = true;

        // Verifica os campos obrigatórios padrão (input, select, textarea)
        campos.each(function() {
            if ($(this).is('select') && $(this).hasClass('select2-hidden-accessible')) {
                // Verifica se é um select2 e se está vazio
                var select2Val = $(this).val();
                if (!select2Val) {
                    Preenchidos = false;
                    $(this).next('.select2-container').addClass('campo-obrigatorio-faltando');
                } else {
                    $(this).next('.select2-container').removeClass('campo-obrigatorio-faltando');
                }
            } else {
                // Verifica os outros tipos de campos
                if (!$(this).val().trim()) {
                    Preenchidos = false;
                    $(this).addClass('campo-obrigatorio-faltando');
                } else {
                    $(this).removeClass('campo-obrigatorio-faltando');
                }
            }
        });

        return Preenchidos;
    }

    $(document).ready(function() {
            // Adiciona evento de clique para remover classe ao interagir com campos obrigatórios
            $('input[required], select[required], textarea[required]').on('input change', function() {
                if ($(this).is('select') && $(this).hasClass('select2-hidden-accessible')) {
                // Verifica se é um select2 e se está vazio
                    var select2Val = $(this).val();
                    if (!select2Val) {
                        $(this).next('.select2-container').addClass('campo-obrigatorio-faltando');
                    } else {
                        $(this).next('.select2-container').removeClass('campo-obrigatorio-faltando');
                    }
                } else {
                    if (!$(this).val().trim()) {
                        $(this).addClass('campo-obrigatorio-faltando');
                    } else {
                        $(this).removeClass('campo-obrigatorio-faltando');
                    }
                }
            });
        });
    </script>

@stop