@push('css')
    {{-- Select2 --}}
    <link rel="stylesheet" href="{{ asset('assets/css/select2.min.css') }}">
@endpush
@php
    use Carbon\Carbon;
@endphp
<meta name="csrf-token" content="{{ csrf_token() }}">
<div class="card mb-4">
    <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
        <div class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3">
            <h5 class="mx-3">Pedidos</h5>
        </div>
    </div>
    <div class="card-body ">
    {{-- Messagens da session --}}
        @include('partials.session-message')
        @if ($errors->any() || session('error'))
        <div class="row">
            <div class="col-sm-12">
                <div class="alert alert-danger">
                    <button type="button" class="close" data-dismiss="alert"
                            aria-label="Close">
                        <i class="tim-icons icon-simple-remove"></i>
                    </button>
                    <span>{{$errors->any() ? $errors->first() : session('error')}}</span>
                </div>
            </div>
        </div>
            @endif

        <div class="row">
            @if (isset($pedido))
            <div class="col-md-9 col-lg-9">
                <span class="badge badge-sm bg-light mb-3 text-dark"># </span>
            </div>
            <div class="col-md-3 col-lg-3">
                <span class="float-end badge badge-sm {{$bg_status}}"></span>
            </div>
        @endif
        </div>
    </div>
</div>

