@extends('layouts/contentLayoutMaster')

@section('title', __('locale.Contract'))

{{-- @section('content') --}}

@section('vendor-style')
<!-- vendor css files -->
<link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/wizard/bs-stepper.min.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/toastr.min.css')) }}">
@endsection


@section('page-style')
<!-- Page css files -->
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-wizard.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/extensions/ext-component-toastr.css')) }}">

@endsection

@section('content')
<x-contract.rule :typerequests="$typerequests"/>
<x-contract.document />
<x-contract.copay :isdisabled="$isdisabled" :copay="$copay" :checked="$checked"/>
<x-contract.contribuicao :isdisabled="$isdisabled" :checked="$checked"/>
<x-contract.condition.health :isdisabled="$isdisabled" :checked="$checked"/>
<x-contract.condition.dental :isdisabled="$isdisabled" :checked="$checked"/>
<x-contract.condition.life :isdisabled="$isdisabled" :checked="$checked"/>
<x-contract.condition.travel :isdisabled="$isdisabled" :checked="$checked"/>
<x-contract.condition.food-voucher :isdisabled="$isdisabled" :checked="$checked"/>
<x-contract.condition.meal-voucher :isdisabled="$isdisabled" :checked="$checked"/>
<x-contract.condition.transport-voucher :isdisabled="$isdisabled" :checked="$checked"/>
<x-contract.condition.sfis :isdisabled="$isdisabled" :checked="$checked"/>
<x-contract.condition.credit :isdisabled="$isdisabled" :checked="$checked"/>

