@extends('adminlte::page')

@section('title', 'Edição de Produto')

@section('content_header')
    <div class="row">
        <div class="col-12">
            <h1>Editar dados do produto</h1>
        </div>
    </div>
@stop

@section('content')
    @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-md-12">
            <form method="POST" id="formEnvioDados" action="{{ route('products.update', $produto->id) }}">
                @method('PATCH')
                @csrf
                <div class="card">
                    <div class="card-header">
                        <div class="row mb-0">
                            <div class="col-md-8 col-8">
                                <h3>{{ __('Produto') }}</h3>
                            </div>
                            <div class="col-md-4 col-4 text-lg-end" style="text-align: right;">
                                <button type="button" id="btnSalvar"class="btn btn-primary ">
                                    {{ __('Salvar') }}
                                </button>
                                <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#ModalDelete">
                                    {{ __('Deletar') }}
                                </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" @if($produto->inativo_produto == 1) checked @endif>
                            <label class="custom-control-label" for="inativo_produto">
                                Item Inativo
                            </label>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-4">
                                <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', $produto->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', $produto->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>
                                    <button type="button" class="btn btn-primary ml-1" data-toggle="modal" data-target="#historicoModal">
                                        {{ __('Historico') }}
                                    </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', $produto->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" required autocomplete="grupo_produto" autofocus>
                                    @foreach($grupos as $grupo)
                                        <option value="{{$grupo->id}}" {{ $grupo->id == $produto->grupo_produto ? 'selected' : '' }}>{{$grupo->nome}}</option>
                                    @endforeach
                                </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', $produto->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" 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" 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', number_format($produto->valor_venda_produto, 2, ',', '.')) }}" 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', number_format($produto->margem_lucro, 2, ',', '.')) }}" 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', number_format($produto->valor_custo_produto, 2, ',', '.')) }}" 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', number_format($produto->estoque_min, 2, ',', '.')) }}" 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', number_format($produto->estoque_max, 2, ',', '.')) }}" 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', number_format($produto->desconto_max, 2, ',', '.')) }}" 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', number_format($produto->saldo, 2, ',', '.')) }}" autocomplete="saldo" autofocus>

                                @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="text" class="form-control @error('dias_devol') is-invalid @enderror" name="dias_devol" value="{{ old('dias_devol', $produto->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="text" class="form-control @error('prazo_pedido') is-invalid @enderror" name="prazo_pedido" value="{{ old('prazo_pedido', $produto->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', number_format($produto->desconto_entrada, 2, ',', '.')) }}" 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', number_format($produto->desconto_markup, 2, ',', '.')) }}" autocomplete="desconto_markup" autofocus oninput="formatarValor(this)">

                                @error('desconto_markup')
                                    <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="#infoModal">
                                        {{ __('Outras info.') }}
                                    </button>
                                </div>
                            </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" autocomplete="ncm_produto" autofocus>
                                    @if(isset($ncmAtual))
                                        <option value="{{ $ncmAtual->id }}" selected>{{ $ncmAtual->codigo }} - {{ $ncmAtual->descricao }}</option>
                                    @endif
                                </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', $produto->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', $produto->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', $produto->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', $produto->substituicao_tributaria) }}" autocomplete="substituicao_tributaria" autofocus>
                                    <option value="0" @if ($produto->substituicao_tributaria == 0) selected @endif>Não</option>
                                    <option value="1" @if ($produto->substituicao_tributaria == 1) selected @endif>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="number" class="form-control @error('ipi_produto') is-invalid @enderror" name="ipi_produto" value="{{ old('ipi_produto', $produto->ipi_produto) }}" autocomplete="ipi_produto" autofocus>

                                @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>
                                @php
                                    $icms_1_produto = $produto->icms_1_produto != '' ? number_format($produto->icms_1_produto, 2, ',', '.') : '0,00';
                                @endphp
                                <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', $icms_1_produto) }}" 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>
                                @php
                                    $icms_2_produto = $produto->icms_2_produto != '' ? number_format($produto->icms_2_produto, 2, ',', '.') : '0,00';
                                @endphp
                                <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', $icms_2_produto) }}" 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>
                                @php
                                    $icms_3_produto = $produto->icms_3_produto != '' ? number_format($produto->icms_3_produto, 2, ',', '.') : '0,00';
                                @endphp
                                <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', $icms_3_produto) }}" 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>
                </div>
            </form>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <div class="row mb-0">
                <div class="col-md-12 col-12 ">
                    <h6>
                        Vínculos
                    </h6>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-12">
                    <label for="autores" class="col-form-label text-md-end">{{ __('Autores') }}</label>
                    <button type="button" class="btn-primary" data-toggle="modal" data-target="#autorModal">
                        {{ __('Novo') }}
                    </button>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th scope="col" class="col-md-6 col-12">Nome</th>
                                    <th scope="col" class="col-sm-3">Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(count($autores) === 0)
                                    <tr>
                                        <td>Sem Nenhum registro</td>
                                    </tr>
                                @else
                                @foreach($autores as $autor)
                                    <tr>
                                        <td data-id="{{$autor->id}}" data-autor="{{$autor->nome_autor}}">{{$autor->nome_autor}}</td>
                                        <td>
                                            <button type="button" class="btn btn-primary btn-sm editAutor-button" data-toggle="modal" data-target="#autorModalEdit" data-id="{{$autor->id}}">
                                                <i class="fa fa-edit"></i>
                                                <span>
                                                    Editar
                                                </span>
                                            </button>
                                            <button type="button" class="btn btn-danger btn-sm deleteAutor-button" data-toggle="modal" data-target="#AutorModalDelete" data-id="{{$autor->id}}">
                                                <i class="fa fa-trash"></i>
                                                <span>
                                                    Excluir
                                                </span>
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-12">
                    <label for="assuntos" class="col-form-label text-md-end">{{ __('Assuntos') }}</label>
                    <button type="button" class="btn-primary" data-toggle="modal" data-target="#AssuntoModal">
                        {{ __('Novo') }}
                    </button>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th scope="col" class="col-md-6 col-12">Nome</th>
                                    <th scope="col" class="col-sm-3">Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(count($assuntos) === 0)
                                    <tr>
                                        <td>Sem Nenhum registro</td>   
                                    </tr>
                                @else
                                    @foreach($assuntos as $assunto)
                                        <tr>
                                            <td data-id="{{$assunto->id}}" data-assunto="{{$assunto->assunto}}">{{$assunto->assunto}}</td>
                                            <td>
                                                <button type="button" class="btn btn-primary btn-sm editAssunto-button" data-toggle="modal" data-target="#AssuntoModalEdit" data-id="{{$assunto->id}}">
                                                    <i class="fa fa-edit"></i>
                                                    <span>
                                                        Editar
                                                    </span>
                                                </button>
                                                <button type="button" class="btn btn-danger btn-sm delAssunto-button" data-toggle="modal" data-target="#AssuntoModalDelete" data-id="{{$assunto->id}}">
                                                    <i class="fa fa-trash"></i>
                                                    <span>
                                                        Excluir
                                                    </span>
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-12">
                    <label for="assuntos" class="col-form-label text-md-end">{{ __('Fornecedores') }}</label>
                    <button type="button" class="btn-primary" data-toggle="modal" data-target="#FornecedorModal">
                        {{ __('Novo') }}
                    </button>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th scope="col" class="col-md-6 col-12">Nome</th>
                                    <th scope="col" class="col-sm-3">Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(count($fornecedores) === 0)
                                    <tr>
                                        <td>Sem Nenhum registro</td>   
                                    </tr>
                                @else
                                    @foreach($fornecedores as $fornecedor)
                                        @foreach($Vinculofornecedores as $vinculo)
                                            @if($vinculo->supplier_id == $fornecedor->id)
                                                <tr>
                                                    <td data-id="{{ $vinculo->id }}" data-fornecedor="{{ $fornecedor->razao_social_nome }}" data-codigo="{{ $fornecedor->codigo }}">
                                                        {{ $fornecedor->razao_social_nome }}
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-primary btn-sm editFornecedor-button" data-toggle="modal" data-target="#FornecedorModalEdit" data-id="{{ $vinculo->id }}" data-codigo="{{ $fornecedor->codigo }}">
                                                            <i class="fa fa-edit"></i>
                                                            <span>
                                                                Editar
                                                            </span>
                                                        </button>
                                                        <button type="button" class="btn btn-danger btn-sm delFornecedor-button" data-toggle="modal" data-target="#FornecedorModalDelete" data-id="{{$vinculo->id}}" data-codigo="{{ $fornecedor->codigo }}">
                                                            <i class="fa fa-trash"></i>
                                                            <span>
                                                                Excluir
                                                            </span>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endif
                                        @endforeach
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Infomações Quantidade-->
    <div class="modal" tabindex="-1" role="dialog" id="infoModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Outras Informações</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row mb-4">
                        <div class="col-md-12 col-12">
                            <h6> última Entrada </h6>
                        </div>
                        @if($ultima_entrada)
                            <div class="col-md-6 col-12">
                                <label>Data</label>   
                                <input id="ultima_entrada_data" type="date" class="form-control @error('ultima_entrada_data') is-invalid @enderror" name="ultima_entrada_data" value="{{ old('ultima_entrada_data', $ultima_entrada->created_at->format('Y-m-d')) }}" autocomplete="ultima_entrada_data" readonly>
                            </div>
                            <div class="col-md-6 col-12">
                                <label>Quantiade</label>   
                                <input id="ultima_entrada_quatidade" type="text" class="form-control @error('ultima_entrada_quatidade') is-invalid @enderror" name="ultima_entrada_quatidade" value="{{ old('ultima_entrada_quatidade', $ultima_entrada->quantidade) }}" autocomplete="ultima_entrada_quatidade" readonly>
                            </div>
                        @else
                            <div class="col-md-6 col-12">
                                <label>Data</label>   
                                <input id="ultima_entrada_data" type="date" class="form-control @error('ultima_entrada_data') is-invalid @enderror" name="ultima_entrada_data" value="{{ old('ultima_entrada_data') }}" autocomplete="ultima_entrada_data" readonly>
                            </div>
                            <div class="col-md-6 col-12">
                                <label>Quantiade</label>   
                                <input id="ultima_entrada_quatidade" type="text" class="form-control @error('ultima_entrada_quatidade') is-invalid @enderror" name="ultima_entrada_quatidade" value="{{ old('ultima_entrada_quatidade') }}" autocomplete="ultima_entrada_quatidade" readonly>
                            </div>
                        @endif
                    </div>
                    <hr>
                    <div class="row mb-4">
                        <div class="col-md-12 col-12">
                            <h6> última Devolução </h6>
                        </div>
                        @if($ultima_devolvida)
                            <div class="col-md-6 col-12">
                                <label>Data</label>   
                                <input id="ultima_devolvida_data" type="date" class="form-control @error('ultima_devolvida_data') is-invalid @enderror" name="ultima_devolvida_data" value="{{ old('ultima_devolvida_data', $ultima_devolvida->created_at->format('Y-m-d')) }}" autocomplete="ultima_devolvida_data" readonly>
                            </div>
                            <div class="col-md-6 col-12">
                                <label>Quantiade</label>   
                                <input id="ultima_devolvida_quantidade" type="text" class="form-control @error('ultima_devolvida_quantidade') is-invalid @enderror" name="ultima_devolvida_quantidade" value="{{ old('ultima_devolvida_quantidade', $ultima_devolvida->encalhe) }}" autocomplete="ultima_devolvida_quantidade" readonly>
                            </div>
                        @else
                            <div class="col-md-6 col-12">
                                <label>Data</label>   
                                <input id="ultima_devolvida_data" type="date" class="form-control @error('ultima_devolvida_data') is-invalid @enderror" name="ultima_devolvida_data" value="{{ old('ultima_devolvida_data') }}" autocomplete="ultima_devolvida_data" readonly>
                            </div>
                            <div class="col-md-6 col-12">
                                <label>Quantiade</label>   
                                <input id="ultima_devolvida_quantidade" type="text" class="form-control @error('ultima_devolvida_quantidade') is-invalid @enderror" name="ultima_devolvida_quantidade" value="{{ old('ultima_devolvida_quantidade') }}" autocomplete="ultima_devolvida_quantidade" readonly>
                            </div>
                        @endif
                    </div>
                    <hr>
                    <div class="row mb-4">
                        <div class="col-md-12 col-12">
                            <h6> Quantidades Acumuladas </h6>
                        </div>
                        @if($Entrada_Consignado_total)
                            <div class="col-md-4 col-12">
                                <label>Consiginada</label>   
                                <input id="entrada_consignado" type="text" class="form-control @error('entrada_consignado') is-invalid @enderror" name="entrada_consignado" value="{{ old('entrada_consignado', $Entrada_Consignado_total) }}" autocomplete="entrada_consignado" readonly>
                            </div>
                        @else
                            <div class="col-md-4 col-12">
                                <label>Consiginada</label>   
                                <input id="entrada_consignado" type="date" class="form-control @error('entrada_consignado') is-invalid @enderror" name="entrada_consignado" value="{{ old('entrada_consignado') }}" autocomplete="entrada_consignado" readonly>
                            </div>
                        @endif
                        @if($Entrada_Compra_total)
                            <div class="col-md-4 col-12">
                                <label>Compra</label>   
                                <input id="entrada_compra" type="text" class="form-control @error('entrada_compra') is-invalid @enderror" name="entrada_compra" value="{{ old('entrada_compra', $Entrada_Compra_total) }}" autocomplete="entrada_compra" readonly>
                            </div>
                        @else
                            <div class="col-md-4 col-12">
                                <label>Compra</label>   
                                <input id="entrada_compra" type="text" class="form-control @error('entrada_compra') is-invalid @enderror" name="entrada_compra" value="{{ old('entrada_compra') }}" autocomplete="entrada_compra" readonly>
                            </div>
                        @endif
                        @if($Devolvida_Consignado_total)
                            <div class="col-md-4 col-12">
                                <label>Devolvida</label>   
                                <input id="devolvida_consignado" type="text" class="form-control @error('devolvida_consignado') is-invalid @enderror" name="devolvida_consignado" value="{{ old('devolvida_consignado', $Devolvida_Consignado_total) }}" autocomplete="devolvida_consignado" readonly>
                            </div>
                        @else
                            <div class="col-md-4 col-12">
                                <label>Devolvida</label>   
                                <input id="devolvida_consignado" type="text" class="form-control @error('devolvida_consignado') is-invalid @enderror" name="devolvida_consignado" value="{{ old('devolvida_consignado') }}" autocomplete="devolvida_consignado" readonly>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>

   

    <!-- Modal Criar Autor-->
    <form method="POST" action="{{ route('authors.store') }}">
        @method('POST')
        @csrf
        <div class="modal" tabindex="-1" role="dialog" id="autorModal">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Cadastrar novo Autor</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="produto_id" type="hidden" class="form-control @error('produto_id') is-invalid @enderror" name="produto_id" value="{{ old('produto_id', $produto->id) }}" autocomplete="produto_id">
                        <label for="nome_autor" class="col-form-label text-md-end">{{ __('Autor') }}</label>
                        <input id="nome_autor" type="text" class="form-control @error('nome_autor') is-invalid @enderror" name="nome_autor" value="{{ old('nome_autor') }}"  autocomplete="nome_autor" autofocus>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Salvar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    </form>



    <!-- Modal Editar Autor-->
    @foreach($autores as $autor)
        <form id="EditarAutor" method="POST" action="{{ route('authors.update', $autor->id) }}">
            @method('PATCH')
            @csrf
            <div class="modal" tabindex="-1" role="dialog" id="autorModalEdit">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Editar dados do Autor</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="idInput" type="hidden" class="form-control" name="id" readonly>
                            <input id="produto_id" type="hidden" class="form-control @error('produto_id') is-invalid @enderror" name="produto_id" value="{{ old('produto_id', $produto->id) }}"  autocomplete="produto_id">
                            <label for="nome_autor" class="col-form-label text-md-end">{{ __('Autor') }}</label>
                            <input id="autorInput" type="text" class="form-control @error('nome_autor') is-invalid @enderror" name="nome_autor" value="{{ old('nome_autor', $autor->nome_autor) }}"  autocomplete="nome_autor" autofocus>    
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Salvar</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endforeach

    <!-- Modal Delete Autor-->
    @foreach($autores as $autor)
        <form id="deletarAutor" method="POST" action="{{ route('authors.destroy', $autor->id) }}">
            @method('delete')
            @csrf
            <div class="modal fade" id="AutorModalDelete" tabindex="-1" aria-labelledby="DeleteModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="DeleteModalLabel">Deletar Registro</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            Deseja Realmente Excluir este Autor?
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                            <button type="submit" class="btn btn-danger">Excluir</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endforeach

    <!-- Modal Criar Assunto-->
    <form method="POST" action="{{ route('subjects.store') }}">
        @method('POST')
        @csrf
        <div class="modal" tabindex="-1" role="dialog" id="AssuntoModal">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Cadastrar novo Assunto</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="produto_id" type="hidden" class="form-control @error('produto_id') is-invalid @enderror" name="produto_id" value="{{ old('produto_id', $produto->id) }}" autocomplete="produto_id">
                        <label for="assunto" class="col-form-label text-md-end">{{ __('Assunto') }}</label>
                        <input id="assunto" type="text" class="form-control @error('assunto') is-invalid @enderror" name="assunto" value="{{ old('assunto') }}" autocomplete="assunto" autofocus>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Salvar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    </form>


    <!-- Modal Editar Assunto-->
    @foreach($assuntos as $assunto)
        <form id="EditarAssunto" method="POST" action="{{ route('subjects.update', $assunto->id) }}">
            @method('PATCH')
            @csrf
            <div class="modal" tabindex="-1" role="dialog" id="AssuntoModalEdit">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Editar dados do Assunto</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="idInput" type="hidden" class="form-control" name="id" readonly>
                            <input id="produto_id" type="hidden" class="form-control @error('produto_id') is-invalid @enderror" name="produto_id" value="{{ old('produto_id', $produto->id) }}" autocomplete="produto_id">
                            <label for="assunto" class="col-form-label text-md-end">{{ __('Assunto') }}</label>
                            <input id="assuntoInput" type="text" class="form-control @error('assunto') is-invalid @enderror" name="assunto" value="{{ old('assunto', $assunto->assunto) }}" autocomplete="assunto" autofocus>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Salvar</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endforeach


    <!-- Modal delete Assunto -->
    @foreach($assuntos as $assunto)
        <form id="DeletarAssunto" method="POST" action="{{ route('subjects.destroy', $assunto->id) }}">
            @method('delete')
            @csrf
            <div class="modal fade" id="AssuntoModalDelete" tabindex="-1" aria-labelledby="DeleteModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="DeleteModalLabel">Deletar Registro</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            Deseja Realmente Excluir este Assunto?
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                            <button type="submit" class="btn btn-danger">Excluir</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endforeach

    <!-- Modal Vinculo Fornecedor-->
    <form id="FormFornecedor" method="POST" action="{{ route('VinculoFornecedores.store') }}">
        @method('POST')
        @csrf
        <div class="modal" role="dialog" id="FornecedorModal">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Vincular novo Fornecedor</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="produto_id" type="hidden" class="form-control @error('produto_id') is-invalid @enderror" name="produto_id" value="{{ old('produto_id', $produto->id) }}" autocomplete="produto_id">
                        <div class="row mb-3">
                            <div class="col-md-12 col-12 col-sm-12">
                                <label for="supplier_id" class="col-form-label text-md-end">{{ __('Fornecedor') }}</label>
                            </div>
                            <div class="col-md-3 col-12 col-sm-12">
                                <div class="d-flex">
                                    <input id="codigo_supplier" type="text" class="form-control @error('codigo_supplier') is-invalid @enderror ms-2" name="codigo_supplier" value="{{ old('codigo_supplier')}}" autocomplete="codigo_supplier" autofocus>
                                    <button class="btn btn-primary mb-1" id="btnConsulta_supplier" type="button" style="border-radius: 0rem;">
                                        <i class="fa fa-search" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="col-md-9 col-12 col-sm-12">
                                <select id="supplier_id" class="custom-select @error('supplier_id') is-invalid @enderror select2" name="supplier_id" value="{{ old('supplier_id') }}" autofocus>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="btnsalvarfornecedor">Salvar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    </form>


    <!-- Modal Editar Vinculo Fornecedor-->
    @foreach($Vinculofornecedores as $vinculo)
        <form id="FormEditarFornecedor" method="POST" action="{{ route('VinculoFornecedores.update', $vinculo->id) }}">
            @method('PATCH')
            @csrf
            <div class="modal" role="dialog" id="FornecedorModalEdit">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            
                            <h5 class="modal-title">Alterar Vinculo do Fornecedor</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="row mb-3">
                                <div class="col-md-12 col-12 col-sm-12">
                                    <label for="supplier_id_edit" class="col-form-label text-md-end">{{ __('Fornecedor') }}</label>
                                </div>
                                @foreach($fornecedores as $fornecedor)
                                    @if($fornecedor->id == $vinculo->supplier_id)
                                        <div class="col-md-3 col-12 col-sm-12">
                                            <div class="d-flex">
                                                <input id="idInput" type="hidden" class="form-control" name="id" readonly>
                                                <input id="produto_id" type="hidden" class="form-control @error('produto_id') is-invalid @enderror" name="produto_id" value="{{ old('produto_id', $produto->id) }}" autocomplete="produto_id">
                                                <input id="codigo_supplier_edit" type="text" class="form-control @error('codigo_supplier') is-invalid @enderror ms-2" name="codigo_supplier_edit" value="{{ 'codigo_supplier',$fornecedor->codigo }}" required autocomplete="codigo_supplier" autofocus>
                                                <button class="btn btn-primary mb-1" id="btnConsulta_supplier" type="button" style="border-radius: 0rem;">
                                                    <i class="fa fa-search" aria-hidden="true"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="col-md-9 col-12 col-sm-12">
                                        
                                            <select id="supplier_id_edit" class="custom-select @error('supplier_id') is-invalid @enderror" name="supplier_id" autocomplete="supplier_id" autofocus >
                                                <option value="{{ $fornecedor->id }}" id="fornecedorId" selected>
                                                    {{ $fornecedor->razao_social_nome }}
                                                </option>
                                            </select>

                                            @error('supplier_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Salvar</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endforeach

    <!-- Modal deleta Vinculo Fornecedor -->
    @foreach($Vinculofornecedores as $vinculo)
        <form id="DeletarVinculoFornecedor" method="POST" action="{{ route('VinculoFornecedores.destroy', $vinculo->id) }}">
            @method('delete')
            @csrf
            <div class="modal fade" id="FornecedorModalDelete" tabindex="-1" aria-labelledby="DeleteModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="DeleteModalLabel">Deletar Registro</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            Deseja Realmente Excluir este vinculo com o Fonecedor?
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                            <button type="submit" class="btn btn-danger">Excluir</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endforeach


    <!-- Modal delete Protudo -->
    <div class="modal fade" id="ModalDelete" tabindex="-1" aria-labelledby="DeleteModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="DeleteModalLabel">Deletar Registro</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Deseja Realmente Excluir este Registro?
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <form method="POST" action="{{ route('products.destroy', $produto->id) }}">
                        @method('delete')
                        @csrf
                        <button type="submit" class="btn btn-danger">Excluir</button>
                    </form>
                </div>
            </div>
        </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>
                                @if(count($edicoes) === 0)
                                    <tr>
                                        <td>Sem Nenhum registro</td>
                                    </tr>
                                @else
                                @foreach($edicoes as $edicaoProduto)
                                    <tr>
                                        <td data-id="{{$edicaoProduto->id}}" data-autor="{{$edicaoProduto->edicao}}">{{$edicaoProduto->edicao}}</td>
                                        <td data-id="{{$edicaoProduto->id}}" data-autor="{{$edicaoProduto->edicao}}">{{$edicaoProduto->saldo}}</td>
                                        <td>
                                            <button type="button" class="btn btn-primary btn-sm editEdicao-button" data-toggle="modal" data-target="#editedicaoModal" data-id="{{$edicaoProduto->id}}">
                                                <i class="fa fa-edit"></i>
                                                <span>
                                                    Editar
                                                </span>
                                            </button>
                                            <button type="button" class="btn btn-danger btn-sm deleteEdicao-button" data-toggle="modal" data-target="#deleteedicaoModal" data-id="{{$edicaoProduto->id}}">
                                                <i class="fa fa-trash"></i>
                                                <span>
                                                    Excluir
                                                </span>
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Historico -->
    <div class="modal" tabindex="-1" role="dialog" id="historicoModal">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Historico 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">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th scope="col" class="col-md-6 col-12">Controle</th>
                                    <th scope="col" class="col-md-6 col-12">Data</th>
                                    <th scope="col" class="col-md-3 col-12">Saldo</th>
                                    <th scope="col" class="col-sm-3">Quantidade</th>
                                    <th scope="col" class="col-sm-3">Descrição do Controle</th>
                                    <th scope="col" class="col-sm-3">Usuário</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(count($historicos) === 0)
                                    <tr>
                                        <td>Sem Nenhum registro</td>
                                    </tr>
                                @else
                                @foreach($historicos as $historico)
                                    <tr>
                                        <td>{{$historico->controle_id}}</td>
                                        <td>{{$historico->created_at}}</td>
                                        <td>{{$historico->saldo}}</td>
                                        <td>{{$historico->quantidade}}</td>
                                        <td>{{$historico->descricao_controle}}</td>
                                        @foreach($usuarios as $usuario)
                                            @if($usuario->id == $historico->iduser)
                                                <td>{{$usuario->name}}</td>
                                            @endif
                                        @endforeach      
                                    </tr>
                                @endforeach
                                @endif
                            </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">
                    <input id="produto_id" type="hidden" class="form-control @error('produto_id') is-invalid @enderror" name="produto_id" value="{{ old('produto_id', $produto->id) }}" autocomplete="produto_id">
                        
                    <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>

    <!-- Modal Editar edição-->
    <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--bootstrap .select2-selection {
            border-radius: 0.25rem;
            padding: 0.375rem 0.75rem;
            height: 39px;
            line-height: 1.6;
            font-size: 1rem;
        }

        .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 () {
            $('#btnConsulta_supplier').on('click', function () {
                var codigoSupplier = $('#codigo_supplier').val();

                // Verifica se o código do cliente está vazio
                if (!codigoSupplier) {
                    Swal.fire("Nenhum código foi selecionado.");
                    $('#codigo_supplier').val('');
                    $.ajax({
                         url: '/buscar-codsupplier?q=',
                        type: 'GET',
                        dataType: 'json',
                        success: function (data) {
                            $('#supplier_id').empty();

                            if (data.results.length > 0) {
                                $.each(data.results, function (index, supplier) {
                                    var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                    $('#supplier_id').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                                });
                            } else {
                                $('#supplier_id').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                    Swal.fire("Cliente não Fornecedor ou deletado.").then(function() {
                                });
                            }
                        },
                        error: function () {
                            Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                        }
                    });
        
                }

                $.ajax({
                    url: '/buscar-codsupplier?q=' + codigoSupplier,
                    type: 'GET',
                    dataType: 'json',
                    success: function (data) {
                        $('#supplier_id').empty();

                        if (data.results.length > 0) {
                            $.each(data.results, function (index, supplier) {
                                var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                $('#supplier_id').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                            });
                        } else {
                            $('#supplier_id').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                Swal.fire("Fornecedor não cadastrado ou deletado.").then(function() {
                            });
                        }
                    },
                    error: function () {
                        Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                    }
                });
            });

            $('#codigo_supplier').on('change', function () {
                var codigoSupplier = $('#codigo_supplier').val();

                // Verifica se o código do cliente está vazio
                if (!codigoSupplier) {
                    Swal.fire("Nenhum código foi selecionado.");
                    $('#codigo_supplier').val('');
                     $.ajax({
                        url: '/buscar-codsupplier?q=',
                        type: 'GET',
                        dataType: 'json',
                        success: function (data) {
                            $('#supplier_id').empty();

                            if (data.results.length > 0) {
                                $.each(data.results, function (index, supplier) {
                                    var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                    $('#supplier_id').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                                });
                            } else {
                                $('#supplier_id').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                Swal.fire("Fornecedor não cadastrado ou deletado.").then(function() {
                                });
                            }
                        },
                        error: function () {
                            Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                        }
                    });
                }

                $.ajax({
                    url: '/buscar-codsupplier?q=' + codigoSupplier,
                    type: 'GET',
                    dataType: 'json',
                    success: function (data) {
                        $('#supplier_id').empty();

                        if (data.results.length > 0) {
                            $.each(data.results, function (index, supplier) {
                                var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                $('#supplier_id').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                            });
                        } else {
                            $('#supplier_id').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                Swal.fire("Fornecedor não cadastrado ou deletado.").then(function() {
                            });
                        }
                    },
                    error: function () {
                        Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                    }
                });
            });
        });

        $(document).ready(function() {
            $('#supplier_id').select2({
                theme: 'bootstrap',
                language: "pt-BR",
                width: '100%',
                ajax: {
                    url: '/buscar-supplier',
                    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 nome do fornecedor'
            }).on('select2:select', function (e) {
                $('#codigo_supplier').val(e.params.data.codigo_supplier);
            });
        });

        //EDIT FORNECEDOR 

        $(document).ready(function () {
            $('#btnConsulta_supplier_edit').on('click', function () {
                var codigoSupplier_edit = $('#codigo_supplier_edit').val();

                // Verifica se o código do cliente está vazio
                if (!codigoSupplier_edit) {
                    Swal.fire("Nenhum código foi selecionado.");
                    $('#codigo_supplier_edit').val('');
                    $.ajax({
                         url: '/buscar-codsupplier?q=',
                        type: 'GET',
                        dataType: 'json',
                        success: function (data) {
                            $('#supplier_id_edit').empty();

                            if (data.results.length > 0) {
                                $.each(data.results, function (index, supplier) {
                                    var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                    $('#supplier_id_edit').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                                });
                            } else {
                                $('#supplier_id_edit').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                    Swal.fire("Cliente não Fornecedor ou deletado.").then(function() {
                                });
                            }
                        },
                        error: function () {
                            Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                        }
                    });
        
                }

                $.ajax({
                    url: '/buscar-codsupplier?q=' + codigoSupplier_edit,
                    type: 'GET',
                    dataType: 'json',
                    success: function (data) {
                        $('#supplier_id_edit').empty();

                        if (data.results.length > 0) {
                            $.each(data.results, function (index, supplier) {
                                var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                $('#supplier_id_edit').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                            });
                        } else {
                            $('#supplier_id_edit').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                Swal.fire("Fornecedor não cadastrado ou deletado.").then(function() {
                            });
                        }
                    },
                    error: function () {
                        Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                    }
                });
            });

            $('#codigo_supplier_edit').on('change', function () {
                var codigoSupplier_edit = $('#codigo_supplier_edit').val();

                // Verifica se o código do cliente está vazio
                if (!codigoSupplier_edit) {
                    Swal.fire("Nenhum código foi selecionado.");
                    $('#codigo_supplier_edit').val('');
                     $.ajax({
                        url: '/buscar-codsupplier?q=',
                        type: 'GET',
                        dataType: 'json',
                        success: function (data) {
                            $('#supplier_id_edit').empty();

                            if (data.results.length > 0) {
                                $.each(data.results, function (index, supplier) {
                                    var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                    $('#supplier_id_edit').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                                });
                            } else {
                                $('#supplier_id_edit').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                Swal.fire("Fornecedor não cadastrado ou deletado.").then(function() {
                                });
                            }
                        },
                        error: function () {
                            Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                        }
                    });
                }

                $.ajax({
                    url: '/buscar-codsupplier?q=' + codigoSupplier_edit,
                    type: 'GET',
                    dataType: 'json',
                    success: function (data) {
                        $('#supplier_id_edit').empty();

                        if (data.results.length > 0) {
                            $.each(data.results, function (index, supplier) {
                                var razaosocial = supplier.razaosocial || 'Nome não disponível';
                                $('#supplier_id_edit').append(`<option value="${supplier.id}">${razaosocial}</option>`);
                            });
                        } else {
                            $('#supplier_id_edit').append('<option value="">Nenhum Fornecedor encontrado</option>');
                                Swal.fire("Fornecedor não cadastrado ou deletado.").then(function() {
                            });
                        }
                    },
                    error: function () {
                        Swal.fire('Erro ao buscar o Fornecedor. Por favor, tente novamente.');
                    }
                });
            });
        });

        $(document).ready(function() {
            $('#supplier_id_edit').select2({
                theme: 'bootstrap',
                language: "pt-BR",
                width: '100%',
                ajax: {
                    url: '/buscar-supplier',
                    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 nome do fornecedor'
            }).on('select2:select', function (e) {
                $('#codigo_supplier_edit').val(e.params.data.codigo_supplier);
            });
        });
    
        $(document).ready(function() {
            $('#ncm_produto').select2({
                theme: 'bootstrap',
                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 código ou descrição para buscar'
            });

        });

        $(document).ready(function() {
            $('#grupo_produto').select2({
                theme: 'bootstrap',
                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 código ou descrição para buscar'
            });

        });

        $(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 = [];

        document.addEventListener('DOMContentLoaded', function() {
            // Carregar edições existentes
            document.querySelectorAll('#edicoesModal tbody tr').forEach(function(row) {
                var edicao = row.querySelector('td:nth-child(1)').innerText;
                var quantidade = row.querySelector('td:nth-child(2)').innerText;

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

            atualizarTabelaEdicoes();
        });

        // Evento para 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 no array
        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;
            }

        //Mandar dados do assunto e autor para editar na modal           
        $(document).ready(function () {
            $(".editAssunto-button").on("click", function () {
                var id = $(this).closest("tr").find("td[data-id]").data("id");
                var assunto = $(this).closest("tr").find("td[data-assunto]").data("assunto");
        
                $("#idInput").val(id);
                $("#assuntoInput").val(assunto);

                $("#EditarAssunto").attr("action", "{{ route('subjects.update', '') }}" + "/" + id);
            });
        });

        $(document).ready(function () {
            $(".editFornecedor-button").on("click", function () {
                var id = $(this).closest("tr").find("td[data-id]").data("id");
                var CodigoFornecedor = $(this).closest("tr").find("td[data-codigo]").data("codigo");
        
                $("#idInput").val(id);
                $("#codigo_supplier_edit").val(CodigoFornecedor);

                $("#FormEditarFornecedor").attr("action", "{{ route('VinculoFornecedores.update', '') }}" + "/" + id);
            });
        });

        $(document).ready(function () {
            $(".editEdicao-button").on("click", function () {
                var id = $(this).closest("tr").find("td[data-id]").data("id");
                var autor = $(this).closest("tr").find("td[data-autor]").data("autor");
        
                $("#idInput").val(id);
                $("#autorInput").val(autor);

                $("#EditarEdicao").attr("action", "{{ route('authors.update', '') }}" + "/" + id);
            });
        });

        $(document).ready(function () {
            $(".editFornecedor-button").on("click", function () {
                var id = $(this).closest("tr").find("td[data-id]").data("id");
                var CodigoFornecedor = $(this).closest("tr").find("td[data-codigo]").data("codigo");
        
                $("#idInput").val(id);
                $("#codigo_supplier_edit").val(CodigoFornecedor);

                $("#FormEditarFornecedor").attr("action", "{{ route('VinculoFornecedores.update', '') }}" + "/" + id);
            });
        });


        //Mandar dados do assunto e autor para deletar na modal           
        $(document).ready(function () {
            $(".delAssunto-button").on("click", function () {
                var id = $(this).data("id");
                var deleteUrl = "{{ route('subjects.destroy', ':id') }}".replace(':id', id);
        
                $("#DeletarAssunto").attr("action", deleteUrl);
            });
        });

        $(document).ready(function () {
            $(".delFornecedor-button").on("click", function () {
                var id = $(this).data("id");
                var deleteUrl = "{{ route('VinculoFornecedores.destroy', ':id') }}".replace(':id', id);
        
                $("#DeletarVinculoFornecedor").attr("action", deleteUrl);
            });
        });

        $(document).ready(function () {
            $(".deleteAutor-button").on("click", function () {
                var id = $(this).data("id");
                var deleteUrl = "{{ route('authors.destroy', ':id') }}".replace(':id', id);
        
                $("#deletarAutor").attr("action", deleteUrl);
            });
        });

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

        // Verifica se os campos obrigatórios estão preenchidos
        if (camposObrigatoriosPreenchidos()) {
            // Se os campos obrigatórios estiverem preenchidos, exibe a mensagem de confirmação
            Swal.fire({
                title: 'Confirmação',
                text: 'Deseja realmente editar 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 {
            // Se os campos obrigatórios não estiverem preenchidos, exibe uma mensagem de erro
            Swal.fire({
                title: 'Erro',
                text: 'Por favor, preencha todos os campos obrigatórios.',
                icon: 'error',
                confirmButtonColor: '#3085d6',
                confirmButtonText: 'OK'
            });
        }
    });

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

        // Se os campos obrigatórios estiverem preenchidos, exibe a mensagem de confirmação
        Swal.fire({
            title: 'Confirmação',
            text: 'Deseja realmente víncular esse Fornecedor?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Confirmar',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById('FormFornecedor').submit();
            }
        });
    });

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

        campos.forEach(function(campo) {
            campo.addEventListener('input', function() {
                if (campo.value.trim()) {
                    campo.classList.remove('campo-obrigatorio-faltando');
                }
            });

            if (!campo.value.trim()) {
                Preenchidos = false;
                campo.classList.add('campo-obrigatorio-faltando');
            } else {
                campo.classList.remove('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