@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')
<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" value="{{ $contract->id }}" id="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 disabled>
											@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 disabled>
											<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 disabled/>
									</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 disabled>
											<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 disabled>
											<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" disabled>
											<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 disabled>

											<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 disabled>
											<option value="" selected disabled>Selecione um ou mais produtos</option>
										</select>
									</div>
								</div>
							</div>

							<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 disabled>
											<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 disabled>
											<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 disabled/>
								</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 disabled/>
								</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" disabled/>
								</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" disabled/>
								</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 disabled>
										<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 campo_porcentagem" placeholder="Break Even" name="break_even" required disabled/>
								</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 disabled>
										<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 campo_preco" required disabled>
									</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" disabled>
										<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 disabled/>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="status">Status</label>
										<select id="status" class="form-select" name="status" required disabled>
											<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" disabled>{{ $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 disabled>
									</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 disabled>
											<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" required disabled>
									</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" required disabled>
											<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" required disabled>
											<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" required disabled>
											<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" required disabled>
											<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' : '' }} disabled>
										</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' : '' }} disabled>
										</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' : '' }} disabled>
										</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' : '' }} disabled>
										</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" required disabled>
											<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" disabled>{{ $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 disabled>
								</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 disabled>
										<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 disabled>
								</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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 ?? ''}}" required disabled>
								</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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' : '' }} disabled>
									</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 ?? ''}}" required disabled>
								</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" required disabled>
								</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" disabled>
										<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' : '' }} disabled>
									</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 disabled>
									</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" disabled>{{ $contract->contract_rules }}</textarea>
							</div>
						</div>
					</div>
				</div>
				<div class="card">
					<div class="card-header">
						<h4>Documentos</h4>
						
					</div>
					<div class="card-body">
						<table class="table" id="documentsTable">
							<thead>
								<tr>
								<th scope="col">Documento</th>
								
								</tr>
							</thead>
							<tbody>
								@if($documents)
								@foreach($documents as $document)
								<tr>
									<td><a href="{{ Storage::url($document->filepath) }}" target="_blank" >{{ $document->filename }}</a></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 disabled/>
									</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" value="{{ old('password') }}" disabled/>
										<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 disabled>
											<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" disabled/>
									</div>
								</div>
							</div>
					</div>
				</div>
				<div class="card">
					<div class="card-header">
						<h4 class="card-title">Regras do contrato</h4>
						
					</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>
									
								</thead>
								<tbody>
									@if($rules)
									@foreach($rules as $rule)
									<tr>
										<td>{{ $rule->type_request->type_request }}</td>
                                        <td>{{ $rule->quantity }}</td>
                                        
                                    </tr>
									@endforeach
									@endif
								</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="reset" class="btn btn-outline-secondary" id="btnReset">{{ __('locale.Table.Contract.Column.BackButton') }}</button>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</section>

<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"/>
<x-contract.condition.prev :isdisabled="$isdisabled" :checked="$checked"/>