<div class="card mb-4">
    <div class="card-body ">
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <h4 class="mb-3 bg-light">Dados Cadastrais</h4>
            </div>
            <div class="col-md-12 col-lg-12">
                <div class="row">
                    {{-- Empresa --}}
                    <div class="col-8">
                        <div class="input-group input-group-static my-3">
                            <label class="ms-0">Empresa</label>
                            <select class="form-control" name="idempresa">
                            <option value="" disabled="disabled">- Selecionar -</option>
                            @foreach($empresas as $empresa)
                                <option value="{{ $empresa->idempresa }}" {{ ((isset($pedido) && $empresa->idempresa == $pedido->empresa->idempresa) || (old('idempresa') == $empresa->idempresa)) ? 'selected' : '' }}>{{$empresa->razaosocial}}</option>
                            @endforeach
                            </select>
                        </div>
                    </div>
                    {{-- Tipo --}}
                        <input type="hidden" name="tipo" value="C" />
                    {{-- Saída --}}
                        <input type="hidden" name="saida" value="P" />
                    {{-- Data da Solicitação --}}
                    <div class="col-4">
                        <div
                            class="input-group input-group-static my-3 {{ $errors->has('dataentrada') ? ' is-invalid' : '' }}">
                            <label>{{ __('Data Saída') }}</label>
                            <input class="form-control {{ $errors->has('dataentrada') ? ' is-invalid' : '' }}"
                                name="dataentrada" id="input-dataentrada" type="date"
                                value="{{ isset($pedido) ? $pedido->dataentrada : date('Y-m-d') }}"
                                placeholder="{{ __('Data saída') }}" />
                            @if ($errors->has('dataentrada'))
                                <span id="dataentrada-error" class="error text-danger"
                                    for="input-dataentrada">{{ $errors->first('dataentrada') }}</span>
                            @endif
                        </div>
                    </div>
                    {{-- Tipo de Produto e  Serviço --}}
                    <div class="col-6">
                        <div class="input-group input-group-static my-3">
                            <label class="ms-0">Tipos</label>
                            <select class="form-control" name="idprodservtipo" required="true" aria-required="true" onchange="ApresentaVeiculo(this)"
                           >
                                <option value="" disabled="disabled">- Selecionar -</option>
                                @foreach($tiposProdutoServico as $tipoProdutoServico)
                                    <option value="{{ $tipoProdutoServico->idprodservtipo }}" {{ ((isset($pedido) && $tipoProdutoServico->idprodservtipo == $pedido->idprodservtipo) || (old('idprodservtipo') == $tipoProdutoServico->idprodservtipo)) ? 'selected' : '' }}>{{$tipoProdutoServico->prodservtipo}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    {{-- Pessoa --}}
                    <div class="col-6">
                        <div class="input-group input-group-static my-3">
                            <label class="ms-0">Cliente/Colaborador</label>
                            <select class="form-control" name="idpessoa">
                                <option value="" disabled="disabled">- Selecionar -</option>
                                @foreach($pessoas as $pessoa)
                                    <option value="{{ $pessoa->idpessoa }}" {{ ((isset($pedido) && $pessoa->idpessoa == $pedido->idpessoa) || (old('idpessoa') == $pessoa->idpessoa)) ? 'selected' : '' }}>{{$pessoa->nome}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    @if ((isset($pedido) && $tipoProdutoServico->idprodservtipo == 2) || !isset($pedido))
                    {{-- Veículo --}}
                    <div class="col-3 veiculo">
                        <div class="input-group input-group-static my-3">
                            <label class="ms-0">Veículo</label>
                            <select class="form-control" name="idveiculo" id="input-idveiculo">
                                <option value="" disabled="disabled">- Selecionar -</option>
                                @foreach($veiculos as $veiculo)
                                    <option data-responsavel="{{ $veiculo->pessoa ? $veiculo->pessoa->nome : '' }}"
                                            data-ultimokm="{{ $veiculo->ultimo_km }}"
                                            value="{{ $veiculo->idveiculo }}" {{ ((isset($pedido) && $pedido->idveiculo == $veiculo->idveiculo) || (old('idveiculo') == $veiculo->idveiculo)) ? 'selected' : '' }}>{{$veiculo->placa}} - {{$veiculo->marca}} - {{$veiculo->modelo}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="row">
 <!-- Input to display the last KM -->
                        <div class="col-6 veiculo">
                            <div class="input-group input-group-static my-3">
                                <label>{{ __('Último KM') }}</label>
                                <input class="form-control {{ $errors->has('kmhist') ? ' is-invalid' : '' }}"
                                    name="kmhist" id="kmhist" type="number" readonly
                                    value="{{ isset($pedido) ? $pedido->kmhist : old('kmhist') }}" placeholder="{{ __('Último KM') }}"/>
                                    @if ($errors->has('kmhist'))
                                        <span id="kmhist-error" class="error text-danger"
                                            for="kmhist">{{ $errors->first('kmhist') }}</span>
                                    @endif
                            </div>
                        </div>
                        {{-- KM --}}
                        <div class="col-6 veiculo">
                            <div class="input-group input-group-static my-3 {{ $errors->has('km') ? ' is-invalid' : '' }}">
                                <label>{{ __('KM Atual') }}</label>
                                <input class="form-control {{ $errors->has('km') ? ' is-invalid' : '' }}"
                                name="km" id="input-km" type="number" required="true" aria-required="true"
                                value="{{ isset($pedido) ? $pedido->km : old('km') }}" placeholder="{{ __('KM Atual') }}"/>
                                @if ($errors->has('km'))
                                    <span id="km-error" class="error text-danger"
                                        for="input-km">{{ $errors->first('km') }}</span>
                                @endif
                            </div>
                        </div>
                        </div>
                    </div>


                     <!-- Input to display the last KM -->

                    <div class="col-5 veiculo">
                        <div class="input-group input-group-static my-3">
                            <label class="ms-0">Responsável pelo Veículo</label>
                            <input class="form-control {{ $errors->has('km') ? ' is-invalid' : '' }}"
                            name="" id="responsavel-nome" type="text" disabled readonly
                           />
                        </div>
                    </div>


                    @endif
                    {{-- Data de Inicio --}}
                    <div class="col-4 d-none">
                        <div
                            class="input-group input-group-static my-3 {{ $errors->has('datainicio') ? ' is-invalid' : '' }}">
                            <label>{{ __('Data de Inicio') }}</label>
                            <input class="form-control {{ $errors->has('datainicio') ? ' is-invalid' : '' }}"
                                name="datainicio" id="input-datainicio" type="date"
                                value="{{ isset($pedido) ? $pedido->datainicio : old('datainicio') }}"
                                placeholder="{{ __('Data de Inicio') }}" />
                            @if ($errors->has('datainicio'))
                                <span id="datainicio-error" class="error text-danger"
                                    for="input-datainicio">{{ $errors->first('datainicio') }}</span>
                            @endif
                        </div>
                    </div>
                    {{-- Data Final --}}
                    <div class="col-4 d-none">
                        <div
                            class="input-group input-group-static my-3 {{ $errors->has('datafim') ? ' is-invalid' : '' }}">
                            <label>{{ __('Data Final') }}</label>
                            <input class="form-control {{ $errors->has('datafim') ? ' is-invalid' : '' }}"
                                name="datafim" id="input-datafim" type="date"
                                value="{{ isset($pedido) ? $pedido->datafim : old('datafim') }}"
                                placeholder="{{ __('Data Final') }}"  />
                            @if ($errors->has('datafim'))
                                <span id="datafim-error" class="error text-danger"
                                    for="input-datafim">{{ $errors->first('datafim') }}</span>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--
<div class="card mb-4">
    <div class="card-body ">
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <h4 class="mb-3 bg-light">Dados de Pagamento</h4>
            </div>
            <div class="col-md-12 col-lg-12">
                <div class="row">
                {{-- Forma Pagamento --}}
                    <div class="col-4">
                        <div class="input-group input-group-static my-3">
                            <label class="ms-0">Forma de Pagamento</label>
                            <select class="form-control" name="idformapagamento">
                                <option value="" disabled="disabled">- Selecionar -</option>
                                @foreach($formaPagamento as $pagamento)
                                    <option value="{{ $pagamento->idformapagamento }}" {{ ((isset($pedido) && $pagamento->idformapagamento == $pedido->idformapagamento) || (old('idformapagamento') == $pagamento->idformapagamento)) ? 'selected' : '' }}>{{$pagamento->formapagamento}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    {{-- Quantidade de parcelas --}}
                    <div class="col-4">
                        <div class="input-group input-group-static my-3 {{ $errors->has('qtdparcela') ? ' is-invalid' : '' }}">
                            <label>{{ __('Quantidade de parcelas') }}</label>
                            <input class="form-control {{ $errors->has('qtdparcela') ? ' is-invalid' : '' }}"
                            name="qtdparcela" id="input-qtdparcela" type="number" required="true" aria-required="true"
                            value="{{ isset($pedido) ? $pedido->qtdparcela : old('qtdparcela') }}" placeholder="{{ __('Quantidade de Parcelas') }}"/>
                            @if ($errors->has('qtdparcela'))
                                <span id="qtdparcela-error" class="error text-danger"
                                    for="input-qtdparcela">{{ $errors->first('qtdparcela') }}</span>
                            @endif
                        </div>
                    </div>
                    {{-- Data Vencimento --}}
                    <div class="col-4">
                        <div
                            class="input-group input-group-static my-3 {{ $errors->has('datavencimento') ? ' is-invalid' : '' }}">
                            <label>{{ __('Data Vencimento') }}</label>
                            <input class="form-control {{ $errors->has('datavencimento') ? ' is-invalid' : '' }}"
                                name="datavencimento" id="input-datavencimento" type="date"
                                value="{{ isset($pedido) ? $pedido->datavencimento : old('datavencimento') }}"
                                placeholder="{{ __('Data emissão') }}" required="true" aria-required="true" />
                            @if ($errors->has('datavencimento'))
                                <span id="datavencimento-error" class="error text-danger"
                                    for="input-datavencimento">{{ $errors->first('datavencimento') }}</span>
                            @endif
                        </div>
                    </div>
                    {{-- Observação --}}
                    <div class="col-12">
                        <div class="input-group input-group-static my-3 {{ $errors->has('observacao') ? ' is-invalid' : '' }}">
                            <label>{{ __('Observação') }}</label>
                            <input class="form-control{{ $errors->has('observacao') ? ' is-invalid' : '' }}"
                            name="observacao" id="input-observacao" type="text"
                            value="{{ isset($pedido) ? $pedido->observacao : old('observacao') }}" placeholder="{{ __('Observação') }}"/>
                            @if ($errors->has('observacao'))
                                <span id="observacao-error" class="error text-danger"
                                    for="input-observacao">{{ $errors->first('observacao') }}</span>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
-->
<!--
<div class="card mb-4">
    <div class="card-body ">
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <h4 class="mb-3 bg-light">Dados da NF</h4>
            </div>
            <div class="col-md-12 col-lg-12">
                <div class="row">
                    {{-- Data emissão --}}
                    <div class="col-4">
                        <div
                            class="input-group input-group-static my-3 {{ $errors->has('dataemissao') ? ' is-invalid' : '' }}">
                            <label>{{ __('Data emissão') }}</label>
                            <input class="form-control {{ $errors->has('dataemissao') ? ' is-invalid' : '' }}"
                                name="dataemissao" id="input-dataemissao" type="date"
                                value="{{ isset($pedido) ? $pedido->dataemissao : old('dataemissao') }}"
                                placeholder="{{ __('Data emissão') }}" />
                            @if ($errors->has('dataemissao'))
                                <span id="dataemissao-error" class="error text-danger"
                                    for="input-dataemissao">{{ $errors->first('dataemissao') }}</span>
                            @endif
                        </div>
                    </div>
                    {{-- NFe --}}
                    <div class="col-8">
                        <div
                            class="input-group input-group-static my-3 {{ $errors->has('nfe') ? ' is-invalid' : '' }}">
                            <label>{{ __('NFe') }}</label>
                            <input class="form-control{{ $errors->has('nfe') ? ' is-invalid' : '' }}"
                                name="nfe" id="input-nfe" type="text"
                                value="{{ isset($pedido) ? $pedido->nfe : old('nfe') }}"
                                placeholder="{{ __('NFe') }}"  />
                            @if ($errors->has('nfe'))
                                <span id="nfe-error" class="error text-danger"
                                    for="input-nfe">{{ $errors->first('nfe') }}</span>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
-->

<div class="card mb-4">
    <div class="card-body ">
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <h4 class="mb-3 bg-light">Itens do Pedido
                @if(isset($nfItem))
                    <a style="float:right" class="insertRecord btn btn-info btn-sm" data-id="{{ isset($pedido) ? $pedido->idnf : old('idnf') }}" >+ adicionar item</a>
                    <a style="float:right; margin-right: 10px;" class="btn btn-info btn-sm" data-bs-toggle="modal" data-bs-target="#modalCompras">+ importar compra</a>

                    @endif</h4>
            </div>
            <div class="col-md-12 col-lg-12">
                <div class="row">
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class='table table-hover table-striped table-bordered table-sm' id="tab_logic">
                                <thead>
                                    <tr class="info" style="font-size:14px;">
                                        <th class="th-sm">AÇÃO</th>
                                        <th class="w-75">PRODUTO</th>
                                        <th class="th-sm">QTD</th>
                                        <th class="th-sm">UN.</th>
                                        <th class="th-sm">VALOR UN.</th>
                                        <th class="th-sm">VALOR TOTAL</th>

                                    </tr>
                                </thead>
                                <tbody class="resultbody">
                                    @if(isset($nfItem))
                                        @foreach ($nfItem as $itens)
                                        <tr id="{{ isset($itens) ? $itens->idnfitem : old('idnfitem') }}">
                                                <input class='form-control input-sm'style='width:100%;' type="hidden" name="idnfitem[]" value="{{ isset($itens) ? $itens->idnfitem : old('idnfitem') }}">
                                                <input class='form-control input-sm'style='width:100%;' type="hidden" name="idnf[]" value="{{ isset($itens) ? $itens->idnf : old('idnf') }}">
                                                <td class="custom-tbl" style="text-align: center;">
                                                    <a class="deleteRecord btn-sm text-danger material-icons text-sm me-2" data-id="{{ $itens->idnfitem }}" style="cursor: pointer;" >delete</a>
                                                </td>
                                                <td class="custom-tbl">
                                                <select class="form-control input-sm" name="idprodserv[]" onchange="getSelectedValue(this)">
                                                    <option value="">- Selecionar -</option>
                                                    @foreach($produtoServico as $prod)
                                                        <option value="{{ $prod->idprodserv }}"
                                                                data-unidade="{{ $prod->unidade }}"
                                                                data-valorcompra="{{ $prod->valorcompra }}"
                                                                data-qtdmax="{{ $estoqueAtualPorProduto[$prod->idprodserv] }}"
                                                                {{ ((isset($itens) && $prod->idprodserv == $itens->idprodserv) || (old('idprodserv') == $prod->idprodserv)) ? 'selected' : '' }}>{{$prod->prodserv}}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td class="custom-tbl">
                                                <input style="text-align: right;" step="0.01" class='form-control input-sm'style='width:100%;' type="text" name="qtd[]" name="qtd[]" value="{{ isset($itens) ? number_format($itens->qtd, 2, ',','') : old('qtd') }}" onblur="updateValorItem(this)" oninput="formatarEntradaNumerica(this);updateValorItem(this)">
                                            </td>
                                            <td class="custom-tbl">
                                                <input class='form-control input-sm'style='width:100%;' type="text" name="un[]" value="{{ isset($itens) ? $itens->un : old('un') }}">
                                            </td>
                                            <td class="custom-tbl">
                                                <input style="text-align: right;" step="0.01" class='form-control input-sm'style='width:100%;' type="text" name="valorun[]" value="{{ isset($itens) ? number_format($itens->valorun, 2, ',','') : old('valorun') }}" onblur="updateValorItem(this)" oninput="formatarEntradaNumerica(this);updateValorItem(this)">
                                            </td>
                                            <td class="custom-tbl">
                                                <input style="text-align: right;" step="0.01" class='form-control input-sm'style='width:100%;' type="text" name="valoritem[]" value="{{ isset($itens) ? number_format($itens->valoritem, 2, ',','') : old('valoritem') }}" readonly>
                                            </td>

                                        </tr>
                                        @endforeach
                                    @endif
                                </tbody>

                                <tfoot>
                                    <tr class='info'>
                                        <td style='width:65%;text-align:right;padding:4px;font-size:14px;' colspan='5'>VALOR DOS ITENS:</td>
                                        <td style='padding:0px;font-size:14px;'>
                                            <input style="text-align:right;" class="form-control  input-sm {{ $errors->has('valornf') ? ' is-invalid' : '' }}"
                                                name="valornf" id="input-valornf" type="number" step="0.01"
                                                value="{{ isset($pedido) ? $pedido->valornf : old('valornf') }}" placeholder="{{ __('Valor da NF') }}" readonly/>
                                                @if ($errors->has('valornf'))
                                                    <span id="valornf-error" class="error text-danger"
                                                        for="input-valornf">{{ $errors->first('valornf') }}</span>
                                                @endif

                                        </td>
                                    </tr>
                                    <tr class='info'>
                                        <td style='width:65%;text-align:right;padding:4px;font-size:14px;' colspan='5'>VALOR DO DESCONTO (-):</td>
                                        <td style='padding:0px;font-size:14px;'>

                                        <input style="text-align:right;" class="form-control  input-sm {{ $errors->has('descontonf') ? ' is-invalid' : '' }}"
                                                name="descontonf" id="input-descontonf" type="text" step="0.01" placeholder="{{ __('Valor do Desconto') }}"
                                                value="{{ isset($pedido) ? number_format($pedido->descontonf, 2, ',','') : old('descontonf') }}" onblur="updateValorNf()" oninput="formatarEntradaNumerica(this);updateValorNf()"/>
                                                @if ($errors->has('descontonf'))
                                                    <span id="descontonf-error" class="error text-danger"
                                                        for="input-descontonf">{{ $errors->first('descontonf') }}</span>
                                                @endif

                                        </td>
                                    </tr>
                                    <tr class='info'>
                                        <td style='width:65%;text-align:right;padding:4px;font-size:14px;' colspan='5'>VALOR TOTAL:</td>
                                        <td style='padding:0px;font-size:14px;'>

                                        <input style="text-align:right;" class="form-control  input-sm {{ $errors->has('totalnf') ? ' is-invalid' : '' }}"
                                                name="totalnf" id="input-totalnf" type="number" step="0.01"
                                                value="{{ isset($pedido) ? $pedido->totalnf : old('totalnf') }}" placeholder="{{ __('Valor Total da NF') }}" readonly/>
                                                @if ($errors->has('totalnf'))
                                                    <span id="totalnf-error" class="error text-danger"
                                                        for="input-totalnf">{{ $errors->first('totalnf') }}</span>
                                                @endif

                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@if(isset($nfParcela) && count($nfParcela) > 1)
<div class="card mb-4">
    <div class="card-body ">
        <div class="row">
            <div class="col-md-12 col-lg-12">
				<h4 class="mb-3 bg-light">Parcela(s)
                </h4>
            </div>
            <div class="col-md-12 col-lg-12">
                <div class="row">
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class='table table-hover table-striped table-bordered table-sm' id="tab_logic">
                            <thead>
                                <tr>
                                    <th
                                        class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                        ID
                                    </th>
                                    <th
                                        class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                        NF
                                    </th>
                                    <th
                                        class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                        Parcela
                                    </th>
                                    <th
                                        class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                        Total
                                    </th>
                                    <th
                                        class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                        Status
                                    </th>
                                    <th
                                        class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                        VENCIMENTO
                                    </th>

                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($nfParcela as $parcela)
                                    <tr>
                                        <td>
                                            <div class="d-flex px-2 py-1">
                                                <div class="d-flex flex-column justify-content-center">
                                                    <p class="mb-0 text-sm"><a href="/admin/nfparcelas/{{$parcela->idnfparcela }}/edit">{{$parcela->idnfparcela }}</a></p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex px-2 py-1">
                                                <div class="d-flex flex-column justify-content-center">
                                                    <a
                                                        href="{{ route('admin.compras.edit', $parcela->nf->idnf) }}">
                                                        <p class="mb-0 text-sm">{{ $parcela->nf->idnf }}</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex px-2 py-1">
                                                <div class="d-flex flex-column justify-content-center">
                                                    <p class="mb-0 text-sm">{{ $parcela->parcela }} /
                                                        {{ $parcela->nf->qtdparcela }}</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex px-2 py-1">
                                                <div class="d-flex flex-column justify-content-center">
                                                    <p class="mb-0 text-sm">R$
                                                        {{ number_format($parcela->valor, 2, ',', '.') }}
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex px-2 py-1">
                                                <div class="d-flex flex-column justify-content-center">
                                                    <p class="mb-0 text-sm">{{ $parcela->status }}</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex flex-column justify-content-center">
                                                <h6 class="mb-0 text-sm">
                                                    {{  date('d/m/Y', strtotime($parcela->datavencimento)) }}</h6>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif

<div class="row">
    <div class="col-md-6">
        @include('partials.status', ['model' => $pedido ?? null])
    </div>
    @if(isset($pedido))
    <div class="col-md-6">
        @include('partials.upload', ['model' => $pedido])
    </div>
    @endif

</div>

<div class="card mb-4">
    <div class="card-footer ml-auto mr-auto">
        <button id="submit-button" type="submit" class="btn btn-success">{{ __((isset($pedido) ? 'Atualizar' : 'Adicionar').' Pedido') }}</button>
        <a href="{{ route('admin.pedidos.index') }}"
                   class="btn btn-light">{{ __('Voltar') }}</a>
        @if(isset($pedido))
        <a class="btn bg-gradient-dark" href="{{route('admin.pedidos.create')}}"><i
                    class="material-icons text-sm">add</i>&nbsp;&nbsp;Novo Pedido</a>
        @endif
    </div>
</div>


<div class="modal fade" id="modalCompras" tabindex="-1" aria-labelledby="modalComprasLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
      <div class="modal-header bg-light">
        <h5 class="modal-title" id="modalComprasLabel">Selecionar Compra para Importar</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="row">
            <div class="col-md-12 bg-light">
                <input type="text" id="searchInput" style="background: #fff;margin:auto" class="form-control mt-3 mb-3 p-2 " placeholder="Pesquisar por Razão Social, Nome, ID da Compra, Total, Emissão ou Vencimento">
            </div>
        </div>

        <table class="table-responsive table table-sm text-sm">
          <thead>
            <tr>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">ID da Compra</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">R Social</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Total</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Emissão</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Vencimento</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Ações</th>
            </tr>
          </thead>
          <tbody id="comprasTable">
            @foreach($compras as $compra)
              <tr>
                <td>{{ $compra->idnf }}</td>
                <td>{{ $compra->fornecedor->razaosocial ?? $compra->fornecedor->nome }}</td>
                <td>{{ $compra->totalnf }}</td>
                <td>{{ Carbon::parse($compra->dataemissao)->format('d/m/y') }}</td>
                <td>{{ Carbon::parse($compra->datavencimento)->format('d/m/y') }}</td>
                <td>
                  <!-- Utilize data-id para armazenar o ID da compra -->
                  <button class="btn btn-success btn-sm importarCompra" data-id="{{ $compra->idnf }}">Importar</button>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>


@push('js')
<script>
    document.addEventListener('DOMContentLoaded', function() {
      document.getElementById('searchInput').addEventListener('keyup', function() {
        var input, filter, table, tr, td, i, j, txtValue, term, terms;
        input = document.getElementById('searchInput');
        filter = input.value.toUpperCase();
        terms = filter.split(" "); // Divide a entrada em termos
        table = document.getElementById('comprasTable');
        tr = table.getElementsByTagName('tr');

        for (i = 0; i < tr.length; i++) {
          var showRow = true;
          for (var t = 0; t < terms.length; t++) {
            var termMatch = false;
            term = terms[t];
            for (j = 0; j < 5; j++) { // 5 colunas a serem verificadas: ID da Compra, R Social, Total, Emissão, Vencimento
              td = tr[i].getElementsByTagName('td')[j];
              if (td) {
                txtValue = td.textContent || td.innerText;
                if (txtValue.toUpperCase().indexOf(term) > -1) {
                  termMatch = true;
                  break;
                }
              }
            }
            if (!termMatch) {
              showRow = false;
              break;
            }
          }
          if (showRow) {
            tr[i].style.display = "";
          } else {
            tr[i].style.display = "none";
          }
        }
      });
    });
  </script>
    {{-- Select2 --}}
    <script src="{{ asset('assets/js/plugins/select2.min.js') }}"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            document.querySelectorAll('.importarCompra').forEach(button => {
                button.addEventListener('click', function (event) {
                    event.preventDefault(); // Impede a submissão do formulário
                    const idCompra = this.getAttribute('data-id');
                    // Chama a função para recuperar e adicionar os itens da compra selecionada
                    recuperarItensDaCompra(idCompra);
                });
            });
        });


        $('.select2').select2();

        $(document).on("click", ".deleteRecord", function(){
            var id = $(this).data("id");
            var token = $("meta[name='csrf-token']").attr("content");
            $.ajax({
                url: "../../nfitem/"+id,
                type: 'DELETE',
                data: {
                    "id": id,
                    "_token": token,
                },
                success: function (){
                    console.log("it Works");
                    var row = $('#'+id).remove();
                    //row.style.display = 'none';
                    updateValorNf();
                }
                });
            });



        function montaHtml(idnfitem, idnf, idprodservAtual, qtd, un, valorun) {
            qtd = (!qtd || qtd < 1) ? 1 : qtd;
            valorun = (!valorun || valorun < 1) ? 0 : valorun;
            un = (!un) ? '' : un;
            idprodservAtual = (!idprodservAtual) ? '' : idprodservAtual;
            // Suponha que $opt já esteja definido e seja uma string grande de HTML como mostrado.
            var rawOptions = ``;

            // Esta função irá substituir a opção correta com 'selected'
            // Esta função irá substituir a opção correta com 'selected'
            function markSelectedOption(options, selectedValue) {
                // Usa uma expressão regular para encontrar a opção com o valor correspondente e adicionar o atributo 'selected'
                var regex = new RegExp(`(<option value="${selectedValue}"[^>]*>)`);
                var match = options.match(regex);

                if (match) {
                    var matchedOption = match[1];
                    // Adiciona o atributo 'selected' logo após o atributo 'value'
                    var modifiedOption = matchedOption.replace(/(value="[^"]*")/, '$1 selected="selected"');
                    options = options.replace(matchedOption, modifiedOption);
                }

                return options;
            }

            var optionsWithSelected = markSelectedOption(rawOptions, idprodservAtual);

            // Agora, 'optionsWithSelected' contém suas opções com a opção correta marcada como 'selected'
            var trHTML = `<tr id="${idnfitem}">
                            <input class="form-control input-sm" style="width:100%;" type="hidden" name="idnfitem[]" value="">
                            <input class="form-control input-sm" style="width:100%;" type="hidden" name="idnf[]" value="${idnf}">
                            <td class="custom-tbl" style="text-align: center;">
                                <a class="deleteRecord btn-sm text-danger material-icons text-sm me-2" data-id="${idnfitem}" style="cursor: pointer;">delete</a>
                            </td>
                            <td class="custom-tbl">
                                <select class="form-control input-sm" name="idprodserv[]" onchange="getSelectedValue(this)">${optionsWithSelected}</select>
                            </td>
                            <td class="custom-tbl">
                                <input style="text-align: right;" class="form-control input-sm" type="text" name="qtd[]" value="${qtd}" onblur="updateValorItem(this)" oninput="updateValorItem(this)">
                            </td>
                            <td class="custom-tbl">
                                <input class="form-control input-sm" type="text" name="un[]" value="${un}">
                            </td>
                            <td class="custom-tbl">
                                <input style="text-align: right;" class="form-control input-sm" type="text" name="valorun[]" value="${valorun}" onblur="updateValorItem(this)" oninput="formatarEntradaNumerica(this);updateValorItem(this)">
                            </td>
                            <td class="custom-tbl">
                                <input style="text-align: right;" class="form-control input-sm" type="text" name="valoritem[]" value="${(qtd * valorun).toFixed(2)}">
                            </td>
                        </tr>`;

            return trHTML;
        }



        function recuperarItensDaCompra(idCompra) {
            // Fazendo a chamada AJAX para o servidor para buscar os itens da compra
            fetch(`/admin/nfitem/getbynf/${idCompra}`)
                .then(response => response.json())
                .then(data => {
                    if (data.success && data.items.length > 0) {
                        // Se a chamada foi bem-sucedida e itens foram retornados, processa cada item
                        data.items.forEach(item => {
                            // Aqui você precisa ajustar para corresponder ao formato dos dados retornados pelo seu servidor
                            // Exemplo: {idnfitem: '1', idnf: idCompra, idprodserv: 'ID do Produto', qtd: '2', un: 'UN', valorun: '100'}
                            const trHTML = montaHtml(item.idnfitem, item.idnf, item.idprodserv, item.qtd, item.un, item.valorun);
                            document.querySelector('#tab_logic tbody').insertAdjacentHTML('beforeend', trHTML);
                            // Lembre-se de ajustar os nomes dos campos conforme a resposta do seu servidor
                        });
                        // Atualiza o valor total do pedido
                        updateValorNf();
                        // Fecha o modal após a importação
                        $('#modalCompras').modal('hide');
                    } else {
                        // Tratar o caso de não ter itens ou falha na requisição
                        console.error('Erro ao recuperar itens:', data.error ? data.error : 'Nenhum item encontrado.');
                    }
                })
                .catch(error => {
                    console.error('Erro na chamada AJAX:', error);
                });
        }


            // Adicione a chamada a essa função no seu código existente onde necessário

            $(".insertRecord").click(function(){

                event.preventDefault(); // Impede a submissão do formulário

                var id = $(this).data("id");
                var token = $("meta[name='csrf-token']").attr("content");
                $.ajax({
                    url: "../../nfitemadd/"+id,
                    type: 'POST',
                    data: {
                        "id": id,
                        "_token": token,
                    },
                    success: function (response){
                        console.log("it Works");
                        var idNfItem = response.success;
                        var tr = montaHtml(idNfItem,id);
                        $('#tab_logic').append(tr);

                    }
                    });
                });

    </script>
    <script>
    function getSelectedValue(select) {
        console.log('enrei');
        var selectedOption = select.options[select.selectedIndex];
        var prodData = selectedOption.dataset;
        var row = select.closest('tr');
        // Preencha os outros campos com os dados obtidos
        row.querySelector("input[name='un[]']").value = prodData.unidade;
        row.querySelector("input[name='valorun[]']").value = prodData.valorcompra;
    //    row.querySelector("input[name='qtd[]']").max = prodData.qtdmax;
        row.querySelector("input[name='qtd[]']").focus();
        row.querySelector("input[name='qtd[]']").blur();
        updateValorNf();

    }


    function updateValorItem(element) {
        //debugger;
        var row = element.closest('tr'); // Encontra o elemento pai <tr>
        var qtd = converterParaNumero(row.querySelector("input[name='qtd[]']").value);
        var valorUn = converterParaNumero(row.querySelector("input[name='valorun[]']").value);
        if (!isNaN(parseFloat(valorUn)) && valorUn !== "" && valorUn !== undefined) {
        // O valor é válido e não é NaN
            valorUn = (valorUn);
            //alert(0);
        } else {
        // O valor é inválido ou NaN
            valorUn.value = 0;
           // alert(1);
        }

        if (!isNaN(parseFloat(qtd)) && qtd.value !== "" && qtd !== undefined) {
        // O valor é válido e não é NaN
            qtd = (qtd);
        } else {
        // O valor é inválido ou NaN
            qtd = 0;
        }
        var valorItem = qtd * valorUn;
        var valorItemInput = row.querySelector("input[name='valoritem[]']");
        valorItemInput.value = valorItem.toFixed(2);
       // valorItemInput.value = valorItemInput.value.replace('.', ',');
        updateValorNf();
    }

    function updateValorNf() {
        //debugger;
        var valorItemInputs = document.querySelectorAll("input[name='valoritem[]']");
        var valornf = 0;

        // Itera sobre os campos e soma os valores
        for (var i = 0; i < valorItemInputs.length; i++) {

            valorItemInputs[i].value = valorItemInputs[i].value.replace(',', '.');
            var valorItem = parseFloat(valorItemInputs[i].value);
            if (!isNaN(valorItem)) {
                valornf += valorItem;
            }
        }

        // Atualiza o campo de valor total
        var valornfInput = document.querySelector("input[name='valornf']");
        if (valornfInput) {
            valornfInput.value = valornf.toFixed(2);
        }

        //Busca o valor do campo Desconto
        var descontonfInput = document.querySelector("input[name='descontonf']");

        // Atualiza o campo de valor total
        var totalnfInput = document.querySelector("input[name='totalnf']");

        var valornf = parseFloat(valornfInput.value); // Supondo que valornfInput é o valor original
        var desconto = parseFloat(descontonfInput.value); // Converte o valor do desconto para um número
        if (desconto) {
            var total = valornf - desconto; // Calcula o total
        }else{
            var total = valornf;
        }
        totalnfInput.value = total.toFixed(2); // Formata o número com dois dígitos decimais e define o valor do input

    }


</script>

<script>
    $(document).ready(function() {
        $('#importButton').click(function() {
            $('#textareaContainer').show();
        });
    });

    function formatarEntradaNumerica(el) {
        // Primeiro, substitui todos os pontos por vírgulas
        let valor = el.value.replace(/\./g, ',');

        // Remove caracteres que não são dígitos ou vírgula
        valor = valor.replace(/[^0-9,]/g, '');

        // Permite apenas uma vírgula
        let partes = valor.split(',');
        if (partes.length > 2) {
            valor = partes[0] + ',' + partes.slice(1).join('');
        }

        el.value = valor;
    }

    function converterParaNumero(valor) {
        // Verifica se o valor é não nulo e não vazio
        if (valor) {
            // Converte vírgulas em pontos
            var valorConvertido = valor.replace(',', '.');

            // Converte para float e verifica se é NaN. Se for NaN, retorna 0
            var numero = parseFloat(valorConvertido);
            return isNaN(numero) ? 0 : numero;
        }
        return 0;
    }


</script>

<script>
function ApresentaVeiculo(selectElement) {
    const inputKm = document.getElementById('input-km');
    const inputVeiculo = document.getElementById('input-idveiculo');
    if (selectElement.value === '2') {
        $('.veiculo').show();
        inputKm.required = true;
        inputKm.setAttribute('aria-required', 'true');
        inputVeiculo.required = true;
        inputVeiculo.setAttribute('aria-required', 'true');
    } else {
        $('.veiculo').hide();
        inputKm.required = false;
        inputKm.removeAttribute('aria-required');
        inputVeiculo.required = false;
        inputVeiculo.removeAttribute('aria-required');
    }
}
const inputKm = document.getElementById('input-km');
const inputVeiculo = document.getElementById('input-idveiculo');
    $('.veiculo').hide();
inputKm.required = false;
inputKm.removeAttribute('aria-required');
inputVeiculo.required = false;
inputVeiculo.removeAttribute('aria-required');
document.addEventListener('DOMContentLoaded', function() {
    const statusSelect = document.querySelector('select[name="status"]');
    const veiculoSelect = document.getElementById('input-idveiculo');
    const responsavelInput = document.getElementById('responsavel-nome');
    const ultimoKmInput = document.getElementById('kmhist');
    const initialKmHistValue = parseFloat(ultimoKmInput.value);

    function toggleVeiculoSelect() {
        if (statusSelect.value === 'CONCLUÍDO') {
            veiculoSelect.disabled = true;
        } else {
            veiculoSelect.disabled = false;
        }
    }

    // Initially set the correct state based on the current value of the status select
    toggleVeiculoSelect();

    // Monitor changes to the status select
    statusSelect.addEventListener('change', toggleVeiculoSelect);

    veiculoSelect.addEventListener('change', function() {
        const selectedOption = veiculoSelect.options[veiculoSelect.selectedIndex];
        const responsavelNome = selectedOption.getAttribute('data-responsavel');
        const ultimoKm = selectedOption.getAttribute('data-ultimokm');

        responsavelInput.value = responsavelNome ? responsavelNome : '';
        if (initialKmHistValue === 0 || isNaN(initialKmHistValue)) {
            ultimoKmInput.value = ultimoKm ? ultimoKm : '';
        }
    });
});

document.addEventListener('DOMContentLoaded', function() {
    const veiculoSelect = document.getElementById('input-idveiculo');
    veiculoSelect.addEventListener('change', function() {
        const selectedOption = veiculoSelect.options[veiculoSelect.selectedIndex];
        const responsavelNome = selectedOption.getAttribute('data-responsavel');
        const ultimoKm = selectedOption.getAttribute('data-ultimokm');

        const responsavelInput = document.getElementById('responsavel-nome');
        const ultimoKmInput = document.getElementById('kmhist');

        responsavelInput.value = responsavelNome ? responsavelNome : '';
        ultimoKmInput.value = ultimoKm ? ultimoKm : '';
    });
});





</script>

    @include('partials.upload-js')
@endpush