<section id="multiple-column-form">
	<div class="horizontal-wizard">
		<div class="col-12">
			<form class="form-add-contract" id="form-add-contract">
				@csrf
				<div class="card">
					<div class="card-header">
						<h4 class="card-title">{{ __('locale.Table.Contract.Column.Title') }}</h4>
						<div class="btn-group">
                            <a href="{{ route('dashboard.contracts.edit', ['id' => $contract->id]) }}" class="btn btn-primary" id="btnEditar"><i data-feather='edit-3'></i></a>
                            <a href="{{ route('dashboard.contracts.show', ['id' => $contract->id]) }}" class="btn btn-info" id="btnVisualizar">
                                <i data-feather="eye"></i>
                            </a>
                        </div>
					</div>
					<div class="card-body">
							<div class="row">
								<input type="hidden" name="id" id="id" value="{{ @$contract->id }}">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label for="group_id" class="form-label">{{ __('locale.Table.Products.Life.Column.group') }}</label>
										<select class="form-select" name="group_id" id="group_id" required>
											@if ($groups)
											@foreach ($groups as $group)
											<option value="{{ $group->id }}">{{ $group->name }}</option>
											@endforeach
											@endif
										</select>
									</div>
								</div>

								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label for="company_id" class="form-label">{{ __('locale.Table.Contract.Column.CompanyId') }}</label>
										<select class="form-select" name="company_id" id="company_id" required>
											<option value="" selected disabled>Selecione um grupo para carregar as empresas</option>
										</select>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="policy_number">Número da Apólice da Empresa</label>
										<input type="text" value="{{ $contract->policy_number ?? '' }}" id="policy_number" class="form-control" placeholder="Número da Apólice da Empresa" name="policy_number" required />
									</div>
								</div>

								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="type_closure">Tipo de Fechamento</label>
										<select id="type_closure" class="form-select" name="type_closure" required>
											<option value="" disabled selected>Selecione um tipo</option>
											<option value="1" {{ $contract->type_closure == 1 ? 'selected' : '' }}>Nomeação</option>
											<option value="2" {{ $contract->type_closure == 2 ? 'selected' : '' }}>Implantação</option> 
										</select>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label for="previous_supplier_id" class="form-label">{{ __('locale.Table.Contract.Column.PreviousSupplierId') }}</label>
										<select class="form-select" name="previous_supplier_id" id="previous_supplier_id" required>
											<option value="" selected disabled>Selecione um fornecedor</option>
											@if ($suppliers)
											@foreach ($suppliers as $supplier)
											<option value="{{ $supplier->id }}" {{ $contract->previous_supplier_id == $supplier->id ? 'selected' : '' }}>{{ $supplier->name }}</option>
											@endforeach
											@endif
										</select>
									</div>
								</div>

								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="product_type_id">{{ __('locale.Table.SuppliersProducts.Column.Product') }}</label>
										<select class="form-select" name="product_type_id" id="product_type_id" required>
											<option value="" selected disabled>Selecione um tipo de produto</option>
											@if ($product_types)
											@foreach ($product_types as $product_type)
											<option value="{{ $product_type->id }}">{{ $product_type->name }}
											</option>
											@endforeach
											@endif

											{{ __('locale.Table.SuppliersProducts.Column.Product.Select24') }}</option>
										</select>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label for="supplier_id" class="form-label">{{ __('locale.Table.Contract.Column.SupplierId') }}</label>
										<select class="form-select" name="supplier_id" id="supplier_id" required>

											<option value="" disabled selected>
												Selecione um fornecedor
											</option>

										</select>
									</div>
								</div>

								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label for="product_id" class="form-label">{{ __('locale.Table.Contract.Column.ProductId') }}</label>
										<select class="form-select" name="product_id" id="product_id" required>
											<option value="" selected disabled>Selecione um ou mais produtos</option>
										</select>
									</div>
								</div>
							</div>

							{{-- modal condições --}}

							<div class="condition row" style="display: none;" id="copay_conditions_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="copay_conditions_id">{{ __('locale.Table.Condition.Modal.Copay') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionCopay" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="condition row" style="display: none;" id="condition_copay_policies_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_copay_policies_id">{{ __('locale.Table.Condition.Modal.CopayP') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionCopayPolicy" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="condition row" style="display: none;" id="condition_contribution">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_Contribution">{{ __('locale.Table.Condition.Modal.Contribution') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionContribution" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="row" style="display: none;" id="condition_ContributionD">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_Contribution">{{ __('locale.Table.Condition.Modal.ContributionD') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionContributionDetails" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="row" style="display: none;" id="condition_colabs_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_colabs_id">{{ __('locale.Table.Condition.Modal.Collaboration') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionCollaboration" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="condition row" style="display: none;" id="condition_health_products_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_health_products_id">{{ __('locale.Table.Condition.Modal.Health') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionHealthProduct" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="condition row" style="display: none;" id="condition_dental_products_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_dental_products_id">{{ __('locale.Table.Condition.Modal.Odonto') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionOdontoProduct" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="condition row" style="display: none;" id="life_product_conditions_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="life_product_conditions_id">{{ __('locale.Table.Products.Life.Column.ProductsLife') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionLifeProducts" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="row" style="display: none;" id="condition_previd_products_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_previd_products_id">{{ __('locale.Table.Condition.Modal.PrevProduct') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionPrevidProduct" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="condition row" style="display: none;" id="condition_travel_products_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_travel_products_id">{{ __('locale.Table.Condition.Modal.Trip') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionTravelProduct" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="condition row" style="display: none;" id="condition_ticket_products_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_ticket_products_id">{{ __('locale.Table.Condition.Modal.Ticket') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionTicketProduct" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="condition row" style="display: none;" id="condition_sfis_products_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_sfis_products_id">{{ __('locale.Table.Condition.Modal.Physical') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionPhysicalProduct" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							<div class="condition row" style="display: none;" id="condition_credi_products_id">
								<div class="mb-1 col-md-6 d-flex align-items-center">
									<label class="form-label m-1 me-5" for="condition_credi_products_id">{{ __('locale.Table.Condition.Modal.Cred') }}</label>
									<button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalAddConditionCredProduct" style="font-size: 0.75rem; padding: 0.2rem 0.4rem;">
										+
									</button>
								</div>
							</div>

							{{-- modal condições --}}

							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="brokerage_loss_id" class="form-label">Corretora / Perda</label>
										<select class="form-select" name="brokerage_loss_id" id="brokerage_loss_id" required>
											<option value="" selected disabled>Selecione uma corretora</option>
											@if($brokers)
											@foreach($brokers as $broker)
											<option value="{{ $broker->id }}" {{ $broker->id == $contract->brokerage_loss_id ? 'selected' : '' }}>{{ $broker->name }}</option>
											@endforeach
											@endif
										</select>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="brokerage_earn_id" class="form-label">Corretora / Ganho</label>
										<select class="form-select" name="brokerage_earn_id" id="brokerage_earn_id" required>
											<option value="" selected disabled>Selecione uma corretora</option>
											@if($brokers)
											@foreach($brokers as $broker)
											<option value="{{ $broker->id }}" {{ $broker->id == $contract->brokerage_earn_id ? 'selected' : '' }}>{{ $broker->name }}</option>
											@endforeach
											@endif
										</select>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6">
									<label class="form-label" for="contract_number">Número do Contrato</label>
									<input type="text" value="{{ $contract->contract_number ?? '' }}" id="contract_number" class="form-control" placeholder="Número do Contrato" name="contract_number" required />
								</div>
								<div class="col-md-6">
									<label class="form-label" for="stipulator_number">Número do Estipulante</label>
									<input type="text" value="{{ $contract->stipulator_number ?? '' }}" id="stipulator_number" class="form-control" placeholder="Número do Estipulante" name="stipulator_number" required />
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<label class="form-label" for="effective_start">Vigência Inicio</label>
									<input type="date" id="effective_start" class="form-control" value="{{ $contract->effective_start ?? ''}}"
										name="effective_start" required />
								</div>
								<div class="col-md-6">
									<label class="form-label" for="effective_end">Vigência Fim</label>
									<input type="date" id="effective_end" class="form-control" value="{{ $contract->effective_end ?? ''}}"
										name="effective_end" required />
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<label class="form-label" for="wallet_type_analysis">Tipo de Análise na Carteira</label>
									<select id="wallet_type_analysis" class="form-select" placeholder="Número do Estipulante" name="wallet_type_analysis" required>
										<option selected disabled>Selecione um tipo</option>
										<option value="1" {{ $contract->wallet_type_analysis  == 1 ? 'selected' : '' }}>Grupo</option>
										<option value="2" {{ $contract->wallet_type_analysis  == 2 ? 'selected' : '' }}>Individual</option>
									</select>
								</div>
								<div class="col-md-6">
									<label class="form-label" for="break_even">Break Even</label>
									<input type="text" value="{{ $contract->break_even ?? ''}}" id="break_even" class="form-control" placeholder="Break Even" name="break_even" required/>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<label class="form-label" for="annual_readjustment_index_id">Índice de Reajuste Anual</label>
									<select id="annual_readjustment_index_id" class="form-select" placeholder="Número do Estipulante" name="annual_readjustment_index_id" required>
										<option selected disabled>Selecione um índice</option>
										<option value="1" {{ $contract->annual_readjustment_index_id  == 1 ? 'selected' : '' }}>Grupo</option>
										<option value="2" {{ $contract->annual_readjustment_index_id  == 2 ? 'selected' : '' }}>Individual</option>
									</select>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="assessment_value">Valor assessment</label>
										<input type="text" name="assessment_value" value="{{ $contract->assessment_value ?? ''}}"
											id="assessment_value" class="form-control" required>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6">
									<label class="form-label" for="has_iof">IOF</label>
									<select id="has_iof" class="form-select" placeholder="Break Even" name="has_iof" required>
										<option value="" selected disabled>Selecione uma opção</option>
										<option value="1" {{ $contract->has_iof  == 1 ? 'selected' : '' }}>Sim</option>
										<option value="0" {{ $contract->has_iof  == 0 ? 'selected' : '' }}>Não</option>
									</select>
								</div>
								<div class="col-md-6" id="hasIofCol" style="display: none">
									<label class="form-label" for="iof">Valor do IOF</label>
									<input type="text" value="{{ number_format($contract->iof, 2, ',', '.') }}" id="iof" class="form-control campo_preco" placeholder="Valor do IOF" name="iof" required />
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="status">Status</label>
										<select id="status" class="form-select" name="status" required>
											<option value="1" {{ $contract->status  == 1 ? 'selected' : '' }}>Ativo</option>
											<option value="0" {{ $contract->status  == 0 ? 'selected' : '' }}>Inativo</option>
										</select>
									</div>
								</div>
							</div>

							<div class="row my-2">
								<div class="col-md-12">
									<label for="rule_breach_contract">Regra de Quebra de Contrato</label>
									<textarea placeholder="Rediga/Cole aqui as regras para a quebra de contrato" class="form-control" name="rule_breach_contract" id="rule_breach_contract" cols="30" rows="10">{{ $contract->rule_breach_contract }}</textarea>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="contractual_minium_lives">Quantidade Contratual Mínima de Vidas</label>
										<input type="number" value="{{ $contract->contractual_minium_lives ?? '' }}" name="contractual_minium_lives" id="contractual_minium_lives" placeholder="Quantidade Contratual Mínima de Vidas" class="form-control" required>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="upgrade_downgrade_plan">Permitir Upgrade/Downgrade do Plano?</label>
										<select id="upgrade_downgrade_plan" class="form-select" name="upgrade_downgrade_plan" required>
											<option value="" selected disabled>Selecione uma opção</option>
											<option value="1" {{ $contract->upgrade_downgrade_plan  == 1 ? 'selected' : '' }}>Sim</option>
											<option value="0" {{ $contract->upgrade_downgrade_plan  == 0 ? 'selected' : '' }}>Não</option>
										</select>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="limit_date">Data Limite</label>
										<input type="date" value="{{ $contract->limit_date ?? '' }}" name="limit_date" id="limit_date" class="form-control">
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="inactive_charge_type">Tipo de Cobrança do Invativo</label>
										<select id="inactive_charge_type" class="form-select" name="inactive_charge_type">
											<option value="" selected disabled>Selecione uma opção</option>
											<option value="1" {{ $contract->inactive_charge_type  == 1 ? 'selected' : '' }}>Faixa Etária</option>
											<option value="2" {{ $contract->inactive_charge_type  == 2 ? 'selected' : '' }}>Taxa Média</option>
										</select>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="group_model">Modelo de Grupo</label>
										<select id="group_model" class="form-select" name="group_model">
											<option value="" selected disabled>Selecione uma opção</option>
											<option value="1" {{ $contract->group_model  == 1 ? 'selected' : '' }}>Adesão</option>
											<option value="2" {{ $contract->group_model  == 2 ? 'selected' : '' }}>Compulsório</option>
										</select>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="payment_type">Modelo de Pagamento</label>
										<select id="payment_type" class="form-select" name="payment_type">
											<option value="" selected disabled>Selecione uma opção</option>
											<option value="1" {{ $contract->payment_type  == 1 ? 'selected' : '' }}>Pré-pago</option>
											<option value="2" {{ $contract->payment_type  == 2 ? 'selected' : '' }}>Pós-pago</option>
										</select>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="contract_time">Tempo de Contrato</label>
										<select id="contract_time" class="form-select" name="contract_time">
											<option value="" selected disabled>Selecione uma opção</option>
											<option value="12" {{ $contract->contract_time  == 12 ? 'selected' : '' }}>12 meses</option>
											<option value="24" {{ $contract->contract_time  == 24 ? 'selected' : '' }}>24 meses</option>
											<option value="36" {{ $contract->contract_time  == 36 ? 'selected' : '' }}>36 meses</option>
										</select>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<span>Plano Contributário</span>
										<div class="form-check">
											<label class="form-check-label" for="contributary_plan_yes">Sim</label>
											<input type="radio" class="form-check-input" id="contributary_plan_yes" name="contributary_plan" value="1"  {{ $contract->contributary_plan == 0 ? 'checked' : '' }}>
										</div>
										<div class="form-check">
											<label class="form-check-label" for="contributary_plan_no">Não</label>
											<input type="radio" class="form-check-input" id="contributary_plan_no" name="contributary_plan" value="0" {{ $contract->contributary_plan == 0 ? 'checked' : '' }}>
										</div>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<span>Inclusão de Regra Programada</span>
										<div class="form-check">
											<label class="form-check-label" for="inclusion_scheduled_rule_yes">Sim</label>
											<input type="radio" class="form-check-input" id="inclusion_scheduled_rule_yes" name="inclusion_scheduled_rule" value="1"  {{ $contract->inclusion_scheduled_rule == 1 ? 'checked' : '' }}>
										</div>
										<div class="form-check">
											<label class="form-check-label" for="inclusion_scheduled_rule_no">Não</label>
											<input type="radio" class="form-check-input" id="inclusion_scheduled_rule_no" name="inclusion_scheduled_rule" value="0"  {{ $contract->inclusion_scheduled_rule == 0 ? 'checked' : '' }}>
										</div>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="days">Dias</label>
										<select id="days" class="form-select" name="days">
											<option value="" selected disabled>Selecione uma opção</option>
											<option value="30" {{ $contract->days  == 30 ? 'selected' : '' }}>30 dias</option>
											<option value="60" {{ $contract->days  == 60 ? 'selected' : '' }}>60 dias</option>
											<option value="90" {{ $contract->days  == 90 ? 'selected' : '' }}>90 dias</option>
											<option value="120" {{ $contract->days  == 120 ? 'selected' : '' }}>120 dias</option>
											<option value="180" {{ $contract->days  == 180 ? 'selected' : '' }}>180 dias</option>
											<option value="1" {{ $contract->days  == 1 ? 'selected' : '' }}>Mais dias</option>
										</select>
									</div>
								</div>
								<div class="col-md-12 my-2">
									<label for="observations">Observações/Notas</label>
									<textarea placeholder="Rediga/Cole aqui as observações ou notas" class="form-control" name="observations" id="observations" cols="30" rows="10">{{ $contract->observations }}</textarea>
								</div>
							</div>
					</div>
				</div>
				<div class="card">
					<div class="card-header">
						<h4 class="card-title">Faturamento</h4>
					</div>
					<div class="card-body">
						<div class="row">
							<div class="col-md-4">
								<div class="form-group">
									<label for="cut_day">Dia de Corte</label>
									<input type="number" value="{{ $contract->cut_day }}" name="cut_day" id="cut_day" placeholder="Dia de Corte" class="form-control" required>
								</div>
							</div>

							<div class="col-md-4">
								<div class="form-group">
									<label for="charge_type">Tipo de Faturamento</label>
									<select id="charge_type" class="form-select" name="charge_type" required>
										<option value="1" {{ $contract->charge_type  == 1 ? 'selected' : '' }}>Mensal</option>
										<option value="2" {{ $contract->charge_type  == 2 ? 'selected' : '' }}>Trimestral</option>
										<option value="3" {{ $contract->charge_type  == 3 ? 'selected' : '' }}>Anual</option>
										<option value="4" {{ $contract->charge_type  == 4 ? 'selected' : '' }}>Bruto</option>
										<option value="5" {{ $contract->charge_type  == 5 ? 'selected' : '' }}>Líquido</option>
									</select>
								</div>
							</div>
							<div class="col-md-4">
								<div class="form-group">
									<label for="sla_charge_limit">Limite de Faturamento</label>
									<input type="number" value="{{ $contract->sla_charge_limit ?? '' }}" name="sla_charge_limit" id="sla_charge_limit" placeholder="Limite de Faturamento" class="form-control" required>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="card">
					<div class="card-header">
						<h4 class="card-title">Características do Grupo Segredado</h4>
					</div>
					<div class="card-body">
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									<span>Inclusões de agregados</span>
									<div class="form-check">
										<label class="form-check-label" for="aggregates_yes">Sim</label>
										<input type="radio" class="form-check-input" id="aggregates_yes" name="aggregates" value="1" {{ $contract->aggregates == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="aggregates_no">Não</label>
										<input type="radio" class="form-check-input" id="aggregates_no" name="aggregates" value="0" {{ $contract->aggregates == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<span>Aceitação de Filhos</span>
									<div class="form-check">
										<label class="form-check-label" for="Children_yes">Sim</label>
										<input type="radio" class="form-check-input" id="Children_yes" name="childrens" value="1" {{ $contract->childrens == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="Children_no">Não</label>
										<input type="radio" class="form-check-input" id="Children_no" name="childrens" value="0" {{ $contract->childrens == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label for="limit_age"> Até qual idade ?</label>
									<input type="number" name="limit_age" id="limit_age" min="0" class="form-control" value="{{ $contract->limit_age ?? ''}}">
								</div> 
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<span>Aceitação de Conjuge</span>
									<div class="form-check">
										<label class="form-check-label" for="spousal_acceptance_yes">Sim</label>
										<input type="radio" class="form-check-input" id="spousal_acceptance_yes" name="spousal_acceptance" value="1" {{ $contract->spousal_acceptance == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="spousal_acceptance_no">Não</label>
										<input type="radio" class="form-check-input" id="spousal_acceptance_no" name="spousal_acceptance" value="0" {{ $contract->spousal_acceptance == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<span>Tem Afastados</span>
									<div class="form-check">
										<label class="form-check-label" for="have_away_yes">Sim</label>
										<input type="radio" class="form-check-input" id="have_away_yes" name="have_away" value="1" {{ $contract->have_away == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="have_away_no">Não</label>
										<input type="radio" class="form-check-input" id="have_away_no" name="have_away" value="0" {{ $contract->have_away == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<span>Tem Inativos</span>
									<div class="form-check">
										<label class="form-check-label" for="has_inactive_yes">Sim</label>
										<input type="radio" class="form-check-input" id="has_inactive_yes" name="has_inactive" value="1" {{ $contract->has_inactive == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="has_inactive_no">Não</label>
										<input type="radio" class="form-check-input" id="has_inactive_no" name="has_inactive" value="0" {{ $contract->has_inactive == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<span>Tem Home Care</span>
									<div class="form-check">
										<label class="form-check-label" for="home_yes">Sim</label>
										<input type="radio" class="form-check-input" id="home_yes" name="home" value="1" {{ $contract->home == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="home_no">Não</label>
										<input type="radio" class="form-check-input" id="home_no" name="home" value="0" {{ $contract->home == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<span>Tem Remidos</span>
									<div class="form-check">
										<label class="form-check-label" for="has _redeemed_yes">Sim</label>
										<input type="radio" class="form-check-input" id="has _redeemed_yes" name="has_redeemed" value="1" {{ $contract->has_redeemed == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="has _redeemed_no">Não</label>
										<input type="radio" class="form-check-input" id="has _redeemed_no" name="has_redeemed" value="0" {{ $contract->has_redeemed == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<span>Tem Estagiários</span>
									<div class="form-check">
										<label class="form-check-label" for="has_interns_yes">Sim</label>
										<input type="radio" class="form-check-input" id="has_interns_yes" name="has_interns" value="1" {{ $contract->has_interns == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="has_interns_no">Não</label>
										<input type="radio" class="form-check-input" id="has_interns_no" name="has_interns" value="0" {{ $contract->has_interns == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<span>Tem Gestantes</span>
									<div class="form-check">
										<label class="form-check-label" for="women_yes">Sim</label>
										<input type="radio" class="form-check-input" id="women_yes" name="have_pregnant" value="1" {{ $contract->have_pregnant == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="women_no">Não</label>
										<input type="radio" class="form-check-input" id="women_no" name="have_pregnant" value="0" {{ $contract->have_pregnant == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<span>Tem Casos Crônicos</span>
									<div class="form-check">
										<label class="form-check-label" for="chronic_cases_yes">Sim</label>
										<input type="radio" class="form-check-input" id="chronic_cases_yes" name="chronic_cases" value="1" {{ $contract->chronic_cases == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="chronic_cases_no">Não</label>
										<input type="radio" class="form-check-input" id="chronic_cases_no" name="chronic_cases" value="0" {{ $contract->chronic_cases == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
						<h4 class="card-title">Elegibilidade</h4>
					</div>
					<div class="card-body">
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									<span>Contratação do produto por elegibilidade?</span>
									<div class="form-check">
										<label class="form-check-label" for="by_eligibility_yes">Sim</label>
										<input type="radio" class="form-check-input" id="by_eligibility_yes" name="by_eligibility" value="1" {{ $contract->by_eligibility == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="by_eligibility_no">Não</label>
										<input type="radio" class="form-check-input" id="by_eligibility_no" name="by_eligibility" value="0" {{ $contract->by_eligibility == 0 ? 'checked' : '' }}>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label for="description_plan">Descrição dos planos</label>
									<input type="text" name="description_plan" id="description_plan" class="form-control" value="{{ $contract->description_plan ?? ''}}">
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									<label for="description_capital_limits">Descrição dos limites de capital</label>
									<input type="text" name="description_capital_limits" id="description_capital_limits" value="{{ $contract->description_capital_limits ?? ''}}" class="form-control">
								</div>
							</div>  
							<div class="col-md-6">
								<div class="form-group">
									<label for="status_elegibility">Status</label>
									<select id="status_elegibility" class="form-select" name="status_elegibility" required>
										<option value="" selected disabled>Selecione uma opção</option>
										<option value="1" {{ $contract->status_elegibility  == 1 ? 'selected' : '' }} >Ativo</option>
										<option value="0" {{ $contract->status_elegibility  == 0 ? 'selected' : '' }}>Inativo</option>
									</select>
								</div>
							</div>
						</div>
						<div class="row">    
							<div class="col-md-6">
								<div class="form-group">
									<span>Documentos obrigatórios?</span>
									<div class="form-check">
										<label class="form-check-label" for="required_documents_yes">Sim</label>
										<input type="radio" class="form-check-input" id="required_documents_yes"
											name="required_documents" value="1" {{ $contract->required_documents == 1 ? 'checked' : '' }}>
									</div>
									<div class="form-check">
										<label class="form-check-label" for="required_documents_no">Não</label>
										<input type="radio" class="form-check-input" id="required_documents_no"
											name="required_documents" value="0" {{ $contract->required_documents == 0 ? 'checked' : '' }} checked>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12 my-2">
								<label for="contract_rules">Regras do contrato</label>
								<textarea placeholder="Rediga/Cole aqui as informações" class="form-control" name="contract_rules" id="contract_rules" cols="30" rows="10">{{ $contract->contract_rules }}</textarea>
							</div>
						</div>
					</div>
				</div>
				<div class="card">
					<div class="card-header">
						<h4>Documentos</h4>
						<button class="btn btn-primary" id="addDocument">{{ __('locale.Add') }}</button>
					</div>
					<div class="card-body">
						<table class="table" id="documentsTable">
							<thead>
								<tr>
								<th scope="col">Documento</th>
								<th scope="col">Ações</th>
								</tr>
							</thead>
							<tbody>
								@if($documents)
								@foreach($documents as $document)
								<tr id="document-row-{{ $document->id }}" data-source="database">
									<td><a href="{{ Storage::url($document->filepath) }}" target="_blank" >{{ $document->filename }}</a></td>
									<td>
										<button type="button" class="btn btn-danger btn-remove btn-sm" onclick="removeDocumentbd({{ $document->id }})"><span class='iconify' data-icon='carbon:trash-can' data-inline='false'></span></button>
									</td>
								</tr>
								@endforeach
								@endif
							</tbody>
							</table>
					</div>
				</div>
				<div class="card">
					<div class="card-header">
						<h4 class="card-title">{{ __('locale.Table.Accesses.Column.Title') }}</h4>
					</div>
					<div class="card-body">
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="login">{{ __('locale.Table.Accesses.Column.Login') }}</label>
										<input type="text" id="login" class="form-control" value="{{ $contract->login ?? ''}}" placeholder="{{ __('locale.Table.Accesses.Column.Login') }}"
											name="login" required/>
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="d-flex justify-content-between">
										<label class="form-label" for="password">{{ __('locale.Table.Accesses.Column.Password') }}</label>
	
									</div>
									<div class="input-group input-group-merge form-password-toggle">
										<span class="input-group-text"><i data-feather="lock"></i></span>
										<input class="form-control form-control-merge" id="password" type="password" name="password" value="{{ $contract->password ?? ''}}" placeholder="{{ __('locale.Table.Accesses.Column.Password') }}" aria-describedby="password" tabindex="2" required/>
										<span class="input-group-text cursor-pointer" id="show-password"><i data-feather="eye"></i></span>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="credential_type">{{ __('locale.Table.Accesses.Column.Credencial') }}</label>
										<select id="credential_type" class="form-select" name="credential_type" required>
											<option value="0" {{ $contract->credential_type  == 0 ? 'selected' : '' }}>{{ __('locale.Table.Accesses.Column.CredencialOperator') }}</option>
											<option value="1" {{ $contract->credential_type  == 1 ? 'selected' : '' }}>{{ __('locale.Table.Accesses.Column.CredencialAdministrator') }}</option>
										</select>
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="observation">{{ __('locale.Table.Accesses.Column.Observation') }}</label>
										<input type="text" id="observation" class="form-control" value="{{ $contract->observation ?? ''}}"
											placeholder="{{ __('locale.Table.Accesses.Column.Observation') }}" name="observation"/>
									</div>
								</div>
							</div>
					</div>
				</div>
				<div class="card">
					<div class="card-header">
						<h4 class="card-title">Regras do contrato</h4>
						<button class="btn btn-primary" id="addRule">{{ __('locale.Add') }}</button>
					</div>
					<div class="card-body">
						<div class="table-responsible">
							<table class="table" id="table-contract-rule">
								<thead>
									<th scope="col">Nome</th>
									<th scope="col">Quantidade</th>
									<th scope="col">Ações</th>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="card">
					<div class="card-header">
						<h4 class="card-title">Condições</h4>
					</div>
					<div class="card-body">
						<div class="table-responsible">
							<table class="table" id="table-produtos-condicoes">
								<thead>
									<th scope="col">ID</th>
									<th scope="col">Nome</th>
									<th scope="col">Copay</th>
									<th scope="col">Contribuição</th>
									<th scope="col">Condições</th>
									<th scope="col">Beneficiarios</th>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="card">
					<div class="card-body">
						<div class="row mt-2">
							<div class="col-12">
								<button type="button" class="btn btn-primary me-1" id="btnAddContracts">Editar</button>
								<button type="reset" class="btn btn-outline-secondary" id="btnReset">{{ __('locale.Table.Contract.Column.BackButton') }}</button>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</section>
<div class="modal" id="modalBeneficiario" tabindex="-1">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Cadastrar Beneficiario</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<input type="hidden" id="product_id_beneficiario">
				<form action="#">
					<div class="card">
						<div class="card-header">
							<h4 class="card-title">Informação Básica</h4>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="name">{{ __('locale.Table.Holders.Column.Name') }}</label>
										<input type="text" id="name" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.Name') }}"
											name="name" required />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="cpf">{{ __('locale.Table.Holders.Column.CPF') }}</label>
										<input type="text" id="cpf" class="form-control" placeholder="CPF"
											name="cpf" data-mask="000.000.000-00" required />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="rg">{{ __('locale.Table.Holders.Column.RG') }}</label>
										<input type="text" id="rg" class="form-control" placeholder="RG"
											name="rg" required />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="issuing_date">{{ __('locale.Table.Holders.Column.IssuingDate') }}</label>
										<input type="date" id="issuing_date" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.IssuingDate') }}" name="issuing_date" required />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="birth_date">{{ __('locale.Table.Holders.Column.BirthDate') }}</label>
										<input type="date" id="birth_date" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.BirthDate') }}" name="birth_date" required />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="civil_status">{{ __('locale.Table.Holders.Column.CivilStatus') }}</label>
										<select class="form-select" name="civil_status" id="civil_status" required>
											<option value="0">{{ __('locale.Table.Holders.Column.CivilStatusSingle') }}</option>
											<option value="1">{{ __('locale.Table.Holders.Column.CivilStatusMarried') }}</option>
											<option value="2">{{ __('locale.Table.Holders.Column.CivilStatusWidower') }}</option>
											<option value="3">{{ __('locale.Table.Holders.Column.CivilStatusDivorced') }}</option>

										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="sus_card">{{ __('locale.Table.Holders.Column.SusCard') }}</label>
										<input type="text" id="sus_card" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.SusCard') }}"
											name="sus_card"/>
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="issuing_body">{{ __('locale.Table.Holders.Column.IssuingBody') }}</label>
										<input type="text" id="issuing_body" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.IssuingBody') }}" name="issuing_body" required />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="mother_name">{{ __('locale.Table.Holders.Column.MotherName') }}</label>
										<input type="text" id="mother_name" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.MotherName') }}" name="mother_name" />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="sex">{{ __('locale.Table.Holders.Column.Sex') }}</label>
										<select class="form-select" name="sex" id="sex" required>
											<option value="0">{{ __('locale.Table.Holders.Column.SexCisgenderWoman') }}</option>
											<option value="1">{{ __('locale.Table.Holders.Column.SexCisgenderMan') }}</option>
											<option value="2">{{ __('locale.Table.Holders.Column.SexTransgenderWoman') }}</option>
											<option value="3">{{ __('locale.Table.Holders.Column.SexTransgenderMan') }}</option>
											<option value="4">{{ __('locale.Table.Holders.Column.SexTranssexualWoman') }}</option>
											<option value="5">{{ __('locale.Table.Holders.Column.SexTranssexualMan') }}</option>
											<option value="6">{{ __('locale.Table.Holders.Column.SexAgender') }}</option>
											<option value="7">{{ __('locale.Table.Holders.Column.SexOthers') }}</option>
										</select>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header">
							<h4 class="card-title">Endereço</h4>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-12 col-12">
									<div class="mb-1">
										<label class="form-label" for="zip_code">{{ __('locale.Table.Holders.Column.AddressZipCode') }}</label>
										<input type="text" id="zip_code" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.AddressZipCode') }}" name="zip_code" data-mask="00000-000"required />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="address">{{ __('locale.Table.Holders.Column.Address') }}</label>
										<input type="text" id="address" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.Address') }}"
											name="address" required />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="number">{{ __('locale.Table.Holders.Column.AddressNumber') }}</label>
										<input type="text" id="number" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.AddressNumber') }}"
											name="number" required />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="complement">{{ __('locale.Table.Holders.Column.AddressComplement') }}</label>
										<input type="text" id="complement" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.AddressComplement') }}"
											name="complement"/>
									</div>
								</div>
		
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="district">{{ __('locale.Table.Holders.Column.AddressDistrict') }}</label>
										<input type="text" id="district" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.AddressDistrict') }}"
											name="district" required />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="city">{{ __('locale.Table.Holders.Column.AddressCity') }}</label>
										<input type="text" id="city" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.AddressCity') }}"
											name="city" required />
									</div>
								</div>
		
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="state">{{ __('locale.Table.Holders.Column.AddressState') }}</label>
										<input type="text" id="state" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.AddressState') }}"
											name="state" required />
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header">
							<h4 class="card-title">Contato</h4>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-12 col-12">
									<div class="mb-1">
										<label class="form-label" for="email">{{ __('locale.Table.Holders.Column.E-mail') }}</label>
										<input type="text" id="email" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.E-mail') }}" name="email" />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="personal_phone">{{ __('locale.Table.Holders.Column.PersonalPhone') }}</label>
										<input type="text" id="personal_phone" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.PersonalPhone') }}" name="personal_phone"
											data-mask="(00) 0 0000-0000" />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="corporative_phone">{{ __('locale.Table.Holders.Column.CorporativePhone') }}</label>
										<input type="text" id="corporative_phone" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.CorporativePhone') }}" name="corporative_phone"data-mask="(00) 0 0000-0000" />
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header">
							<h4 class="card-title">Financeiro</h4>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="bank_number">{{ __('locale.Table.Holders.Column.BankNumber') }}</label>
										<input type="text" id="bank_number" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.BankNumber') }}"
											name="bank_number" required />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="bank">{{ __('locale.Table.Holders.Column.Bank') }}</label>
										<input type="text" id="bank" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.Bank') }}"
											name="bank" required />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="bank_agency">{{ __('locale.Table.Holders.Column.BankAgency') }}</label>
										<input type="text" id="bank_agency" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.BankAgency') }}"
											name="bank_agency" required />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="bank_account">{{ __('locale.Table.Holders.Column.BankAccount') }}</label>
										<input type="text" id="bank_account" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.BankAccount') }}"
											name="bank_account" required />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="wage">{{ __('locale.Table.Holders.Column.Wage') }}</label>
										<input type="text" id="wage" class="form-control campo_preco" placeholder="{{ __('locale.Table.Holders.Column.Wage') }}" name="wage" required />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="consigned_credit">{{ __('locale.Table.Holders.Column.ConsignedCredit') }}</label>
										<div class="form-check form-check-inline">
											<label class="form-check-label" for="consigned_credit_yes">{{ __('locale.Table.Holders.Column.Yes') }}</label>
											<input class="form-check-input" type="radio" name="consigned_credit" id="consigned_credit_yes" value="1">
										</div>
										<div class="form-check form-check-inline">
											<label class="form-check-label" for="consigned_credit_no">{{ __('locale.Table.Holders.Column.No') }}</label>
											<input class="form-check-input" type="radio" name="consigned_credit" id="consigned_credit_no" value="0" checked>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header">
							<h4 class="card-title">Emprego</h4>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="mb-1 col-md-6">
									<label class="form-label" for="company_id">{{ __('locale.Table.Holders.Column.Company') }}</label>
									<select name="company_id" id="company_id" class="select2">
										@if ($companies)
											@foreach ($companies as $company)
												<option value="{{ $company->id }}">{{ $company->name }}</option>
											@endforeach
										@endif
									</select>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="cost_center">{{ __('locale.Table.Holders.Column.CostCenter') }}</label>
										<input type="text" id="cost_center" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.CostCenter') }}" name="cost_center" required />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="role">{{ __('locale.Table.Holders.Column.Role') }}</label>
										<input type="text" id="role" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.Role') }}"
											name="role" required />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="admission_date">{{ __('locale.Table.Holders.Column.AdmissionDate') }}</label>
										<input type="date" id="admission_date" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.AdmissionDate') }}" name="admission_date" required />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="status">{{ __('locale.Table.Holders.Column.Status') }}</label>
										<select name="status" id="status" class="select2">
											<option value="1">{{ __('locale.Table.Holders.Column.StatusActive') }}</option>
											<option value="0">{{ __('locale.Table.Holders.Column.StatusInactive') }}</option>
										</select>
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="pre_existing_cid">{{ __('locale.Table.Holders.Column.Cid') }}</label>
										<input type="text" id="pre_existing_cid" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.Cid') }}" name="pre_existing_cid" />
									</div>
								</div>
							</div>
		
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="registration">{{ __('locale.Table.Holders.Column.Registration') }}</label>
										<input type="text" id="registration" class="form-control" placeholder="{{ __('locale.Table.Holders.Column.Registration') }}" name="registration" />
									</div>
								</div>
		
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="beneficy_end_date">{{ __('locale.Table.Holders.Column.BeneficyEndDate') }}</label>
										<input type="date" id="beneficy_end_date" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.BeneficyEndDate') }}" name="beneficy_end_date"/>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="wedding_date">{{ __('locale.Table.Holders.Column.WeddingDate') }}</label>
										<input type="date" id="wedding_date" class="form-control"
											placeholder="{{ __('locale.Table.Holders.Column.WeddingDate') }}" name="wedding_date" />
									</div>
								</div>
								<div class="col-md-6 col-12">
									<div class="mb-1">
										<label class="form-label" for="injuction">{{ __('locale.Table.Holders.Column.Injuction') }}</label>
										<div class="form-check form-check-inline">
											<label class="form-check-label" for="injuction_yes">{{ __('locale.Table.Holders.Column.Yes') }}</label>
											<input class="form-check-input" type="radio" name="injuction" id="injuction_yes" value="1" >
										</div>
										<div class="form-check form-check-inline">
											<label class="form-check-label" for="injuction_no">{{ __('locale.Table.Holders.Column.No') }}</label>
											<input class="form-check-input" type="radio" name="injuction" id="injuction_no" value="0" checked>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12 mt-2">
									<button type="button" id="buttonBeneficiario" class="btn btn-primary"
										onclick="javascript:salvarInformacoesBeneficiario()"
										data-bs-dismiss="modal">Salvar</button>
									<button type="button" class="btn btn-secondary"
										data-bs-dismiss="modal">Fechar</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal" id="modalBeneficiarioMulti" tabindex="-1">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Cadastrar Beneficiario</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<input type="hidden" id="product_id_beneficiario_multi">
				<form action="#" method="POST">
					<div class="card">
						<div class="card-header">
							<h4 class="card-title">Cadastrar varios beneficiarios</h4>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-12 col-12">
									<div class="form-group">
										<label for="documents">Arquivo Beneficiarios</label>
										<input type="file" id="documents" name="documents" class="form-control">
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12 mt-2">
									<button type="button" class="btn btn-primary"
										onclick="javascript:salvarInformacoesBeneficiarioMulti()"
										data-bs-dismiss="modal">Salvar</button>
									<button type="button" class="btn btn-secondary"
										data-bs-dismiss="modal">Fechar</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal" id="modalProdutoColab" tabindex="-1">
	<div class="modal-dialog modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">
					Colaboradores
				</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<input type="hidden" id="product_id_colab">
				<input type="hidden" id="company_id">
				<form action="#">
					<div class="row">
						<div class="col-md-12 mt-1">
							<div class="d-flex justify-content-end align-items-center">
								{{-- <div class="dropdown me-1">
									<button class="btn btn-primary dropdown-toggle" type="button" id="meuDropdown" data-bs-toggle="dropdown" aria-expanded="false">
										<span class="iconify" data-icon="feather:filter"></span>
									</button>
									<ul class="dropdown-menu" aria-labelledby="meuDropdown">
										<li>
											<a class="dropdown-item dropdown-toggle" href="#" id="submenuDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Cargo</a>
											<ul id="cargo" class="dropdown-menu" aria-labelledby="submenuDropdown" style="left: 100%;"> 
												
											</ul>
										</li>
										<li>
											<a class="dropdown-item dropdown-toggle" href="#" id="submenuDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Centro de Custo</a>
											<ul id="custo" class="dropdown-menu" aria-labelledby="submenuDropdown">
												
											</ul>
										</li>
									</ul>
								</div> --}}
								<button type="button" class="btn btn-primary me-1"
									onclick="javascript:cadastrarBeneficiario()"
									data-bs-dismiss="modal">
									<span class="iconify" data-icon="feather:plus"></span>
								</button>
								<button type="button" class="btn btn-primary"
									onclick="javascript:cadastrarBeneficiarioMulti()"
									data-bs-dismiss="modal">
									<span class="iconify" data-icon="feather:upload"></span>
								</button>
							</div>
						</div>         
					</div>
					<div class="row my-2">
						<div class="col-md-12">
							<div id="holder_select_title"></div>
							<div id="holder_select_all"></div>
							<div style="max-height: 300px; overflow-y: auto;">
								<table class="table table-striped" id="holder_select_table">
								</table>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 mt-2">
							<button type="button" class="btn btn-primary"
								onclick="javascript:salvarInformacoesProdutoColab()"
								data-bs-dismiss="modal">Salvar</button>
							<button type="button" class="btn btn-secondary"
								data-bs-dismiss="modal">Fechar</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal" id="modalCondicaoColab" tabindex="-1">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">
					Colaboradores Condição
				</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<input type="hidden" id="product_id_condicao">
				<input type="hidden" id="company_id">
				<form action="#">
					{{-- <div class="row">
						<div class="col-md-12 mt-1">
							<div class="d-flex justify-content-end align-items-center">
								<button type="button" class="btn btn-primary me-1"
									onclick="javascript:cadastrarBeneficiario()"
									data-bs-dismiss="modal">
									<span class="iconify" data-icon="feather:plus"></span>
								</button>
								<button type="button" class="btn btn-primary"
									onclick="javascript:cadastrarBeneficiarioMulti()"
									data-bs-dismiss="modal">
									<span class="iconify" data-icon="feather:upload"></span>
								</button>
							</div>
						</div>         
					</div> --}}
					<div class="row">
						<div class="col-md-12 col-12">
							<div class="mb-1">
								<label class="form-label"
									for="operator_type">{{ __('locale.Pages.Colab.Label.operator_type') }}</label>
								<select class="form-select" name="operator_type"
									id="operator_type" required>
									<option value="1">{{ __('locale.Pages.Colab.Label.material') }}</option>
									<option value="2">{{ __('locale.Pages.Colab.Label.digital') }}</option>
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 col-12">
							<div class="mb-1">
								<label class="form-label" for="operator_number">{{ __('locale.Pages.Colab.Label.operator_number') }}</label>
								<input type="text" id="operator_number" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Colab.Label.operator_number') }}"
									name="operator_number" required/>
							</div>
						</div>
						<div class="col-md-6 col-12">
							<div class="mb-1">
								<label class="form-label" for="active_plan" autocomplete="off">{{ __('locale.Pages.Colab.Label.active_plan') }}</label>
								<input type="text" id="active_plan" class="form-control" placeholder="{{ __('locale.Pages.Colab.Label.active_plan') }}"
									name="active_plan" required/>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 col-12">
							<div class="mb-1">
								<label class="form-label" for="paid_value" autocomplete="off">{{ __('locale.Pages.Colab.Label.paid_value') }}</label>
								<input type="text" id="paid_value" class="form-control campo_preco" placeholder="R$:"
									name="paid_value" required/>
							</div>
						</div>
						<div class="col-md-6 col-12">
							<div class="mb-1">
								<label class="form-label"
									for="payment_method">{{ __('locale.Pages.Colab.Label.payment_method') }}</label>
								<input type="text" id="payment_method" class="form-control" placeholder="{{ __('locale.Pages.Colab.Label.payment_method') }}" name="payment_method"
									required/>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="inclusion_date">Data de inclusão</label>
								<input type="date" name="inclusion_date" id="inclusion_date" class="form-control"
									required>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="deletion_date">Data de exclusao</label>
								<input type="date" name="deletion_date" id="deletion_date" class="form-control"
									required>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 mt-2">
							<button type="button" class="btn btn-primary"
								onclick="javascript:salvarInformacoesCondicaoColab()"
								data-bs-dismiss="modal">Salvar</button>
							<button type="button" class="btn btn-secondary"
								onclick="javascript:cadastrarColab()"
								data-bs-dismiss="modal">Voltar</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>


@endsection
@section('vendor-script')
<!-- vendor files -->
<script src="{{ asset(mix('vendors/js/extensions/sweetalert2.all.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/wizard/bs-stepper.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/validation/jquery.validate.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/extensions/toastr.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/jquery-mask/jquery.mask.js')) }}"></script>
<script src="{{ asset(mix('js/scripts/extensions/ext-component-toastr.js')) }}"></script>
<script src="{{ asset(mix('js/scripts/extensions/brdocs.cpfcnpjValidator.js')) }}"></script>
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>


@endsection
@section('page-script')
<script>
	window.data = {
		'copay': {

		},
		'contribution': {

		},
		'holder': {

		},
		'holderColab': {

		},
		'rules': @json($rules),
		'documents': [],
		'removedDocuments': [],
		'conditions': {
			'product_type': undefined,
            'products': {

            }
		}
	}

	function removeDocument(index) {
        window.data.documents.splice(index, 1);
        updateDocumentTable();
    }

    function updateDocumentTable() {
        const tbody = $('#documentsTable tbody');
        tbody.find('tr').not('[data-source="database"]').remove();

        window.data.documents.forEach((document, index) => {
            const row = `
                <tr>
                    <td>
                        <a href="${URL.createObjectURL(document)}" target="_blank">${document.name}</a>
                    </td>
                    <td>
                        <button class="btn btn-danger btn-sm" onclick="removeDocument(${index})"><span class='iconify' data-icon='carbon:trash-can' data-inline='false'></span></button>
                        
                    </td>
                </tr>
            `;
            tbody.append(row);
        });
    }

	function removeDocumentbd(docId) {

		window.data.removedDocuments.push(docId);
		document.getElementById('document-row-' + docId).remove();
		console.log(window.data.removedDocuments)
	}

	function privationInclusion() {
		
		if ($("#modalCondicaoSaude input[name='privation_inclusion']:checked").val() == 1) {
			$("#modalCondicaoSaude #holder_and_dependent_privation").show();
			
		} else {
			$("#modalCondicaoSaude #holder_and_dependent_privation").hide();
			
		}
		
	}

	$(document).ready(function() {

		updateTable();

		$("#has_iof").on("change", function() {
			if ($(this).val() == 1) {
				$("#hasIofCol").show();
			} else {
				$("#hasIofCol").hide();
			}
		});

        function upgradeDowngradePlan() {
			if ($("#upgrade_downgrade_plan").val() == 1) {
				$("#limit_date").prop("disabled", false);
				$("#inactive_charge_type").prop("disabled", false);
				$("#group_model").prop("disabled", false);
				$("#payment_type").prop("disabled", false);
				$("#contract_time").prop("disabled", false);
				$("#contributary_plan_yes").prop("disabled", false);
				$("#contributary_plan_no").prop("disabled", false);

				$("#limit_date").prop("required", true);
				$("#inactive_charge_type").prop("required", true);
				$("#group_model").prop("required", true);
				$("#payment_type").prop("required", true);
				$("#contract_time").prop("required", true);
			} else {
				$("#limit_date").prop("disabled", true).val('');
				$("#inactive_charge_type").prop("disabled", true).val('');
				$("#group_model").prop("disabled", true).val('');
				$("#payment_type").prop("disabled", true).val('');
				$("#contract_time").prop("disabled", true).val('');
				$("#contributary_plan_yes").prop("disabled", true);
				$("#contributary_plan_no").prop("disabled", true);

				$("#limit_date").prop("required", false);
				$("#inactive_charge_type").prop("required", false);
				$("#group_model").prop("required", false);
				$("#payment_type").prop("required", false);
				$("#contract_time").prop("required", false);

				$("input[name='contributary_plan']").prop('checked', false);
				$("input[name='contributary_plan'][value='0']").prop('checked', true);
			}
		}

		upgradeDowngradePlan()

		$("#upgrade_downgrade_plan").on("change", function() {
			upgradeDowngradePlan();
		});

		function byEligibility(){
		
            if ($('#by_eligibility_yes').is(':checked')) {
                
                $("#description_plan").prop("disabled", false);
                $("#description_capital_limits").prop("disabled", false);

                $("#description_plan").prop("required", true);
                $("#description_capital_limits").prop("required", true);

            } else if ($('#by_eligibility_no').is(':checked')) {
                
                $("#description_plan").prop("disabled", true);
                $("#description_plan").val('');
                $("#description_capital_limits").prop("disabled", true);
                $("#description_capital_limits").val('');

                $("#description_plan").prop("required", false);
                $("#description_capital_limits").prop("required", false);

            }
		
		}

		byEligibility()

		$('input[name="by_eligibility"]').on("change", function() {
			byEligibility()
		});
        
		function childrens() {

			
				if ($('#Children_yes').is(':checked')) {
					
					$("#limit_age").prop("disabled", false);

					$("#limit_age").prop("required", true);

				} else if ($('#Children_no').is(':checked')) {
					
					$("#limit_age").prop("disabled", true);
					$("#limit_age").val('');

					$("#limit_age").prop("required", false);

				}
			

		}

		childrens()

		$('input[name="childrens"]').on("change", function() {
			childrens()
		});
        
		function inclusionScheduledRule(){
			
				if ($('#inclusion_scheduled_rule_yes').is(':checked')) {
					
					$("#days").prop("disabled", false);
					$("#observations").prop("disabled", false);

					$("#days").prop("required", true);
					$("#observations").prop("required", true);

				} else if ($('#inclusion_scheduled_rule_no').is(':checked')) {
					
					$("#days").prop("disabled", true);
					$("#days").val('');
					$("#observations").prop("disabled", true);
					$("#observations").val('');

					$("#days").prop("required", false);
					$("#observations").prop("required", false);

				}
			
		}

		inclusionScheduledRule()

		$('input[name="inclusion_scheduled_rule"]').on("change", function() {
			inclusionScheduledRule()
		});
        
	
		$("#modalCondicaoSaude input[name='privation_inclusion']").on("change", function() {
			privationInclusion()
		});
		
		function allowPlanUpgrade(){
			
			if ($("input[name='allow_plan_upgrade']:checked").val() == 1) {
				$("#modalProdutoValeAlimentaca #whats_deadline").prop("disabled", false);
			} else {
				$("#modalProdutoValeAlimentaca #whats_deadline").prop("disabled", true);
				$("#modalProdutoValeAlimentaca #whats_deadline").val('');
			}
		
		}
		allowPlanUpgrade()
		$("#modalProdutoValeAlimentaca input[name='allow_plan_upgrade']").on("change", function() {
			allowPlanUpgrade()
		});
			
		function allowPlanUpgradeTransport() {
			
				if ($("input[name='allow_plan_upgrade']:checked").val() == 1) {
					$("#modalProdutoValeTransporte #whats_deadline").prop("disabled", false);
				} else {
					$("#modalProdutoValeTransporte #whats_deadline").prop("disabled", true);
					$("#modalProdutoValeTransporte #whats_deadline").val('');
				}
			
		}

		allowPlanUpgradeTransport()
		$("#modalProdutoValeTransporte input[name='allow_plan_upgrade']").on("change", function() {
			allowPlanUpgradeTransport()
		});
			
		function allowPlanUpgradeRefeicao(){
			
				if ($("input[name='allow_plan_upgrade']:checked").val() == 1) {
					$("#modalProdutoValeRefeicao #whats_deadline").prop("disabled", false);
				} else {
					$("#modalProdutoValeRefeicao #whats_deadline").prop("disabled", true);
					$("#modalProdutoValeRefeicao #whats_deadline").val('');
				}
			
		}

		allowPlanUpgradeRefeicao()
		$("#modalProdutoValeRefeicao input[name='allow_plan_upgrade']").on("change", function() {
			allowPlanUpgradeRefeicao()
		});
			
		function allowPlanUpgradeFisica(){
			
				if ($("input[name='allow_plan_upgrade']:checked").val() == 1) {
					$("#modalProdutoSaudeFisica #minimum_billing").prop("disabled", false);
				} else {
					$("#modalProdutoSaudeFisica #minimum_billing").prop("disabled", true);
					$("#modalProdutoSaudeFisica #minimum_billing").val('');
				}
			
		}

		allowPlanUpgradeFisica()
		$("#modalProdutoSaudeFisica input[name='allow_plan_upgrade']").on("change", function() {
			allowPlanUpgradeFisica()
		});
			
		function allowPlanUpgradeCredi(){
			
				
				if ($("input[name='allow_plan_upgrade']:checked").val() == 1) {
					$("#modalProdutoCredi #whats_deadline").prop("disabled", false);
				} else {
					$("#modalProdutoCredi #whats_deadline").prop("disabled", true);
					$("#modalProdutoCredi #whats_deadline").val('');
				}
				
		}

		allowPlanUpgradeCredi()

		$("#modalProdutoCredi input[name='allow_plan_upgrade']").on("change", function() {
			allowPlanUpgradeCredi()
		});
        

		$(".campo_preco").mask("#.##0,00", {
			reverse: true
		});

		// $("#break_even").mask('##00%', {
        //     reverse: true
        // });

		$(".campo_porcentagem").mask('##00%', {
            reverse: true
        });

		// inicio funções para manipular e criar documetos

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

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

        $('#documentForm').on('submit', function(e) {
            e.preventDefault();

            const formData = new FormData(this);

            const documentFile = formData.get('document');

            if (documentFile) {
                window.data.documents.push(documentFile);
                console.log(window.data.documents)
                updateDocumentTable();
                this.reset();
                $('#modalDocument').modal('hide');
            } else {
                alert('Por favor, selecione um documento.');
            }
        });

		function updateTable() {
            var tbody = $("#table-contract-rule tbody");
            tbody.empty();

            window.data.rules.forEach(function(rule, index) {
                var row = "<tr>";
                row += "<td>" + rule.supplier_type_text + "</td>";
                row += "<td>" + rule.quantity + "</td>";
                row += "<td>";
                row += "<button class='btn btn-danger btn-sm remove-rule me-50' data-index='" + index + "'><span class='iconify' data-icon='carbon:trash-can' data-inline='false'></span></button><button class='btn btn-primary btn-sm edit-rule' data-index='" + index + "'><span class='iconify' data-icon='carbon:edit' data-inline='false'></span></button> ";
                row += "</td>";
                row += "</tr>";

                tbody.append(row);
            });

        }

        $("#addRule").on("click", function(e) {
            e.preventDefault();

            // Limpa o formulário e o campo oculto
            $("#ruleForm")[0].reset();
            $("#rule_index").val('');

            // Exibe o modal
            $("#modalRule").modal('show');
        });

        $("#saveButtonRule").on("click", function(e) {
            e.preventDefault();

            var formDataArray = $("#ruleForm").serializeArray();
            var formDataObject = {};
            $.each(formDataArray, function(_, field) {
                formDataObject[field.name] = field.value;
            });

            var index = $("#rule_index").val();
            var supplierTypeRequestId = formDataObject.supplier_type_request_id;
            var supplierTypeText = $("#ruleForm select[name='supplier_type_request_id'] option:selected").text();

            formDataObject.supplier_type_text = supplierTypeText;

            if (index === '') {
                // Adicionar nova regra
                var exists = window.data.rules.some(function(rule) {
                    return rule.supplier_type_request_id === supplierTypeRequestId;
                });

                if (!exists) {
                    window.data.rules.push(formDataObject);
                } else {
                    alert("Já existe uma regra com este tipo de solicitação.");
                }
            } else {
                // Atualizar regra existente
                window.data.rules[index] = formDataObject;
            }

            console.log(window.data);
            updateTable();
            $("#modalRule").modal('hide');
        });

        $(document).on("click", ".remove-rule", function() {
            var index = $(this).data("index");

            window.data.rules.splice(index, 1);

            // Atualiza o índice das regras restantes
            window.data.rules.forEach((rule, i) => {
                if (i >= index) {
                    // Ajusta o índice dos botões de edição e remoção
                    $(".edit-rule[data-index='" + (i + 1) + "']").data("index", i);
                    $(".remove-rule[data-index='" + (i + 1) + "']").data("index", i);
                }
            });

            updateTable();
        });

        $(document).on("click", ".edit-rule", function(e) {
            e.preventDefault();
            var index = $(this).data("index");
            var rule = window.data.rules[index];

            $("#supplier_type_request_id").val(rule.supplier_type_request_id);
            $("#quantity").val(rule.quantity);
            $("#rule_index").val(index);

            $("#modalRule").modal('show');
        });

        $("#zip_code").on("keyup", async function() {

            let zip_code = $(this).val().replace(/\D/g, '');

            if (zip_code.length < 8) return 0;

            let {
                data: json,
                ...response
            } = await axios({
                method: 'get',
                url: `https://viacep.com.br/ws/${zip_code}/json/`,
            })

            if (json.erro) {
                if (window.toastr !== undefined) {
                    window.toastr.warning('{{ __("locale.Table.Holders.Column.ZipCodeInvalid") }}', '{{ __("locale.Table.Holders.Column.Attention") }}');
                } else {
                    window.alert('{{ __("locale.Table.Holders.Column.ZipCodeInvalid") }}');
                }
                $(this).val($(this).val().slice(0, -1)).focus();
                return 0;
            }

            $("#address").val(json.logradouro);
            $("#district").val(json.bairro);
            $("#state").val(json.uf);
            $("#city").val(json.localidade);
            $("#complement").val(json.complemento)

        });

		$("#group_id").on("change", function() {
			let group_id = $(this).val();
			axios.get(`{{ route('api.contracts.getCompaniesByGroup', '') }}/${group_id}`, {
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
					}
				})
				.then(function(response) {
					$('#company_id').empty();
					var companies = response.data;

					// Inicializa o select2 com opção de múltipla seleção
					$('#company_id').select2({
						multiple: true,
						data: companies.map(function(company) {
							return {
								id: company.id,
								text: company.name
							};
						})
					});
				})
				.catch(function(error) {
					console.error('Erro na requisição:', error);
				});
		});

		$('#company_id').on('change', async function(){
            let company_id = $(this).val();
			await fetchAndDisplayHolders(company_id);
            
        });

		async function fetchAndDisplayHolders(company_id){
            try {
				
                let holders = await selectHoldersByCompany(company_id);

                let holdersData = holders;
                //let holders = response.data;
                let allHolders = Object.values(holdersData).flat();
                console.log(allHolders);
                let uniqueRoles = [...new Set(allHolders.map(item => item.role))];

                let holderSelectTable = $('#holder_select_table');
                let $holderSelectAll = $('#holder_select_all');
                let $holderSelectTitle = $('#holder_select_title');

                $holderSelectTitle.empty();
                holderSelectTable.find('tbody').remove();
                holderSelectTable.find('thead').remove();
                $holderSelectAll.empty();

                if (allHolders && allHolders.length > 0) {
                    $holderSelectAll.addClass('mb-1');
                    $holderSelectAll.append(`
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-check">
                                    <input class="form-check-input" id="selectAll" name="selectAll" type="checkbox" value="">
                                    <label class="form-check-label" for="selectAll">
                                        Selecionar todos
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" type="text" id="filter-name" placeholder="Search" oninput="filterTable()">
                            </div>
                            <div class="col-md-4">
                                <select class="form-control" id="filter-role" onchange="filterTable()">
                                    <option value="" selected>Selecionar Todos</option>
                                </select>
                            </div>
                        </div>
                    `);

                    const combinedSelect = document.getElementById('filter-role');

                    // Adiciona opções agrupadas por Cargo e Centro de Custo
                    const roleOptgroup = document.createElement('optgroup');
                    roleOptgroup.label = "Cargos";

                    uniqueRoles.forEach(role => {
                        const option = document.createElement('option');
                        option.value = role;
                        option.textContent = role;
                        roleOptgroup.appendChild(option);
                    });

                    combinedSelect.appendChild(roleOptgroup);

                    document.getElementById('filter-name').addEventListener('input', filterTable);
                    document.getElementById('filter-role').addEventListener('change', filterTable);

                    holderSelectTable.append(`
                        <thead style="position: sticky; top: 0; z-index: 1;">
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Nome</th>
								<th scope="col">Tipo</th>
                                <th scope="col">Empresa</th>
                                <th scope="col">Cargo</th>
                                <th scope="col">Centro de custo</th>
                                <th scope="col">Dados</th>
                            </tr>
                        </thead>
                        <tbody id="table_body">
                        </tbody>
                    `);

                    let $tableBody = $('#table_body');

                    allHolders.forEach(holder => {
                        $tableBody.append(`
                            <tr>
                                <td><input class="form-check-input checkbox-option" id="${holder.type + holder.id}" name="option${holder.type + holder.id}" type="checkbox" value="${holder.id}" data-type="${holder.type}"></td>
                                <td><label class="form-check-label ms-3 me-6" for="${holder.type + holder.id}">${holder.name}</label></td>
                                <td>${holder.type}</td>
                                <td>${holder.company_name}</td>
                                <td>${holder.role}</td>
                                <td>${holder.cost_center}</td>
                                <td><button type="button" class="btn btn-sm btn-primary" onclick="javascript:cadastrarCondicaoColab()" data-bs-dismiss="modal">Abrir</button></td>
                            </tr>
                        `);
                    });

                    $('#selectAll').on('change', function() {
                        let isChecked = $(this).prop('checked');
                        $('.checkbox-option').prop('checked', isChecked);
                        
                    });

                    $('#modalProdutoColab #selectAll').on('change', function(){
                        
                        let isChecked = $(this).prop('checked');

                        $('#modalProdutoColab .checkbox-option').prop('checked', isChecked);
                        
                    });

                    $('.checkbox-option').on('change', function() {
                        
                    });

                } else {
                    holderSelectTable.append('<tbody><tr><td colspan="4">Colaborador não encontrado</td></tr></tbody>');
                }

                } catch (error) {
                console.log('Colaborador não encontrado');
                }
        }

        async function selectHoldersByCompany(company_ids) {
            let holders = {};

            for (let company_id of company_ids) {
                try {
                    let response = await axios({
                        url: `{{ route('api.holders.company', '') }}/${company_id}`,
                        method: 'get',
                        headers: {
                            "Authorization": "Bearer {{ session('Authorization') }}"
                        }
                    });

                    holders[company_id] = response.data;
                    
                    
                } catch (error) {
                    console.error(`Error fetching holders for company_id ${company_id}:`, error);
                }
            }

            return holders;
        }

        function filterTable() {
			const filterValue = document.getElementById('filter-name').value.toLowerCase();
			const filterRole = document.getElementById('filter-role').value;
			const table = document.getElementById('holder_select_table');
			const trs = table.querySelectorAll('tbody tr');

			trs.forEach(tr => {
				const tdName = tr.cells[1].textContent.toLowerCase();
				const tdRole = tr.cells[3].textContent;
				const tdCostCenter = tr.cells[4].textContent.toLowerCase();
				
				const matchesTextFilter = tdName.includes(filterValue) || tdRole.toLowerCase().includes(filterValue) || tdCostCenter.includes(filterValue);
				const matchesRoleFilter = !filterRole || tdRole === filterRole;
				
				if (matchesTextFilter && matchesRoleFilter) {
					tr.style.display = '';
				} else {
					tr.style.display = 'none';
				}
			});
		}

		$("#product_type_id").on("change", function() {
			let product_type_id = $(this).val();

			let contractSupplierId = @json($contract->supplier_id);
			axios.get(`{{ route('api.products.type', '') }}/${product_type_id}`, {
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
					}
				})
				.then(function(response) {

					$('#supplier_id').empty();
					var suppliers = response.data;
					

					// Verifica se a resposta contém dados
					if (suppliers.length > 0) {
						$('#supplier_id').append(
							'<option value="" disabled selected>Selecione um fornecedor</option>'
						);
						suppliers.forEach(function(supplier) {
							$('#supplier_id').append(
								`<option value="${supplier.supplier_id}">${supplier.supplier.name}</option>`
							);
						});

						$('#supplier_id').val(contractSupplierId).change();
					} else {
						// Se não houver fornecedores, adicione uma opção padrão
						$('#supplier_id').append(
							'<option value="" disabled selected>Nenhum fornecedor encontrado</option>'
						);
					}
				})
				.catch(function(error) {
					console.error('Erro na requisição:', error);
				});
		});

		$("#supplier_id").on("change", function() {
			
			let supplier_id = $(this).val();
			let product_type_id = $("#product_type_id").val();

			let relatedProductIds = @json($relatedProductIds);

			let url =
				"{{ route('api.products.type.supplier', ['id' => ':id', 'supplier_id' => ':supplier_id']) }}"
				.replace(':id', product_type_id)
				.replace(':supplier_id', supplier_id);

			axios.get(url, {
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
					}
				})
				.then(function(response) {
					// Limpa o select2 de products e preenche com os novos dados
					$('#product_id').empty();
					var products = response.data;

					$('#product_id').select2({
						multiple: true,
						data: products.map(function(product) {
							return {
								id: product.id,
								text: product.name
							};
						})
					});

					$('#product_id').val(relatedProductIds).trigger('change');
				})
				.catch(function(error) {
					console.error('Erro na requisição:', error);
				});
		});

		$("#product_id").on("change", function() {
			// Esconde todos os campos de condição primeiro
			$(".condition").hide();

			// Obtém os produtos selecionados
			let selectedProducts = $(this).select2('data');

			$("#table-produtos-condicoes tbody").html('');

			// Itera sobre os produtos selecionados
			selectedProducts.forEach(function(selectedProduct) {


				let html = `<tr id="table-product-id-${selectedProduct.id}">
								<td>${selectedProduct.id}</td>
								<td>${selectedProduct.text}</td>
								<td>
									<button type="button" class="btn btn-sm btn-primary" onclick="cadastrarCopay(${selectedProduct.id})">
										Abrir
									</button>
								</td>
								<td>
									<button type="button" class="btn btn-sm btn-primary" onclick="cadastrarContribuicao(${selectedProduct.id})">
										Abrir
									</button>
								</td>
								<td>
									<button type="button" class="btn btn-sm btn-primary" onclick="cadastrarCondicao(${selectedProduct.id})">
										Abrir
									</button>
								</td>
                                <td>
									<button type="button" class="btn btn-sm btn-primary" onclick="cadastrarColab(${selectedProduct.id})">
										Abrir
									</button>
								</td>
							</tr>`;

				$("#table-produtos-condicoes tbody").append(html)
			});

		});

		$("#group_id").val("{{ $contract->group_id }}").trigger('change');

		setTimeout(() => {
			let companies = JSON.parse('{!! $contract->companies !!}');
			// console.log(companies, companies.map(c => c.company_id));
			$("#company_id").val(companies.map(c => c.company_id)).trigger('change');
		}, 1000);

		$("#product_type_id").val("{{ $contract->product_type_id }}").trigger('change');

		setTimeout(() => {
			$("#supplier_id").val("{{ $contract->supplier_id }}").trigger('change');
			setTimeout(() => {
				let products = JSON.parse('{!! $contract->products !!}');
				// console.log(products, products.map(p => p.product_id));
				if(products.length > 0){
					$("#product_id").val(products.map(p => p.product_id)).trigger('change')
					// console.log($("#product_id").val())
				}
			}, 1000);
		}, 1000);

	});

	const carregarInformacoesOdonto = (product_id) => {

		let odonto = window.data.conditions.products[product_id];
		$("#modalCondicaoOdonto #additional_coverage").val(odonto.additional_coverage);
		$("#modalCondicaoOdonto #company_currency_refund").val(odonto.company_currency_refund);
		$("#modalCondicaoOdonto #company_currency_reward").val(odonto.company_currency_reward);
		// $("#modalCondicaoOdonto #coverage_type").val(odonto.coverage_type);
		$("#modalCondicaoOdonto #coverage_type").val(odonto.coverage_type).trigger('change');
		$("#modalCondicaoOdonto #example_refund_value").val(odonto.example_refund_value);
		$("#modalCondicaoOdonto #negotiated_details").val(odonto.negotiated_details);
		$("#modalCondicaoOdonto #type_inactive_billing").val(odonto.type_inactive_billing);

	}
	

	const carregarInformacoesContribuicao = (product_id) => {

		$("#modalContribuicao #type").val(contribution.type);
		$("#modalContribuicao #criteria_text").val(contribution.criteria_text);
		$("#modalContribuicao #criteria_min").val(contribution.criteria_min);
		$("#modalContribuicao #criteria_max").val(contribution.criteria_max);
		$("#modalContribuicao #criteria_max").val(contribution.criteria_max);
		$("#modalContribuicao #holder_percent").val(contribution.holder_percent);
		$("#modalContribuicao #holder_contribution_value").val(contribution.holder_contribution_value);
		$("#modalContribuicao #dependent_percent").val(contribution.dependent_percent);
		$("#modalContribuicao #dependent_discount_policy_value").val(contribution.dependent_discount_policy_value);

    }

	const salvarInformacoesContribuicao = () => {

		let product_id = $("#product_id_contribuicao").val();

		let json = Object.fromEntries((new FormData($("#modalContribuicao form").get(0))).entries());

		window.data.contribution[product_id] = json;

		$("#modalContribuicao").modal('hide')

	}

	const salvarInformacoesCopay = () => {

		let product_id = $("#product_id_copay").val();

		let json = Object.fromEntries((new FormData($("#modalCopay form").get(0))).entries());

		window.data.copay[product_id] = json;

		$("#modalCopay").modal('hide')
		//console.log(window.data.copay)
	}

	async function getHolderByContract(product_id){
		
		let contract_id = $('#id').val();

		let url = "{{ route('api.holder-by-contract.find', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

			try {
				let response = await axios({
					url: url,
					method: 'get',
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
					}
				});

				let colab = response.data;
				return colab;
				

			} catch (error) {
				console.error(error);
				return null;
			}
	}

	const carregarInformacoesCopay = (product_id) => {

		let copay = window.data.copay[product_id];

		$("#modalCopay #description").val(copay.description);
		$("#modalCopay #holder_copay_percentage").val(copay.holder_copay_percentage);
		$("#modalCopay #holder_copay_value").val(copay.holder_copay_value);
		$("#modalCopay #dependent_copay_percentage").val(copay.dependent_copay_percentage);
		$("#modalCopay #dependent_copay_value").val(copay.dependent_copay_value);
		$("#modalCopay #office_differenciation_no").click();
		$("#modalCopay #limiter_no").click();
		if (parseInt(copay.office_differenciation)) $("#modalCopay #office_differenciation_yes").click();
		if (parseInt(copay.limiter)) $("#modalCopay #limiter_yes").click();
		$("#modalCopay #limiter_value").val(copay.limiter_value);


	}
	
	// Inicio funções responsaveis por preencher modais de copay, contribution e condition

	async function getCopay(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.copay_conditions.getCopay', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let copayData = response.data;
			
			if (copayData) {
				
				$('#modalCopay #description').val(copayData[0].description);
				$('#modalCopay #holder_copay').val(copayData[0].holder_copay);
				$('#modalCopay #holder_copay_value').val(copayData[0].holder_copay_value);
				$('#modalCopay #dependent_copay').val(copayData[0].dependent_copay);
				$('#modalCopay #dependent_copay_value').val(copayData[0].dependent_copay_value);
				$('#modalCopay #limiter_value').val(copayData[0].limiter_value);

				if (copayData[0].separation_by_position == 1) {
					$('#modalCopay #separation_by_position_yes').prop('checked', true);
				} else {
					$('#modalCopay #separation_by_position_no').prop('checked', true);
				}

				if (copayData[0].limiter == 1) {
					$('#modalCopay #limiter_yes').prop('checked', true);
				} else {
					$('#modalCopay #limiter_no').prop('checked', true);
				}

				$('#modalCopay').modal('show');
			}
		} catch (error) {
			console.error(error);

		}
	}

	async function getContribution(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.contributions.getContribution', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let conditionsData = response.data;
			
			if (conditionsData) {
				$('#modalContribuicao #product_id_contribuicao').val(conditionsData[0].product_id);
				$('#modalContribuicao #contribution_type').val(conditionsData[0].contribution_type);
				$('#modalContribuicao #description_rule').val(conditionsData[0].description_rule);
				$('#modalContribuicao #minimum_range_rule').val(conditionsData[0].minimum_range_rule);
				$('#modalContribuicao #maximum_range_rule').val(conditionsData[0].maximum_range_rule);
				$('#modalContribuicao #holder_discount_policy').val(conditionsData[0].holder_discount_policy);
				$('#modalContribuicao #holder_discount_policy_value').val(conditionsData[0].holder_discount_policy_value);
				$('#modalContribuicao #dependent_discount_policy').val(conditionsData[0].dependent_discount_policy);
				$('#modalContribuicao #dependent_discount_policy_value').val(conditionsData[0].dependent_discount_policy_value);
				
				$('#modalContribuicao').modal('show');
			}
			
		} catch (error) {
			console.error(error);

		}
	}

	async function getDental(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.dental_products.getDental', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let dentalData = response.data;
			
			if (dentalData) {
				$('#modalCondicaoOdonto #coverage_type').val(dentalData[0].coverage_type).trigger('change');
				$('#modalCondicaoOdonto #company_currency_reward').val(dentalData[0].company_currency_reward);
				$('#modalCondicaoOdonto #company_currency_refund').val(dentalData[0].company_currency_refund);
				$('#modalCondicaoOdonto #example_refund_value').val(dentalData[0].example_refund_value);
				$('#modalCondicaoOdonto #type_inactive_billing').val(dentalData[0].type_inactive_billing);
				$('#modalCondicaoOdonto #negotiated_details').val(dentalData[0].negotiated_details);
				$('#modalCondicaoOdonto #additional_coverage').val(dentalData[0].additional_coverage);
			}

			$('#modalCondicaoOdonto').modal('show');
			
		} catch (error) {
			console.error(error);

		}
	}

	async function getCredit(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.credi_products.getCredit', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let creditData = response.data;
			
			if (creditData && creditData.length > 0) {

				$('#modalProdutoCredi #coverage_type').val(creditData[0].coverage_type);
				$('#modalProdutoCredi #maximum_loan_limit').val(creditData[0].maximum_loan_limit);
				$('#modalProdutoCredi input[name="allow_plan_upgrade"][value="' + creditData[0].allow_plan_upgrade + '"]').prop('checked', true);
				$('#modalProdutoCredi #whats_deadline').val(creditData[0].whats_deadline);
				$('#modalProdutoCredi #negotiated_details').val(creditData[0].negotiated_details);


				
			}

			$('#modalProdutoCredi').modal('show');
			
			
		} catch (error) {
			console.error(error);

		}
	}

	async function getFood(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.food_ticket_products.getFood', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let foodData = response.data;
			
			if (foodData && foodData.length > 0) {
				$('#modalProdutoValeAlimentacao #product_id_condicao').val(foodData[0].product_id);
				$('#modalProdutoValeAlimentacao #coverage_type_va').val(foodData[0].coverage_type_va);
				$('#modalProdutoValeAlimentacao input[name="allow_plan_upgrade"][value="' + foodData[0].allow_plan_upgrade + '"]').prop('checked', true);
				$('#modalProdutoValeAlimentacao #whats_deadline').val(foodData[0].whats_deadline);
				$('#modalProdutoValeAlimentacao #negotiated_details').val(foodData[0].negotiated_details);
				
				
			}

			$('#modalProdutoValeAlimentacao').modal('show');
			
		} catch (error) {
			console.error(error);

		}
	}

	async function getHealth(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.health_products.getHealth', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let healthData = response.data;
			
			if (healthData) {
				$('#modalCondicaoSaude #product_id_condicao').val(healthData[0].product_id);
				$('#modalCondicaoSaude #company_currency_reward').val(healthData[0].company_currency_reward);
				$('#modalCondicaoSaude #company_currency_refund').val(healthData[0].company_currency_refund);
				$('#modalCondicaoSaude #example_refund_value').val(healthData[0].example_refund_value);
				$('#modalCondicaoSaude #additional_coverage').val(healthData[0].additional_coverage).trigger('change');
				$('#modalCondicaoSaude #holder_privation').val(healthData[0].holder_privation).trigger('change');
				$('#modalCondicaoSaude #dependent_privation').val(healthData[0].dependent_privation).trigger('change');
				$('#modalCondicaoSaude input[name="privation_inclusion"][value="' + healthData[0].privation_inclusion + '"]').prop('checked', true);
				$('#modalCondicaoSaude #negociation').val(healthData[0].negociation);
				
			}
			
			$('#modalCondicaoSaude').modal('show');

		} catch (error) {
			console.error(error);

		}
	}

	async function getLife(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.life_products.getLife', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let lifeData = response.data;

			if (lifeData && lifeData.length > 0) {
				$('#modalCondicaoVida #maximum_age').val(lifeData[0].maximum_age);
				$('#modalCondicaoVida #type_charge').val(lifeData[0].type_charge);
				$('#modalCondicaoVida #negotiated_details').val(lifeData[0].negotiated_details);
				$('#modalCondicaoVida #capital_type').val(lifeData[0].capital_type);
				$('#modalCondicaoVida #rule_dps').val(lifeData[0].rule_dps).trigger('change');
				$('#modalCondicaoVida #capital_limit').val(lifeData[0].capital_limit);
				$('#modalCondicaoVida #coverage_type_vt').val(lifeData[0].coverage_type);
				$('#modalCondicaoVida #coverage_type_vt').val(lifeData[0].coverage_type);
				$('#modalCondicaoVida #coverage_type_vt').val(lifeData[0].coverage_type);
				$('#modalCondicaoVida #technical_surplus_yes').prop('checked', lifeData[0].technical_surplus == 1);
				$('#modalCondicaoVida #technical_surplus_no').prop('checked', lifeData[0].technical_surplus == 0);
				$('#modalCondicaoVida #administrative_costs').val(lifeData[0].administrative_costs);
				$('#modalCondicaoVida #business_expenses').val(lifeData[0].business_expenses);
				$('#modalCondicaoVida #ibnr').val(lifeData[0].ibnr);
				$('#modalCondicaoVida #coverage_percentage').val(lifeData[0].coverage_percentage);
				$('#modalCondicaoVida #percentage_returning').val(lifeData[0].percentage_returning);
				$('#modalCondicaoVida #average_rate_1').val(lifeData[0].average_rate_1);
				$('#modalCondicaoVida #average_rate_2').val(lifeData[0].average_rate_2);
				$('#modalCondicaoVida #average_rate_3').val(lifeData[0].average_rate_3);
				$('#modalCondicaoVida #accidental_death_yes').prop('checked', lifeData[0].accidental_death == 1);
				$('#modalCondicaoVida #accidental_death_no').prop('checked', lifeData[0].accidental_death == 0);
				$('#modalCondicaoVida #death_yes').prop('checked', lifeData[0].death == 1);
				$('#modalCondicaoVida #death_no').prop('checked', lifeData[0].death == 0);
				$('#modalCondicaoVida #ipa_yes').prop('checked', lifeData[0].ipa == 1);
				$('#modalCondicaoVida #ipa_no').prop('checked', lifeData[0].ipa == 0);
				$('#modalCondicaoVida #ipd_yes').prop('checked', lifeData[0].ipd == 1);
				$('#modalCondicaoVida #ipd_no').prop('checked', lifeData[0].ipd == 0);
				$('#modalCondicaoVida #daily_disability_illness_yes').prop('checked', lifeData[0].daily_disability_illness == 1);
				$('#modalCondicaoVida #daily_disability_illness_no').prop('checked', lifeData[0].daily_disability_illness == 0);
				$('#modalCondicaoVida #daily_disability_table_yes').prop('checked', lifeData[0].daily_disability_table == 1);
				$('#modalCondicaoVida #daily_disability_table_no').prop('checked', lifeData[0].daily_disability_table == 0);
				$('#modalCondicaoVida #serious_diseases_yes').prop('checked', lifeData[0].serious_diseases == 1);
				$('#modalCondicaoVida #serious_diseases_no').prop('checked', lifeData[0].serious_diseases == 0);
				$('#modalCondicaoVida #special_compensation_children_yes').prop('checked', lifeData[0].special_compensation_children == 1);
				$('#modalCondicaoVida #special_compensation_children_no').prop('checked', lifeData[0].special_compensation_children == 0);
				$('#modalCondicaoVida #funeral_assistance_yes').prop('checked', lifeData[0].funeral_assistance == 1);
				$('#modalCondicaoVida #funeral_assistance_no').prop('checked', lifeData[0].funeral_assistance == 0);
				$('#modalCondicaoVida #basic_food_yes').prop('checked', lifeData[0].basic_food == 1);
				$('#modalCondicaoVida #basic_food_no').prop('checked', lifeData[0].basic_food == 0);
				$('#modalCondicaoVida #congenital_disease_children_yes').prop('checked', lifeData[0].congenital_disease_children == 1);
				$('#modalCondicaoVida #congenital_disease_children_no').prop('checked', lifeData[0].congenital_disease_children == 0);
				$('#modalCondicaoVida #labor_termination_yes').prop('checked', lifeData[0].labor_termination == 1);
				$('#modalCondicaoVida #labor_termination_no').prop('checked', lifeData[0].labor_termination == 0);
				$('#modalCondicaoVida #immediate_financial_aid_yes').prop('checked', lifeData[0].immediate_financial_aid == 1);
				$('#modalCondicaoVida #immediate_financial_aid_no').prop('checked', lifeData[0].immediate_financial_aid == 0);
				$('#modalCondicaoVida #medical_expenses_yes').prop('checked', lifeData[0].medical_expenses == 1);
				$('#modalCondicaoVida #medical_expenses_no').prop('checked', lifeData[0].medical_expenses == 0);
				$('#modalCondicaoVida #outhers_yes').prop('checked', lifeData[0].outhers == 1);
				$('#modalCondicaoVida #outhers_no').prop('checked', lifeData[0].outhers == 0);
				$('#modalCondicaoVida #funeral_aux_ca_yes').prop('checked', lifeData[0].funeral_aux_ca == 1);
				$('#modalCondicaoVida #funeral_aux_ca_no').prop('checked', lifeData[0].funeral_aux_ca == 0);
				$('#modalCondicaoVida #funeral_assistance_ca_yes').prop('checked', lifeData[0].funeral_assistance_ca == 1);
				$('#modalCondicaoVida #funeral_assistance_ca_no').prop('checked', lifeData[0].funeral_assistance_ca == 0);
				$('#modalCondicaoVida #basic_food_ca_yes').prop('checked', lifeData[0].basic_food_ca == 1);
				$('#modalCondicaoVida #basic_food_ca_no').prop('checked', lifeData[0].basic_food_ca == 0);
				$('#modalCondicaoVida #telemedicine_yes').prop('checked', lifeData[0].telemedicine == 1);
				$('#modalCondicaoVida #telemedicine_no').prop('checked', lifeData[0].telemedicine == 0);
				$('#modalCondicaoVida #pharmacy_discount_yes').prop('checked', lifeData[0].pharmacy_discount == 1);
				$('#modalCondicaoVida #pharmacy_discount_no').prop('checked', lifeData[0].pharmacy_discount == 0);
				$('#modalCondicaoVida #birth_kit_yes').prop('checked', lifeData[0].birth_kit == 1);
				$('#modalCondicaoVida #birth_kit_no').prop('checked', lifeData[0].birth_kit == 0);
				
			}

			$('#modalCondicaoVida').modal('show');
			
			
		} catch (error) {
			console.error(error);

		}
	}

	async function getMeal(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.meal_ticket_products.getMeal', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let mealData = response.data;
			
			if (mealData) {
				$('#modalProdutoValeRefeicao #product_id_condicao').val(mealData[0].product_id);
				$('#modalProdutoValeRefeicao #coverage_type_vr').val(mealData[0].coverage_type_vr);
				$('#modalProdutoValeRefeicao input[name="allow_plan_upgrade"][value="' + mealData[0].allow_plan_upgrade + '"]').prop('checked', true);
				$('#modalProdutoValeRefeicao #whats_deadline').val(mealData[0].whats_deadline);
				$('#modalProdutoValeRefeicao #negotiated_details').val(mealData[0].negotiated_details);
			}

			$('#modalProdutoValeRefeicao').modal('show');
			
		} catch (error) {
			console.error(error);

		}
	}

	async function getPrev(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.previd_products.getPrevid', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let prevData = response.data;
			
			if(prevData){
				$('#modalProdutoPrev #type_of_plan').val(prevData[0].type_of_plan);
				$('#modalProdutoPrev #minimum_contribution').val(prevData[0].minimum_contribution);
				$('#modalProdutoPrev #privation_rescue').val(prevData[0].privation_rescue);
				$('#modalProdutoPrev #minimum_billing').val(prevData[0].minimum_billing);
				$('#modalProdutoPrev #retirement_age').val(prevData[0].retirement_age);
				$('#modalProdutoPrev #Minimum_participants').val(prevData[0].Minimum_participants);
				$('#modalProdutoPrev #way_access_company_cash').val(prevData[0].way_access_company_cash);
				$('#modalProdutoPrev #actuarial_table').val(prevData[0].actuarial_table);
				$('#modalProdutoPrev #gain_benefit_rate').val(prevData[0].gain_benefit_rate);
				$('#modalProdutoPrev #assistance').val(prevData[0].assistance);
				$('#modalProdutoPrev #type_inactive_billing').val(prevData[0].type_inactive_billing);
				$('#modalProdutoPrev #negotiated_details').val(prevData[0].negotiated_details);
				$('#modalProdutoPrev #vesting').val(prevData[0].vesting);
				$('#modalProdutoPrev #withdraw_rules').val(prevData[0].withdraw_rules);
			}

		$('#modalProdutoPrev').modal('show');
			
		} catch (error) {
			console.error(error);

		}
	}

	async function getSfis(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.sfis_products.getSfis', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let sfisData = response.data;
			
			if (sfisData && sfisData.length > 0) {
				$('#modalProdutoSaudeFisica #coverage_type').val(sfisData[0].coverage_type);
				$('#modalProdutoSaudeFisica #allow_plan_upgrade_yes').prop('checked', sfisData[0].allow_plan_upgrade == 1);
				$('#modalProdutoSaudeFisica #allow_plan_upgrade_no').prop('checked', sfisData[0].allow_plan_upgrade == 0);
				$('#modalProdutoSaudeFisica #minimum_billing').val(sfisData[0].minimum_billing);
				$('#modalProdutoSaudeFisica #negotiated_details').val(sfisData[0].negotiated_details);
			}

			$('#modalProdutoSaudeFisica').modal('show');
			
		} catch (error) {
			console.error(error);

		}
	}

	async function getTransport(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.transport_ticket_products.getTransport', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let transportData = response.data;
			
			if (transportData && transportData.length > 0) {
				$('#modalProdutoValeTransporte #coverage_type_vt').val(transportData[0].coverage_type);
				$('#modalProdutoValeTransporte #allow_plan_upgrade_yes').prop('checked', transportData[0].allow_plan_upgrade == 1);
				$('#modalProdutoValeTransporte #allow_plan_upgrade_no').prop('checked', transportData[0].allow_plan_upgrade == 0);
				$('#modalProdutoValeTransporte #whats_deadline').val(transportData[0].whats_deadline);
				$('#modalProdutoValeTransporte #negotiated_details').val(transportData[0].negotiated_details);
			}

			$('#modalProdutoValeTransporte').modal('show');
			
		} catch (error) {
			console.error(error);

		}
	}

	async function getTravel(product_id){

		let contract_id = $('#id').val();

		let url = "{{ route('api.conditions.travel_products.getTravel', ['contract_id' => ':contract_id', 'product_id' => ':product_id']) }}";
		url = url.replace(':contract_id', contract_id);
		url = url.replace(':product_id', product_id);

		try {
			let response = await axios({
				url: url,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});
			
			let travelData = response.data;

			if (travelData && travelData.length > 0) {
				$('#modalProdutoViagem #coverage_type').val(travelData[0].coverage_type);
				$('#modalProdutoViagem #negotiated_details').val(travelData[0].negotiated_details);
			}
			$('#modalProdutoViagem').modal('show')
			
			
		} catch (error) {
			console.error(error);

		}
	}

	// Fim das funções de preencher

	const cadastrarCopay = async (product_id) => {

		if (window.data.copay[product_id]) carregarInformacoesCopay(product_id);

		$("#product_id_copay").val(product_id);

		await getCopay(product_id)
	}

	const cadastrarContribuicao = async (product_id) => {

		if (window.data.contribution[product_id]) carregarInformacoesContribuicao(product_id);

		$("#product_id_contribuicao").val(product_id);

		await getContribution(product_id)
	}

	const cadastrarColab = async (product_id) => {
		$('#modalProdutoColab #product_id_colab').val(product_id);

		if (!window.data || 
			!window.data.holder || 
			!Array.isArray(window.data.holder[product_id]) || 
			window.data.holder[product_id].length === 0) {

			console.log('Fetching data from getHolderByContract');

			let colab = await getHolderByContract(product_id);

			if (colab) {

				if (!window.data) {
					window.data = { holder: {} };
				}
				window.data.holder[product_id] = [];

				colab.forEach(item => {
					const type = item.type;
					const holder_id = item.holder_id;
					const combinedKey = `${type}${holder_id}`;

					$(`#modalProdutoColab #table_body input[id="${combinedKey}"]`).prop('checked', true);

					window.data.holder[product_id].push(combinedKey);
				});

				console.log('Updated window.data.holder:', window.data.holder);
			}
		} else {
			console.log('Using existing data in window.data.holder[product_id]');

			let selectedIds = window.data.holder[product_id];

			$(`#modalProdutoColab #table_body input`).prop('checked', false);

			selectedIds.forEach(id => {
				$(`#modalProdutoColab #table_body input[id="${id}"]`).prop('checked', true);
			});

			console.log('Selected IDs:', selectedIds);
		}

		$('#modalProdutoColab #table_body').off('change', '.checkbox-option').on('change', '.checkbox-option', function() {
			let checkedIds = [];
			
			$('#modalProdutoColab #table_body input:checked').each(function() {
				checkedIds.push($(this).attr('id'));
			});

			window.data.holder[product_id] = checkedIds;

			console.log('Updated window.data.holder with checked IDs:', window.data.holder[product_id]);
		});

		$("#modalProdutoColab").modal('show');
	}


	const salvarInformacoesProdutoColab = async () => {
		let product_id = $("#modalProdutoColab #product_id_colab").val();
		
		let valoresSelecionados = [];

		$('#modalProdutoColab #table_body input:checked').each(function() {
			valoresSelecionados.push($(this).attr('id'));
		});

		if (!window.data) {
			window.data = { holder: {} };
		}
		// window.data.holder[product_id] = valoresSelecionados;

		window.data.holder[product_id] = valoresSelecionados.length ? valoresSelecionados : [];

		console.log('Saved holder data:', window.data.holder);

		$("#modalProdutoColab").modal('hide');
	}




	const salvarInformacoesBeneficiario = async () => {

		let product_id = $("#product_id_beneficiario").val();

		let json = Object.fromEntries((new FormData($("#modalBeneficiario form").get(0))).entries());

		//window.data.holder[product_id] = json;

		if (Object.keys(json).length > 0) {
			
			try{
				let response = await axios.post("{{ route('api.holders.store') }}", json, {
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}",
						"Content-Type": "application/json"
					}
				});

				Swal.fire({
					title: 'Uhuul!',
					text: "{{ __('locale.Table.Holder.Column.AddSuccess') }}",
					icon: "success"
				}).then((result) => {
					
					$("#modalProdutoColab").modal('show')

				});
			}   catch (error) {
								// Tratar erros da API
				if (error.response) {
					const {
						status,
						data
					} = error.response;
					if (status === 400 || status === 422) {
						Swal.fire({
							title: 'Ops!',
							text: data.message,
							icon: "error",
							cancelButtonText: "{{ __('locale.Table.Contract.Column.CloseButton') }}"
						});
					} else if (status === 404) {
						Swal.fire({
							title: 'Ops!',
							text: "{{ __('locale.Table.Contract.Column.RequestedNotFound') }}",
							icon: "error",
							cancelButtonText: "{{ __('locale.Table.Contract.Column.CloseButton') }}"
						});
					} else {
						Swal.fire({
							title: 'Ops!',
							text: "{{ __('locale.Table.Contract.Column.RegisterError') }}",
							icon: "error",
							cancelButtonText: "{{ __('locale.Table.Contract.Column.CloseButton') }}"
						});
					}
				} else {
					console.error('Erro ao chamar API:', error);
				}
			}                              
		}

		let company_id = $('#company_id').val()

		$("#modalBeneficiario").modal('hide')

		await fetchAndDisplayHolders(company_id);

	}

	const salvarInformacoesBeneficiarioMulti = async () => {

		try {
			let formData = new FormData($("#modalBeneficiarioMulti form")[0]);
			
			let response = await axios.post("{{ route('api.holders.import') }}", formData, {
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}",
					"Content-Type": "multipart/form-data"
				}
			});

			// Lidar com a resposta do controlador Laravel
			console.log("Resposta do controlador Laravel:", response.data);

			// Exibir uma mensagem de sucesso para o usuário
			Swal.fire({
				title: 'Uhuul!',
				text: "{{ __('locale.Table.Holder.Column.AddSuccess') }}",
				icon: "success"
			})
			.then((result) => {

				$("#modalProdutoColab").modal('show')

			});
		} catch (error) {
								// Tratar erros da API
				if (error.response) {
					const {
						status,
						data
					} = error.response;
					if (status === 400 || status === 422) {
						Swal.fire({
							title: 'Ops!',
							text: data.message,
							icon: "error",
							cancelButtonText: "{{ __('locale.Table.Contract.Column.CloseButton') }}"
						});
					} else if (status === 404) {
						Swal.fire({
							title: 'Ops!',
							text: "{{ __('locale.Table.Contract.Column.RequestedNotFound') }}",
							icon: "error",
							cancelButtonText: "{{ __('locale.Table.Contract.Column.CloseButton') }}"
						});
					} else {
						Swal.fire({
							title: 'Ops!',
							text: "{{ __('locale.Table.Contract.Column.RegisterError') }}",
							icon: "error",
							cancelButtonText: "{{ __('locale.Table.Contract.Column.CloseButton') }}"
						});
					}
				} else {
					console.error('Erro ao chamar API:', error);
				}
			}    

		let company_id = $('#company_id').val()

		$("#modalBeneficiarioMulti").modal('hide')

		await fetchAndDisplayHolders(company_id);


	}

	const salvarInformacoesCondicaoSaude = () => {

		let product_id = $("#modalCondicaoSaude #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalCondicaoSaude form").get(0))).entries());

        let additionalCoverageValues = $("#additional_coverage").val();
        let holder_privation = $("#holder_privation").val();
        let dependent_privation = $("#dependent_privation").val();

        json['additional_coverage'] = additionalCoverageValues;
        json['holder_privation'] = holder_privation;
        json['dependent_privation'] = dependent_privation;

        window.data.conditions.products[product_id] = json;

        $("#modalCondicaoSaude").modal('hide')
        console.log(window.data.conditions)
		
	}

	const salvarInformacoesCondicaoVida = () => {

		let product_id = $("#modalCondicaoVida #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalCondicaoVida form").get(0))).entries());

		window.data.conditions.products[product_id] = json;

		$("#modalCondicaoVida").modal('hide')
		
	}

	const salvarInformacoesCondicaoCredi = () => {

		let product_id = $("#modalProdutoCredi #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalProdutoCredi form").get(0))).entries());

		json.id = $('#modalProdutoCredi #credi_id').val()

		window.data.conditions.products[product_id] = json;

		$("#modalProdutoCredi").modal('hide')
		
	}

	const salvarInformacoesCondicaoOdonto = () => {

		let product_id = $("#modalCondicaoOdonto #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalCondicaoOdonto form").get(0))).entries());

		json.coverage_type = $("#coverage_type").val();
		json.id = $('#dental_id').val()

		window.data.conditions.products[product_id] = json;

		$("#modalCondicaoOdonto").modal('hide')
		
	}

	const salvarInformacoesCondicaoPrevid = () => {

		let product_id = $("#modalProdutoPrev #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalProdutoPrev form").get(0))).entries());

		json.id = $('#modalProdutoPrev #previd_id').val();

		window.data.conditions.products[product_id] = json;
		console.log(window.data.conditions.products[product_id])
		$("#modalProdutoPrev").modal('hide')
		
	}

	const salvarInformacoesCondicaoSaudeFisica = () => {

		let product_id = $("#modalProdutoSaudeFisica #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalProdutoSaudeFisica form").get(0))).entries());

		json.id = $('#sfis_id').val()

		window.data.conditions.products[product_id] = json;

		$("#modalProdutoSaudeFisica").modal('hide')
		
	}

	const salvarInformacoesCondicaoValeAlimentacao = () => {

		let product_id = $("#modalProdutoValeAlimentacao #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalProdutoValeAlimentacao form").get(0))).entries());

		json.id = $('#food_ticket_id').val()

		window.data.conditions.products[product_id] = json;

		$("#modalProdutoValeAlimentacao").modal('hide')
		console.log(window.data.conditions)
	}

	const salvarInformacoesCondicaoValeTransporte = () => {

		let product_id = $("#modalProdutoValeTransporte #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalProdutoValeTransporte form").get(0))).entries());

		json.id = $('#transport_ticket_id').val()

		window.data.conditions.products[product_id] = json;

		$("#modalProdutoValeTransporte").modal('hide')
		console.log(window.data.conditions)
	}

	const salvarInformacoesCondicaoValeRefeicao = () => {

		let product_id = $("#modalProdutoValeRefeicao #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalProdutoValeRefeicao form").get(0))).entries());

		json.id = $('#meal_ticket_id').val()

		window.data.conditions.products[product_id] = json;

		$("#modalProdutoValeRefeicao").modal('hide')
		console.log(window.data.conditions)
	}

	const salvarInformacoesCondicaoVale = () => {

		let product_id = $("#modalProdutoVale #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalProdutoVale form").get(0))).entries());

		json.id = $('#ticket_id').val()

		window.data.conditions.products[product_id] = json;

		$("#modalProdutoVale").modal('hide')
		
	}

	const salvarInformacoesCondicaoViagem = () => {

		let product_id = $("#modalProdutoViagem #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalProdutoViagem form").get(0))).entries());

		json.id = $('#travel_id').val()

		window.data.conditions.products[product_id] = json;

		$("#modalProdutoViagem").modal('hide')
		
	}

	const salvarInformacoesCondicaoColab = () => {

		let product_id = $("#modalProdutoColab #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalProdutoColab form").get(0))).entries());

		json.id = $('#colab_id').val()

		window.data.conditions.products[product_id] = json;

		$("#modalProdutoColab").modal('hide')
		
	}

	const salvarInformacoesProdutoSaude = () => {

		let product_id = $("#modalCondicaoSaude #product_id_condicao").val();

		let json = Object.fromEntries((new FormData($("#modalCondicaoSaude form").get(0))).entries());

			$("#modalCopay").modal('show')
		
	}

	const cadastrarBeneficiario = (product_id) => {

		$("#modalBeneficiario form").get(0).reset();

		if (window.data.holder[product_id]) carregarInformacoesBeneficiario(product_id);

		//let company_id = $('#company_id').val();

		$('#modalBeneficiario #company_id').select2();

		//$("#modalSlaEdit #types_request_id").val(company_id).trigger('change');

		$("#product_id_beneficiario").val(product_id);

		$("#modalBeneficiario").modal('show')

	}

	const cadastrarBeneficiarioMulti = (product_id) => {

		$("#modalBeneficiarioMulti form").get(0).reset();

		//if (window.data.holder[product_id]) carregarInformacoesBeneficiario(product_id);

		$("#product_id_beneficiario_multi").val(product_id);

		$("#modalBeneficiarioMulti").modal('show')

	}

	const cadastrarCondicaoColab = (product_id) => {

		//$("#modalCondicaoColab form").get(0).reset();

		//if (window.data.contribution[product_id]) carregarInformacoesContribuicao(product_id);

		$("#product_id_contribuicao").val(product_id);

		$("#modalCondicaoColab").modal('show')

	}

	let dental_id = $("#dental_id").val();

	const buscaCarenciaHolder = () => {

		axios.get(`{{ route('api.holder-grace-period.index') }}`, {
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
					}
				})
				.then(function(response) {
					
					let holder_graces = response.data;

					let selectedValues = @json($contract->health_products->holder_privation ?? []);

					$('#holder_privation').select2({
						multiple: true,
						data: holder_graces.map(function(holder_grace) {
							return {
								id: holder_grace.id,
								text: holder_grace.name
							};
						})
					});

					$('#holder_privation').val(selectedValues).trigger('change');


				})
				.catch(function(error) {
					console.error('Erro na requisição:', error);
				});
	}

	const buscaCarenciaDependent = () => {

		axios.get(`{{ route('api.dependent-grace-period.index') }}`, {
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
					}
				})
				.then(function(response) {
					
					let dependent_graces = response.data;

					let selectedValues = @json($contract->health_products->dependent_privation ?? []);

					$('#dependent_privation').select2({
						multiple: true,
						data: dependent_graces.map(function(dependent_grace) {
							return {
								id: dependent_grace.id,
								text: dependent_grace.name
							};
						})
					});

					$('#dependent_privation').val(selectedValues).trigger('change');


				})
				.catch(function(error) {
					console.error('Erro na requisição:', error);
				});
	}

	const cadastrarCondicao = async (product_id) => {

		let product_type = parseInt($("#product_type_id").val());

		switch (product_type) {
			case (1):

				buscaCarenciaHolder();
				buscaCarenciaDependent();

				await getHealth(product_id)

				$("#modalCondicaoSaude #product_id_condicao").val(product_id);
				
				break;
			case (2):

				if (window.data.conditions.products[product_id]) carregarInformacoesOdonto(product_id);

				await getDental(product_id)

				$("#modalCondicaoOdonto #product_id_condicao").val(product_id);

				break;
			case (3):

				await getLife(product_id)

				$("#modalCondicaoVida #product_id_condicao").val(product_id);

				break;
			case (4):

				await getPrev(product_id)

				$("#modalProdutoPrev #product_id_condicao").val(product_id);

				break;
			case (5):

				await getMeal(product_id)

				$("#modalProdutoValeRefeicao #product_id_condicao").val(product_id);

				break;
			case (6):

				await getTransport(product_id)

				$("#modalProdutoValeTransporte #product_id_condicao").val(product_id);

				break;
			case (8):

				await getSfis(product_id)

				$("#modalProdutoSaudeFisica #product_id_condicao").val(product_id);

				break;
			case (9):

				await getTravel(product_id)

				$("#modalProdutoViagem #product_id_condicao").val(product_id);

				break;
			case (10):

				await getCredit(product_id)

				$("#modalProdutoCredi #product_id_condicao").val(product_id);

				break;
			case (24):

				await getFood(product_id)

                $("#modalProdutoValeAlimentacao #product_id_condicao").val(product_id);

                break;



		}

	}


	// let formRules = {

	// 	company_id: {
	// 		required: true
	// 	},
	// 	product_id: {
	// 		required: true
	// 	},
	// 	coverage_type: {
	// 		required: true
	// 	},
	// 	type_closure: {
	// 		required: true
	// 	},
	// 	previous_supplier_id: {
	// 		required: true
	// 	},
	// 	brokerage_loss_id: {
	// 		required: true
	// 	},
	// 	brokerage_earn_id: {
	// 		required: true
	// 	},
	// 	contract_number: {
	// 		required: true
	// 	},
	// 	stipulator_number: {
	// 		required: true
	// 	},
	// 	policy_anniversary: {
	// 		required: true
	// 	},
	// 	number_lives: {
	// 		required: true
	// 	},
	// 	wallet_type_analysis: {
	// 		required: true
	// 	},
	// 	break_even: {
	// 		required: true
	// 	},
	// 	intermediation_model: {
	// 		required: true
	// 	},
	// 	has_iof: {
	// 		required: true
	// 	},
	// 	type_inflation_index: {
	// 		required: true
	// 	},
	// 	contractual_minium_lives: {
	// 		required: true
	// 	},
	// 	upgrade_downgrade_plan: {
	// 		required: true
	// 	},
	// 	due_date: {
	// 		required: true
	// 	},
	// 	payment_model: {
	// 		required: true
	// 	},
	// 	contribution_plan: {
	// 		required: true
	// 	},
	// 	contract_billings_id: {
	// 		required: true
	// 	},

	// 	contract_discount_policies_id: {
	// 		required: true
	// 	},

	// 	contract_documents_id: {
	// 		required: true
	// 	},

	// 	contract_elegibilities_id: {
	// 		required: true
	// 	},

	// 	contract_group_characteristics_id: {
	// 		required: true
	// 	},

	// 	life_product_conditions_id: {
	// 		required: true
	// 	},

	// 	condition_travel_products_id: {
	// 		required: true
	// 	},

	// 	condition_health_products_id: {
	// 		required: true
	// 	},

	// 	copay_conditions_id: {
	// 		required: true
	// 	},


	// }


	$(function() {
		'use strict';

		$('#dependent_copay_value','#limiter_value','#holder_copay_value',
            '#gain_benefit_rate','#paid_value','#dependent_discount_policy_value',
            '#holder_discount_policy_value','#iof','#holder_policy_discount_percent',
            '.holder_policy_discount_percent','#holder_policy_discount_contribution_value',
            '.holder_policy_discount_contribution_value','#dependent_policy_discount_percent',
            '.dependent_policy_discount_percent','#dependent_policy_discount_contribution_value',
            '.dependent_policy_discount_contribution_value','#capital_limit','.capital_limit',
            '#average_tax','#administrative_costs','#commercial_costs','#ibnr','#maxium_capital_limit'
            ).mask("#.##0,00", {
                reverse: true
            });

			$("#break_even").mask('##00%', {
					reverse: true
				});

			$("#holder_copay").mask('##00%', {
				reverse: true
			});
			$("#dependent_copay").mask('##00%', {
				reverse: true
			});
			$("#holder_discount_policy").mask('##00%', {
				reverse: true
			});
			$("#dependent_discount_policy").mask('##00%', {
				reverse: true
			});



		$.validator.addMethod("fileRequired", function(value, element) {
				const allowedExtensions = ['png', 'pdf', 'jpg', 'docx', 'jpeg', 'dock'];
				const maxFileSize = 80 * 1024; // 5 KB

				const file = element.files[0];

				if (file) {

					if (file.size > maxFileSize) {
						return false;
					}


					const fileExtension = file.name.split('.').pop().toLowerCase();
					if (!allowedExtensions.includes(fileExtension)) {
						return false;
					}


					return true;
				}


				return false;
			},
			function(params, element) {

				const fileInput = $(element);


				fileInput.siblings('.error-message').remove();


				const errorMessage = params === false ?
					"{{ __('locale.Table.Contract.Modal.Contract.Documents.ErrorMaxFileSize ') }}":
					"{{ __('locale.Table.Contract.Modal.Contract.Documents.ErrorFileExtension ') }}";

				fileInput.after(`<div class="error-message">${errorMessage}</div>`);


				return errorMessage;
			});

		// begin validate Conditions


		// end submite life products

		var select = $('.select2'),
			horizontalWizard = document.querySelector('.horizontal-wizard');

		// select2
		select.each(function() {
			var $this = $(this);
			$this.wrap('<div class="position-relative"></div>');
			$this.select2({
				placeholder: 'Select value',
				dropdownParent: $this.parent(),
			});
		});

		if (typeof horizontalWizard !== 'undefined' && horizontalWizard !== null) {
			var $form = $(horizontalWizard).find('form');

			if ($form.length > 0) {

				$(horizontalWizard).find('#btnAddContracts').on('click', async function () {
					var isValid = $form.valid();
					if (isValid) {
						const formData = new FormData($form[0]);
						formData.append('_method', 'PUT');
						formData.append('_token', '{{ csrf_token() }}');

						let product_id = $("#product_id").val();
						let company_id = $("#company_id").val();
						let contract_id = $("#contract_id").val();

						formData.append('products', product_id);
						formData.append('companies', company_id);
						formData.append('contract_id', contract_id);

						for (const key in window.data) {
							if (window.data.hasOwnProperty(key)) {
								formData.append(key, JSON.stringify(window.data[key]));
							}
						}

						if (window.data.documents.length > 0) {
							window.data.documents.forEach((document) => {
								formData.append('documents[]', document);
							});
						}

						try {
							let { data: contract, ...response } = await axios({
								url: "{{ route('api.contracts.update', $contract->id) }}",
								method: 'post',
								data: formData,
								headers: {
									"Content-Type": "multipart/form-data",
									"Authorization": "Bearer {{ session('Authorization') }}"
								}
							});

							// Mostrar mensagem de sucesso apenas se a solicitação for bem-sucedida
							Swal.fire({
								title: 'Uhuul!',
								text: "{{ __('locale.Table.Contract.Column.AddSuccess') }}",
								icon: "success"
							}).then((e) => {
								if (e.isConfirmed) {
									window.location.href = `{{ route('dashboard.contracts.index') }}`
								}
							});

						} catch (e) {
							let response = e.response;

							@if(env('APP_DEBUG'))
							console.warn(e);
							@endif

							if (response.status === 400 || response.status === 422) {
								Swal.fire({
									title: 'Ops!',
									text: response.data.message,
									icon: "error",
									cancelButtonText: "{{ __('locale.Table.Contract.Column.CloseButton ') }}"
								});
							} else if (response.status === 404) {
								Swal.fire({
									title: 'Ops!',
									text: "{{ __('locale.Table.Contract.Column.RequestedNotFound ') }}'",
									icon: "error",
									cancelButtonText: "{{ __('locale.Table.Contract.Column.CloseButton ') }}"
								});
							} else {
								Swal.fire({
									title: 'Ops!',
									text: "{{ __('locale.Table.Contract.Column.RegisterError ') }}",
									icon: "error",
									cancelButtonText: "{{ __('locale.Table.Contract.Column.CloseButton ') }}"
								});
							}
						}
					}
				});
			}
		}

		$('#btnReset').on('click', function() {
			window.location.href = '{{ route('dashboard.contracts.index') }}';
		});

	});

	$('#modalCondicaoSaude').on('shown.bs.modal', function () {
		privationInclusion();
	});

	$('#modalCopay').on('shown.bs.modal', function () {
		
		let $holder_copay = $("#modalCopay #holder_copay");
		let $dependent_copay = $("#modalCopay #dependent_copay");
		let $limiter_value = $("#modalCopay #limiter_value");
		
		$holder_copay.unmask();
		$dependent_copay.unmask();
		$limiter_value.unmask();
		
		$holder_copay.mask('##00%', { reverse: true });
		$dependent_copay.mask('##00%', { reverse: true });
		$limiter_value.mask('#.##0,00', { reverse: true });
	});
</script>
@endsection