@extends('adminlte.app')

@section('content')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <div class="content-wrapper">
        @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
        @endif
        @if ($message = Session::get('danger'))
            <div class="alert alert-danger">
                <p>{{ $message }}</p>
            </div>
        @endif
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Ficha de Clientes</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <div class="card mx-3 mt-3">
            <div class="card-header ">
                <div class="row">
                    <div class="col-md-6">
                        Cadastrar novo Cliente
                    </div>
                    <div class="col-md-6 text-right">
                        <a href="javascript:history.back()"><button type="button" id="voltar" class="btn btn-primary d-print-none">Voltar</button></a>
                    </div>
                </div>
            </div>

            <form id="formulario" action="/ficha-cliente/store" method="POST" class="pt-4">
                @csrf

                <div class="row">
                    <div class="col-12">
                        <!-- Nav Tabs -->
                        <ul class="nav nav-tabs" id="cadastroTabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="dados-cliente-tab" data-toggle="tab" href="#dados-cliente" role="tab">Dados Cliente</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="factoring-tab" data-toggle="tab" href="#factoring" role="tab">Factoring</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="endereco-tab" data-toggle="tab" href="#enderecotab" role="tab">Moradas</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="enderecodescarga-tab" data-toggle="tab" href="#enderecodescargatab" role="tab">Endereço de Descarga</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="contato-tab" data-toggle="tab" href="#contatotab" role="tab">Contato</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="bancobalcao-tab" data-toggle="tab" href="#bancobalcaotab" role="tab">Banco e Balcão</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="centrocarga-tab" data-toggle="tab" href="#centrocargatab" role="tab">Centro de Carga</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="dadoscomerciaisfinanceiros-tab" data-toggle="tab" href="#dadoscomerciaisfinanceirostab" role="tab">Dados Comerciais e Financeiros</a>
                            </li>
                        </ul>
                        <div class="tab-content mt-3" id="cadastroTabsContent">

                            <div class="tab-pane fade show active" id="dados-cliente" role="tabpanel">
                                <div class="p-3 bg-light border"> 
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-6">
                                            <label for="contribuinte" class="col-form-label ">Contribuinte</label>
                                            <input id="contribuinte" type="text" required class="form-control @error('contribuinte') is-invalid @enderror" name="contribuinte" value="{{ old('contribuinte') }}">
        
                                            @error('contribuinte')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
        
                                        <div class="col-md-6">
                                            <label for="nome" class="col-form-label ">Nome Cliente</label>
                                            <input id="nome" type="text" class="form-control @error('nome') is-invalid @enderror" name="nome" value="{{ old('nome') }}" required autofocus>
        
                                            @error('nome')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
        
                                    <div class="form-group row pl-3 pr-3">
        
                                        <div class="col-md-6">
                                            <label for="gestor" class="col-form-label text-md-right">Gestor</label>
                                            <select name="gestor"   id="gestor" class=" form-control" required>
                                                <option value=""></option>
                                                @foreach ($vendedor as $vendedor)
                                                    <option value="{{$vendedor->id}}" @if($vendedor->id == auth()->user()->id) selected @endif>{{$vendedor->name}}</option>
                                                @endforeach
                                            </select> 
                                        </div>
        
                                        <div class="col-md-6">
                                            <label for="tem_direito_gasoleo_profissional" class="col-form-label text-md-right">Tem direito ao Gasoleo Profissional</label>
                                            <select name="tem_direito_gasoleo_profissional"   id="tem_direito_gasoleo_profissional" class=" form-control" required>
                                                <option>Sim</option>
                                                <option selected >Não</option>
        
                                            </select> 
        
                                            @error('equipamentos')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
        
        
        
                                    </div>
                                   
                                </div>
                            </div>

                            {{--  --}}

                            <div class="tab-pane fade" id="factoring" role="tabpanel">
                                <div class="p-3 bg-light border"> 
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-6">
                                            <label for="factoring" class="col-form-label text-md-right">Factoring</label>
                                            <select name="factoring"   id="factoring" class=" form-control" required>
                                                <option value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
    
                                            </select> 
    
                                            @error('factoring')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {{--  --}}

                            
                            <div class="tab-pane fade" id="enderecotab" role="tabpanel">
                                <div class="p-3 bg-light border"> 
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-6">
                                            <label for="endereco" class="col-form-label ">Morada Fiscal Completa</label>
                                            <input id="endereco" type="text" class="form-control @error('endereco') is-invalid @enderror" name="endereco" value="{{ old('endereco') }}" required>
        
                                            @error('endereco')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
        
                                        <div class="col-md-6">
                                            <label for="cep" class="col-form-label ">Código Postal</label>
                                            <input id="cep" type="text" class="form-control @error('cep') is-invalid @enderror" name="cep" value="{{ old('cep') }}">
        
                                            @error('cep')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
        
                                    </div>
        
                                    <div class="form-group row pl-3 pr-3">
        
                                        <div class="col-md-6">
                                            <label for="bairro" class="col-form-label ">Localidade </label>
                                            <input id="bairro" type="text" class="form-control @error('bairro') is-invalid @enderror" name="bairro" value="{{ old('bairro') }}" >
        
                                            @error('bairro')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>

                            {{--  --}}

                            <div class="tab-pane fade" id="enderecodescargatab" role="tabpanel">
                                <div class="p-3 bg-light border"> 
                                        <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3">
                                            <div class="col-6">

                                            </div> 
                                            <div class="col-6 text-right">
                                                <button type="button" id="btn_copiar_endereco" class="btn btn-primary d-print-none">Copiar Endereço</button>
                                            </div>
                                        </div>

                                        <div class="form-group row pl-3 pr-3">

                                            <div class="col-md-6">
                                                <label for="endereco_entrega" class="col-form-label ">Morada Fiscal Completa</label>
                                                <input id="endereco_entrega" type="text" class="form-control @error('endereco_entrega') is-invalid @enderror" name="endereco_entrega" value="{{ old('endereco_entrega') }}">
            
                                                @error('endereco_entrega')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            
                                            <div class="col-md-6">
                                                <label for="cep_entrega" class="col-form-label ">Código Postal</label>
                                                <input id="cep_entrega" type="text" class="form-control @error('cep_entrega') is-invalid @enderror" name="cep_entrega" value="{{ old('cep_entrega') }}">
            
                                                @error('cep_entrega')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
            
                                        </div>
            
                                        <div class="form-group row pl-3 pr-3">
            
                                            <div class="col-md-6">
                                                <label for="bairro_entrega" class="col-form-label ">Localidade </label>
                                                <input id="bairro_entrega" type="text" class="form-control @error('bairro_entrega') is-invalid @enderror" name="bairro_entrega" value="{{ old('bairro_entrega') }}">
            
                                                @error('bairro_entrega')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                
                                        </div>
            
                                        <div class="form-group row pl-3 pr-3">
                                            <div class="col-md-12">
                                                <label>Instruções detalhadas de descarga</label>
                                                <textarea id="detalhe_entrega"  class="form-control  @error('detalhe_entrega') is-invalid @enderror" name="detalhe_entrega" > </textarea>
                                            </div>
                                        </div>
                                </div>
                            </div>
                            {{--  --}}
                            <div class="tab-pane fade" id="contatotab" role="tabpanel">
                                <div class="p-3 bg-light border"> 
                                    <div class="form-group row pl-3 pr-3">
                                
                                        <div class="col-md-6">
                                            <label for="telefone" class="col-form-label ">Telefone</label>
                                            <input id="telefone" type="text" class="form-control @error('telefone') is-invalid @enderror" name="telefone" value="{{ old('telefone') }}">
        
                                            @error('telefone')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
        
                                        <div class="col-md-6">
                                            <label for="telemovel" class="col-form-label ">Telemóvel</label>
                                            <input id="telemovel" type="text" class="form-control @error('telemovel') is-invalid @enderror" name="telemovel" value="{{ old('telemovel') }}" required>
        
                                            @error('telemovel')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
        
                                    <div class="form-group row pl-3 pr-3">
                                        
                                        <div class="col-md-6">
                                            <label for="email_cliente" class="col-form-label ">E-mail</label>
                                            <input id="email_cliente" type="text" class="form-control @error('email_cliente') is-invalid @enderror" name="email_cliente" value="{{ old('email_cliente') }}">
        
                                            @error('email_cliente')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{--  --}}
                            <div class="tab-pane fade" id="bancobalcaotab" role="tabpanel">
                                <div class="p-3 bg-light border"> 
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-6">
                                            <label for="banco_balcao1" class="col-form-label ">Banco e Balcão 1</label>
                                            <input id="banco_balcao1" type="text" class="form-control @error('banco_balcao1') is-invalid @enderror" name="banco_balcao1" value="{{ old('banco_balcao1') }}" required>
        
                                            @error('banco_balcao1')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
        
        
                                        <div class="col-md-6">
                                            <label for="banco_balcao2" class="col-form-label ">Banco e Balcão 2</label>
                                            <input id="banco_balcao2" type="text" class="form-control @error('banco_balcao2') is-invalid @enderror" name="banco_balcao2" value="{{ old('banco_balcao2') }}">
        
                                            @error('banco_balcao2')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
                                    </div>
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-6">
                                            <label for="banco_balcao3" class="col-form-label ">Banco e Balcão 3</label>
                                            <input id="banco_balcao3" type="text" class="form-control @error('banco_balcao3') is-invalid @enderror" name="banco_balcao3" value="{{ old('banco_balcao3') }}">
        
                                            @error('banco_balcao3')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{--  --}}
                            <div class="tab-pane fade" id="centrocargatab" role="tabpanel">
                                <div class="p-3 bg-light border"> 
                                    <div class="form-group row pl-3 pr-3">
        
                                        <div class="col-md-6">
                                            <label for="portos_id" class="col-form-label ">Centro de Carga</label>
        
                                            <select  class="form-control"  name="portos_id" id="portos_id" value="{{ old('portos_id') }}"  required>
                                                <option></option>
                                                @foreach($portos as $porto)
                                                    <option value="{{$porto->id}}">{{$porto->nome_porto}}</option>
                                                @endforeach
                                            </select>
                
                                            @error('portos_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
        
                                    </div>
                                </div>
                            </div>
                            {{--  --}}
                            <div class="tab-pane fade" id="dadoscomerciaisfinanceirostab" role="tabpanel">
                                <div class="p-3 bg-light border"> 
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-6">
                                            <label for="consumo_mensal_litros" class="col-form-label ">Consumo Mensal em Litros</label>
                                            <input id="consumo_mensal_litros" type="number" step="0.01" min="300" class="form-control @error('consumo_mensal_litros') is-invalid @enderror" name="consumo_mensal_litros" value="{{ old('consumo_mensal_litros') }}" placeholder="Insira um número maior que 300" required >
        
                                            @error('consumo_mensal_litros')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
        
        
                                        <div class="col-md-6">
                                            <label for="desconto_pvp_distribuicao" class="col-form-label ">Desconto Proposto sobre o PVP - Abastecimento Distribuição (Desconto em Cêntimos/Litro)</label>
                                            <input id="desconto_pvp_distribuicao" type="number" step="0.01" max="0.25" class="form-control @error('desconto_pvp_distribuicao') is-invalid @enderror" name="desconto_pvp_distribuicao" value="{{ old('desconto_pvp_distribuicao') }}" placeholder="Insira um número menor ou igual a 0.25" required>
        
                                            @error('desconto_pvp_distribuicao')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
                                    </div>
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-6">
                                            <label for="desconto_pvp_tfuel" class="col-form-label ">Desconto Proposto sobre o PVP - Abastecimento Postos TFuel (Desconto em Cêntimos/Litro)</label>
                                            <input id="desconto_pvp_tfuel" type="number" step="0.01" max="0.15" class="form-control @error('desconto_pvp_tfuel') is-invalid @enderror" name="desconto_pvp_tfuel" value="{{ old('desconto_pvp_tfuel') }}" placeholder="Insira um número menor ou igual a 0.15" required>
        
                                            @error('desconto_pvp_tfuel')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
        
                                        <div class="col-md-6">
                                            <label for="desconto_pvp_postos" class="col-form-label ">Desconto Proposto sobre o PVP - Abastecimento Postos BP (Desconto em Cêntimos/Litro)</label>
                                            <input id="desconto_pvp_postos" type="number" step="0.01" max="0.05" class="form-control @error('desconto_pvp_postos') is-invalid @enderror" name="desconto_pvp_postos" value="{{ old('desconto_pvp_postos') }}" placeholder="Insira um número menor ou igual a 0.05" required>
        
                                            @error('desconto_pvp_postos')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
        
        
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-6">
                                            <label>Condições de Pagamento</label>
                                            <br>
                                            @foreach ($prazos as $prazo)
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="condicao_pagamento_{{ $prazo->id }}" type="checkbox" id="inlineCheckbox{{ $prazo->id }}" value="{{ $prazo->id }}">
                                                    <label class="form-check-label" for="inlineCheckbox{{ $prazo->id }}">{{ $prazo->nome_prazo }}</label>
                                                </div>
                                            @endforeach

                                        </div>
        
                                        <div class="col-md-6">
                                        
                                            <label>Forma de Pagamento Preferencial</label>
                                            <br>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" onclick="func_forma_pagamento_preferencial()" name="forma_pagamento_preferencial" type="radio" id="inlineradio1" value="Numerário">
                                                <label class="form-check-label" for="inlineradio1">Numerário</label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  onclick="func_forma_pagamento_preferencial()" name="forma_pagamento_preferencial"  type="radio" id="inlineradio2" value="Cheque">
                                                <label class="form-check-label" for="inlineradio2">Cheque</label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  onclick="func_forma_pagamento_preferencial()" name="forma_pagamento_preferencial"  type="radio" id="inlineradio3" value="Transferência Bancária">
                                                <label class="form-check-label" for="inlineradio3">Transferência Bancária</label>
                                            </div>
        
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  onclick="func_forma_pagamento_preferencial()" name="forma_pagamento_preferencial"  type="radio" id="inlineradio5" value="Outra">
                                                <label class="form-check-label" for="inlineradio5">Outra</label>
                                            </div>
                                            <br>
                                            <input id="outra_pagamento_preferencial" type="text" class="form-control d-none @error('outra_pagamento_preferencial') is-invalid @enderror" name="outra_pagamento_preferencial" value="{{ old('outra_pagamento_preferencial') }}" placeholder="Outra">
        
                                        </div>
                                    </div>
        
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-6">
                                            <label>Produtos selecionados</label>
                                            <br>
                                            @foreach ($produtos as $produto)
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="produto_{{ $produto->id }}" type="checkbox" id="inlineCheckbox_produto{{ $produto->id }}" value="{{ $produto->id }}">
                                                    <label class="form-check-label" for="inlineCheckbox_produto{{ $produto->id }}">{{ $produto->artigo }}</label>
                                                </div>
                                            @endforeach
                                            
                                        </div>
                                    </div>
        
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-6">
                                            <label for="limite_credito_pretendido" class="col-form-label ">Limite de Crédito Pretendido</label>
                                            <input id="limite_credito_pretendido" type="number" step="0.01" class="form-control @error('limite_credito_pretendido') is-invalid @enderror" name="limite_credito_pretendido" value="{{ old('limite_credito_pretendido') }}" placeholder="Insira um número menor ou igual a 0.15" readonly required>
        
                                            @error('limite_credito_pretendido')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
        
                                        <div class="col-md-6">
                                            <label>Garantias</label>
                                            <br>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" name="garantias" type="radio" id="garantia1" value="Garantia Bancária">
                                                <label class="form-check-label" for="garantia1">Garantia Bancária</label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  name="garantias"  type="radio" id="garantia2" value="Seguro de Crédito IM">
                                                <label class="form-check-label" for="garantia2">Seguro de Crédito IM</label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  name="garantias"  type="radio" id="garantia3" value="Seguro de Crédito TFuel">
                                                <label class="form-check-label" for="garantia3">Seguro de Crédito TFuel</label>
                                            </div>
        
                        
                                        
        
                                        </div>
                                    </div>
        
        
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-12">
                                            <label>Viatura</label>
                                            <br>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" onclick="func_viatura()" name="viatura" type="radio" id="inlineviatura1" value="Semi-Reboque">
                                                <label class="form-check-label" for="inlineviatura1">Semi-Reboque</label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  onclick="func_viatura()" name="viatura"  type="radio" id="inlineviatura2" value="Reboque 3/4 Eixos">
                                                <label class="form-check-label" for="inlineviatura2">Reboque 3/4 Eixos</label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  onclick="func_viatura()" name="viatura"  type="radio" id="inlineviatura3" value="Reboque 2 Eixos">
                                                <label class="form-check-label" for="inlineviatura3">Reboque 2 Eixos</label>
                                            </div>
        
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  onclick="func_viatura()" name="viatura"  type="radio" id="inlineviatura4" value="Apenas abastecimento Posto">
                                                <label class="form-check-label" for="inlineviatura4">Apenas abastecimento Posto</label>
                                            </div>
        
        
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  name="viatura"  type="radio" id="inlineviatura5" value="Outra">
                                                <label class="form-check-label" for="inlineviatura5">Outra</label>
                                            </div>
                                            <br>
                                            <input id="outra_viatura" type="text" class="form-control d-none @error('outra_viatura') is-invalid @enderror" name="outra_viatura" value="{{ old('outra_viatura') }}" placeholder="Outra">
        
                                        </div>
        
                        
                                    </div>
        
                                   
        
                                    <div class="form-group row pl-3 pr-3">
                                        <label>Abrir cliente à Crédito nos Seguintes Postos</label>
                                        <br>
                                    </div>
                                    <div class="form-group row pl-3 pr-3">
                
                                        @foreach ($postos as $posto)
        
                                                <div class="col-md-3">
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input" name="credito_postos_{{$posto->id}}" type="checkbox" id="credito_postos_{{$posto->id}}" value="{{$posto->id}}">
                                                        <label class="form-check-label" for="credito_postos_{{$posto->id}}">{{$posto->nome_posto}}</label>
                                                    </div>
                                                </div>
                                            
                                        @endforeach
                                    </div>
        
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-12">
                                            <label>Matriculas (Separar as mtriculas com um ";")</label>
                                            <textarea id="matriculas"  class="form-control  @error('matriculas') is-invalid @enderror" name="matriculas" > </textarea>
                                        </div>
                                    </div>
        
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-12">
                                            <label>Observação</label>
                                            <textarea id="observacao"  class="form-control  @error('observacao') is-invalid @enderror" name="observacao" > </textarea>
                                        </div>
                                    </div>
        
        
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-12">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  name="aceita_receber_comunicacoes"  type="checkbox" id="aceita_receber_comunicacoes" value="1">
                                                <label class="form-check-label" for="aceita_receber_comunicacoes"><strong> RECEBER COMUNICACOES POR EMAIL E SMS</strong></label>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-12">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  name="cadastrar_pvp_mail_lista"  type="checkbox" id="cadastrar_pvp_mail_lista" value="1">
                                                <label class="form-check-label" for="cadastrar_pvp_mail_lista"><strong>Cadastrar na lista de Emails PVPs</strong></label>
                                            </div>
                                        </div>
                                    </div>
        
                                    <div class="form-group row pl-3 pr-3">
                                        <div class="col-md-12">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input"  name="envio_precos"  type="checkbox" id="envio_precos" value="1">
                                                <label class="form-check-label" for="envio_precos"><strong>Permitir envio de preços</strong></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{--  --}}
                        </div>
                        <div class="form-group row pl-3 pr-3 mt-3">
                            <div class="col-12">
                                <button id="btnCadastrar" class="btn btn-primary rounded mx-auto d-block">Cadastrar</button>
                            </div>
                        </div>
                    </div>
                </div>
         
            </form>
        </div>
    </div>


    <!-- DataTables  & Plugins -->
    <script src={{ asset('/plugins/datatables/jquery.dataTables.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/dataTables.buttons.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/jszip/jszip.min.js') }}></script>
    <script src={{ asset('/plugins/pdfmake/pdfmake.min.js') }}></script>
    <script src={{ asset('/plugins/pdfmake/vfs_fonts.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.html5.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.print.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.colVis.min.js') }}></script>
    <script src={{ asset('/plugins/toastr/toastr.min.js') }}></script>

    <!-- Page specific script -->
    <script>

            function funcCadastrar(e){
                e.preventDefault();
            
                let form = document.getElementById("formulario"); 
                let invalidFields = []; 

                toastr.options = {
                            positionClass: "toast-bottom-right", // Define a posição do Toast
                            closeButton: true,
                            progressBar: true,
                            timeOut: 4000
                        };

                $(form).find("input, textarea, select").each(function () {
                    if ($(this).val().trim() === "" && $(this).prop("required") && !$(this).prop("disabled")) {
                        let labelText = $("label[for='" + this.id + "']").text().trim();
                        let fieldName = labelText ? labelText : this.name; 

                        toastr.error(`Preencha o campo obrigatório: ${fieldName}`, "Erro"); 

                        invalidFields.push(this); 
                    }
                });

                if (invalidFields.length === 0) {
                    form.submit();
                }
            };

        $('#equipamentos').on('change', function() {
            if(this.value =="Sim" ){
    
                $('#div_valor_investido_equipamentos').removeClass('d-none');
            }else{
                $('#div_valor_investido_equipamentos').addClass('d-none');
            }
    
        });
    
    
        $('#assistencia').on('change', function() {
            if(this.value =="Sim" ){
    
                $('#div_valor_investido_assistencias').removeClass('d-none');
            }else{
                $('#div_valor_investido_assistencias').addClass('d-none');
            }
    
        });
        $('#outros_investimentos').on('change', function() {
            if(this.value =="Sim" ){
    
                $('#div_valor_investido_outros_investimentos').removeClass('d-none');
            }else{
                $('#div_valor_investido_outros_investimentos').addClass('d-none');
            }
    
        });
    
        $('#sinistro').on('change', function(){
            if(this.value =="Sim" ){
                $('#div_fase_sinistrado').removeClass('d-none');
                $('#fase_sinistrado_id').prop('disabled', false);
            }else{
                $('#div_fase_sinistrado').addClass('d-none');
                $('#fase_sinistrado_id').prop('disabled', true);
    
            }
        })
    
    
    </script>
    <script>
        $('#inlineCheckbox5').on('click', function() {
            if(this.checked ==true ){

                $('#outra_condicao_pagamento').removeClass('d-none');
            }else{
                $('#outra_condicao_pagamento').addClass('d-none');
            }

        });


        function func_forma_pagamento_preferencial(){
            $('#outra_pagamento_preferencial').addClass('d-none');
        }

        $('#inlineradio5').on('click', function() {
            if(this.checked ==true ){
        

                $('#outra_pagamento_preferencial').removeClass('d-none');
            }else{
                $('#outra_pagamento_preferencial').addClass('d-none');
            }

        });

        $('#consumo_mensal_litros').on('change',function(){

            $('#limite_credito_pretendido').val($('#consumo_mensal_litros').val()*3.5);

        });

        $('#inlineviatura5').on('click', function() {
            if(this.checked ==true ){
        

                $('#outra_viatura').removeClass('d-none');
            }else{
                $('#outra_viatura').addClass('d-none');
            }

        });

        function func_viatura(){
            $('#outra_viatura').addClass('d-none');
        }


        $('#btn_copiar_endereco').on('click',function(){

            $('#endereco_entrega').val($('#endereco').val());
            $('#bairro_entrega').val($('#bairro').val());
            $('#cep_entrega').val($('#cep').val());

        });

        $('#email_cliente').change(function(){
            if($(this).val() == ''){
                if($('#cadastrar_pvp_mail_lista').is(':checked')){
                    $('#cadastrar_pvp_mail_lista').prop( "checked", false );
                }        
            }
        });

        $('#cadastrar_pvp_mail_lista').change(function(){
            if($(this).is(':checked')){
                if($('#email_cliente').val() == ''){
                    $(this).prop( "checked", false );
                    alert('É necessário preencher email para cadastrar na lista PVPs');
                }
            }
        });

        $('#contribuinte').change(function () {
            let contribuinte = $(this).val().trim();

            if (contribuinte === '') return;

            $.ajax({
                url: `/consulta-vat/${contribuinte}`,
                method: 'GET',
                success: function (response) {
                    $('#nome').val(response.name || '');
                    $('#morada').val(response.address || '');
                    $('#codigo_postal').val(response.postalCode || '');
                },
                error: function (xhr) {
                    alert('Não foi possível encontrar os dados do contribuinte.');
                    $('#nome, #morada, #codigo_postal').val(''); // Limpa os campos
                }
            });
        });

        
    </script>
    <script>
        $('#tabelashow').DataTable( {
            
            "paging": true,
            "lengthChange": true,
            "searching": false,
            "ordering": true,
            "info": true,
            "autoWidth": false,
            "responsive": true,
            "buttons": [ "csv", "excel", "pdf", {"extend":"print","text":"Imprimir"}, {"extend":"colvis","text":"Colunas"}],
            "lengthMenu": [[8, 10, 25, 50, -1], [8, 10, 25, 50, "All"]],
                        "bJQueryUI": true,
                        "oLanguage": {
                            "sProcessing":   "Processando...",
                            "sLengthMenu":   "Registros _MENU_ ",
                            "sZeroRecords":  "Não foram encontrados resultados",
                            "sInfo":         "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                            "sInfoEmpty":    "Mostrando de 0 até 0 de 0 registros",
                            "sInfoFiltered": "",
                            "sInfoPostFix":  "",
                            "sSearch":       "Buscar:",
                            "sUrl":          "",
                            "oPaginate": {
                                "sFirst":    "Primeiro",
                                "sPrevious": "Anterior",
                                "sNext":     "Seguinte",
                                "sLast":     "Último"
                            }
                        }
        
        } ).buttons().container().appendTo('#tabelashow_wrapper .col-md-6:eq(0)');
    </script>


    <script>
        $(document).ready(function () {
            const $tabs = $('#cadastroTabs .nav-link');
            const $btn = $('#btnCadastrar');

            function updateButtonText() {
                const $active = $('#cadastroTabs .nav-link.active');
                const isLast = $active.parent().is(':last-child');
                $btn.text(isLast ? 'Cadastrar' : 'Próximo');
            }

            updateButtonText();

            $btn.on('click', function (e) {
                e.preventDefault();

                const $activeTab = $('#cadastroTabs .nav-link.active');
                const $activePane = $('.tab-pane.active');

                const $nextLi = $activeTab.closest('li').next();
                const $nextTab = $nextLi.find('.nav-link');
                const nextHref = $nextTab.attr('href'); // ex: #aba2

                if ($btn.text() === 'Cadastrar') {
                    // $btn.closest('form').submit();
                    funcCadastrar(e);
                    return;
                }

                if ($nextTab.length > 0) {
                    // Atualiza abas
                    $tabs.removeClass('active');
                    $nextTab.addClass('active');

                    // Atualiza conteúdos das abas
                    $('.tab-pane').removeClass('show active');
                    $(nextHref).addClass('show active');

                    updateButtonText();
                }
            });

            // Caso o usuário clique diretamente na aba, atualiza o botão
            $('#cadastroTabs .nav-link').on('click', function () {
                setTimeout(updateButtonText, 100);
            });
        });
    </script>




@endsection