<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_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">
								{{-- <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">
						{{-- <h6>Lista de Colaboradores</h6>
						<div class="col-md-12" id="holder_select" style="max-height: 300px; overflow-y: auto;">
							<p>Colaborador não encontrado</p>
						</div> --}}
						<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 disabled>
									<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 disabled/>
							</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 disabled/>
							</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 disabled/>
							</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 disabled/>
							</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 disabled>
							</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 disabled>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 mt-2">
							<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>

	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() {

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

        $("#upgrade_downgrade_plan").on("change", function() {
			if ($(this).val() == 1) {
				$("#limit_date").prop("disabled", false);
			} else {
				$("#limit_date").prop("disabled", true);
                $("#limit_date").val('');
			}
		});

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

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

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

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

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

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

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

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

		

        $("#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="" disabled>
                                    <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.id}" name="option${holder.id}" type="checkbox" value="${holder.id}" data-type="${holder.type}" disabled></td>
                                <td><label class="form-check-label ms-3 me-6" for="${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" disabled>Abrir</button></td>
                            </tr>
                        `);
                    });

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

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

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

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

                } 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';
				}
			});
		}

		// await companyId();

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

			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;
					//console.log(suppliers)

					
					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 {
						
						$('#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) {
					
					$('#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');


		});

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

	async function getCopay(product_id){

		let contract_id = $('#contract_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 = $('#contract_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 = $('#contract_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 = $('#contract_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 = $('#contract_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 #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 = $('#contract_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 = $('#contract_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 = $('#contract_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 #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 = $('#contract_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 = $('#contract_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 = $('#contract_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_vt);
				$('#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 = $('#contract_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) => {

		await getCopay(product_id)

	}

	const cadastrarContribuicao = async (product_id) => {

		await getContribution(product_id)

	}

	const cadastrarColab = async (product_id) => {

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

		let url = "{{ route('api.conditions.colabs.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;
			console.log(colab)
			for (const item of colab) {
				const holder_id = item.holder_id;
				
				$(`#modalProdutoColab #table_body input[name="option${holder_id}"]`).prop('checked', true);
			}
		} catch (error) {
			console.error(error);

		}

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

    };

	const cadastrarCondicaoColab = (product_id) => {


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

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

	}

	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());
		console.log(product_type)

		switch (product_type) {
			case (1):

				buscaCarenciaHolder();
                buscaCarenciaDependent();

				await getHealth(product_id)

				break;
			case (2):

				await getDental(product_id)

				break;
			case (3):

				await getLife(product_id)	

				break;
			case (4):

				await getPrev(product_id)

				break;
			case (5):
				await getMeal(product_id)

				break;
			case (6):

				await getTransport(product_id)


				break;
			case (8):

				await getSfis(product_id)

				break;
			case (9):

				await getTravel(product_id)

				break;
			case (10):

				await getCredit(product_id)

				break;
			case (24):

				await getFood(product_id)

				break;

		}

	}



	$(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','#assessment_value'
            ).mask("#.##0,00", {
                reverse: true
            });

			$('#dependent_copay').mask('##00%', {
				reverse: true
			});
			$('#holder_discount_policy').mask('##00%', {
				reverse: true
			});
			$('#dependent_discount_policy').mask('##00%', {
				reverse: true
			});
			$('#administrative_costs').mask('##00%', {
				reverse: true
			});
			$('#business_expenses').mask('##00%', {
				reverse: true
			});
			$('#ibnr').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');
			//console.log($form);
			if ($form.length > 0) {
				$form.validate({
					rules: formRules

				});
			}
		}

		$('#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 $holder_copay_value = $("#modalCopay #holder_copay_value");
		let $dependent_copay_value = $("#modalCopay #dependent_copay_value");
		let $limiter_value = $("#modalCopay #limiter_value");
		
		$holder_copay.unmask();
		$dependent_copay.unmask();
		$holder_copay_value.unmask();
		$dependent_copay_value.unmask();
		$limiter_value.unmask();
		
		$holder_copay.mask('##00%', { reverse: true });
		$dependent_copay.mask('##00%', { reverse: true });
		$holder_copay_value.mask('#.##0,00', { reverse: true });
		$dependent_copay_value.mask('#.##0,00', { reverse: true });
		$limiter_value.mask('#.##0,00', { reverse: true });
	});

	$('#modalContribuicao').on('shown.bs.modal', function () {
		
		let $holder_discount_policy = $("#modalContribuicao #holder_discount_policy");
		let $dependent_discount_policy = $("#modalContribuicao #dependent_discount_policy");
		let $holder_discount_policy_value = $("#modalContribuicao #holder_discount_policy_value");
		let $dependent_discount_policy_value = $("#modalContribuicao #dependent_discount_policy_value");
		
		$holder_discount_policy.unmask();
		$dependent_discount_policy.unmask();
		$holder_discount_policy_value.unmask();
		$dependent_discount_policy_value.unmask();
		
		$holder_discount_policy.mask('##00%', { reverse: true });
		$dependent_discount_policy.mask('##00%', { reverse: true });
		$holder_discount_policy_value.mask('#.##0,00', { reverse: true });
		$dependent_discount_policy_value.mask('#.##0,00', { reverse: true });
	});

	$('#modalCondicaoOdonto').on('shown.bs.modal', function () {
		
		let $holder_discount_policy = $("#modalCondicaoOdonto #holder_discount_policy");
		let $dependent_discount_policy = $("#modalCondicaoOdonto #dependent_discount_policy");
		let $holder_discount_policy_value = $("#modalCondicaoOdonto #holder_discount_policy_value");
		let $dependent_discount_policy_value = $("#modalCondicaoOdonto #dependent_discount_policy_value");
		
		$holder_discount_policy.unmask();
		$dependent_discount_policy.unmask();
		$holder_discount_policy_value.unmask();
		$dependent_discount_policy_value.unmask();
		
		$holder_discount_policy.mask('##00%', { reverse: true });
		$dependent_discount_policy.mask('##00%', { reverse: true });
		$holder_discount_policy_value.mask('#.##0,00', { reverse: true });
		$dependent_discount_policy_value.mask('#.##0,00', { reverse: true });
	});

	$('#modalCondicaoVida').on('shown.bs.modal', function () {
		
		let $administrative_costs = $("#modalCondicaoVida #administrative_costs");
		let $business_expenses = $("#modalCondicaoVida #business_expenses");
		let $ibnr = $("#modalCondicaoVida #ibnr");
		let $capital_limit = $("#modalCondicaoVida #capital_limit");
		let $average_rate_1 = $("#modalCondicaoVida #average_rate_1");
		let $average_rate_2 = $("#modalCondicaoVida #average_rate_2");
		let $average_rate_3 = $("#modalCondicaoVida #average_rate_3");
		
		$administrative_costs.unmask();
		$business_expenses.unmask();
		$ibnr.unmask();
		$capital_limit.unmask();
		$average_rate_1.unmask();
		$average_rate_2.unmask();
		$average_rate_3.unmask();
		
		$administrative_costs.mask('##00%', { reverse: true });
		$business_expenses.mask('##00%', { reverse: true });
		$ibnr.mask('##00%', { reverse: true });
		$capital_limit.mask('#.##0,00', { reverse: true });
		$average_rate_1.mask('#.##0,00', { reverse: true });
		$average_rate_2.mask('#.##0,00', { reverse: true });
		$average_rate_3.mask('#.##0,00', { reverse: true });
	});


</script>
@endsection