@extends('layouts/contentLayoutMaster')

@section('title', __('locale.Products Life'))

@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')
    <!-- Horizontal Wizard -->
    <section class="horizontal-wizard">
        <div class="bs-stepper horizontal-wizard-example">
            <div class="bs-stepper-header" role="tablist">
                <div class="step" data-target="#Holder-information" role="tab" id="Holder-information-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">1</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{ __('locale.Table.Products.Life.Column.Title') }}</span>
                            <span
                                class="bs-stepper-subtitle">{{ __('locale.Table.Products.Life.Column.BasicInformation') }}</span>
                        </span>
                    </button>
                </div>
                <div class="line">
                    <i data-feather="chevron-right" class="font-medium-2"></i>
                </div>
                <div class="step" data-target="#address-info" role="tab" id="address-info-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">2</span>
                        <span class="bs-stepper-label">
                            <span
                                class="bs-stepper-title">{{ __('locale.Table.Products.Life.Column.ContractualDetails') }}</span>
                            <span
                                class="bs-stepper-subtitle">{{ __('locale.Table.Products.Life.Column.BasicInformation') }}</span>
                        </span>
                    </button>
                </div>
                <div class="line">
                    <i data-feather="chevron-right" class="font-medium-2"></i>
                </div>
                <div class="step" data-target="#complement-info" role="tab" id="complement-info-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">3</span>
                        <span class="bs-stepper-label">
                            <span
                                class="bs-stepper-title">{{ __('locale.Table.Products.Life.Column.ContractualRules') }}</span>
                            <span
                                class="bs-stepper-subtitle">{{ __('locale.Table.Products.Life.Column.BasicInformation') }}</span>
                        </span>
                    </button>
                </div>
                <div class="line">
                    <i data-feather="chevron-right" class="font-medium-2"></i>
                </div>
                <div class="step" data-target="#health-info" role="tab" id="health-info-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">4</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{ __('locale.Table.Products.Life.Column.Financial') }}</span>
                            <span
                                class="bs-stepper-subtitle">{{ __('locale.Table.Products.Life.Column.FinancialInformation') }}</span>
                        </span>
                    </button>
                </div>
                <div class="line">
                    <i data-feather="chevron-right" class="font-medium-2"></i>
                </div>
                <div class="step" data-target="#group-hi" role="tab" id="group-hi-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">5</span>
                        <span class="bs-stepper-label">
                            <span
                                class="bs-stepper-title">{{ __('locale.Table.Products.Life.Column.PolicyDetails') }}</span>
                            <span
                                class="bs-stepper-subtitle">{{ __('locale.Table.Products.Life.Column.BasicInformation') }}</span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="bs-stepper-content">
                <div id="Holder-information" class="content" role="tabpanel" aria-labelledby="Holder-information-trigger">
                    <form novalidate="novalidate">
                        <div class="content-header">
                            <h5 class="mb-0">{{ __('locale.Table.Products.Life.Column.Title') }}</h5>
                            <small
                                class="text-muted">{{ __('locale.Table.Products.Life.Column.BasicInformation') }}</small>
                            <div class="row">
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label"
                                            for="supplier_id">{{ __('locale.Table.Products.Life.Column.supplier_id') }}</label>
                                        <input type="text" id="supplier_id" class="form-control"
                                            placeholder="{{ __('locale.Table.Products.Life.Column.supplier_id') }}"
                                            name="supplier_id" required />
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label"
                                            for="policy">{{ __('locale.Table.Products.Life.Column.policy') }}</label>
                                        <input type="text" id="policy" class="form-control"
                                            placeholder="{{ __('locale.Table.Products.Life.Column.policy') }}"
                                            name="policy" required />
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label"
                                            for="type_closure">{{ __('locale.Table.Products.Life.Column.type_closure') }}</label>
                                        <select class="form-select" name="type_closure" id="type_closure" required>
                                            <option value="0">
                                                {{ __('locale.Table.Products.Life.Column.Appointment') }}
                                            </option>
                                            <option value="1">
                                                {{ __('locale.Table.Products.Life.Column.Implementation') }}
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label"
                                            for="previous_supplier_id">{{ __('locale.Table.Products.Life.Column.previous_supplier_id') }}</label>
                                        <select class="form-select" name="previous_supplier_id" id="previous_supplier_id"
                                            required>
                                            <option value="0">
                                                {{ __('locale.Table.Products.Life.Column.information') }}
                                            </option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label"
                                            for="brokerage_loss_id">{{ __('locale.Table.Products.Life.Column.previous_brokerage_loss_id') }}</label>
                                        <select class="form-select" name="brokerage_loss_id" id="brokerage_loss_id"
                                            required>
                                            <option value="0">
                                                {{ __('locale.Table.Products.Life.Column.information') }}
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="mb-1 col-md-6">
                                    <label class="form-label" for="condition_group_characteristics"></label>
                                    <div class="input-group">
                                        <select name="condition_group_characteristics"
                                            id="condition_group_characteristics" class="form-select"
                                            aria-label="modalAddConditionGroupCharacteristics">
                                            <!-- Deixei este espaço vazio para adicionar opções aqui -->
                                        </select>
                                        <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal"
                                            data-bs-target="#modalAddConditionGroupCharacteristics">
                                            {{ __('locale.Pages.Company.Button.Add') }}
                                        </button>
                                    </div>
                                </div>
                            </div>
                    </form>
                </div>
                <div class="d-flex justify-content-between">
                    <button class="btn btn-outline-secondary btn-prev" disabled>
                        <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                        <span
                            class="align-middle d-sm-inline-block d-none">{{ __('locale.Table.Holders.Column.Previous') }}</span>
                    </button>
                    <button class="btn btn-primary btn-next">
                        <span
                            class="align-middle d-sm-inline-block d-none">{{ __('locale.Table.Holders.Column.Next') }}</span>
                        <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                    </button>
                </div>
            </div>
            <div id="address-info" class="content" role="tabpanel" aria-labelledby="address-info-trigger">
                <form novalidate="novalidate">
                    <div class="content-header">
                        <h5 class="mb-0">{{ __('locale.Table.Products.Life.Column.ContractualDetails') }}</h5>
                        <small>{{ __('locale.Table.Products.Life.Column.BasicInformation') }}</small>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="brokerage_earn_id">{{ __('locale.Table.Products.Life.Column.brokerage_earn_id') }}</label>
                                <select class="form-select" name="brokerage_earn_id" id="brokerage_earn_id" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.information') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="intermediation_model">{{ __('locale.Table.Products.Life.Column.intermediation_model') }}</label>
                                <select class="form-select" name="intermediation_model" id="intermediation_model"
                                    required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.Brokerage') }}
                                    </option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.Agency') }}</option>
                                    <option value="2">{{ __('locale.Table.Products.Life.Column.FEE') }}</option>
                                    <option value="3">{{ __('locale.Table.Products.Life.Column.Assessment') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="charge_type">{{ __('locale.Table.Products.Life.Column.charge_type') }}</label>
                                <select class="form-select" name="charge_type" id="charge_type" required>
                                    <option value="0">Boleto com emissão de nota fiscal</option>
                                    <option value="1">corretagem tradicional</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="due_date">{{ __('locale.Table.Products.Life.Column.due_date') }}</label>
                                <select class="form-select" name="due_date" id="due_date" required>
                                    <option value="0">FEE</option>
                                    <option value="1">Assessment</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="contract">{{ __('locale.Table.Products.Life.Column.contract') }}</label>
                                <input type="text" id="contract" class="form-control"
                                    placeholder="{{ __('locale.Table.Products.Life.Column.contract') }}" name="contract"
                                    required />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="stipulator">{{ __('locale.Table.Products.Life.Column.stipulator') }}</label>
                                <input type="text" id="stipulator" class="form-control"
                                    placeholder="{{ __('locale.Table.Products.Life.Column.stipulator') }}"
                                    name="stipulator" required />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="company_destined_branch">{{ __('locale.Table.Products.Life.Column.company_destined_branch') }}</label>
                                <input type="text" id="company_destined_branch" class="form-control"
                                    placeholder="{{ __('locale.Table.Products.Life.Column.company_destined_branch') }}"
                                    name="company_destined_branch" required />
                            </div>
                        </div>
                        <div class="mb-1 col-md-6">
                            <label class="form-label" for="accessory_coverages"></label>
                            <div class="input-group">
                                <select name="accessory_coverages" id="accessory_coverages" class="form-select"
                                    aria-label="AccessoryCoverages">
                                    <!-- Deixei este espaço vazio para adicionar opções aqui -->
                                </select>
                                <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal"
                                    data-bs-target="#modalAddAccessoryCoverages">
                                    {{ __('locale.Pages.Company.Button.Add') }}
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="mb-1 col-md-6">
                            <label class="form-label" for="condition_assintent"></label>
                            <div class="input-group">
                                <select name="condition_assintent" id="condition_assintent" class="form-select"
                                    aria-label="ConditionAssintent">
                                    <!-- Deixei este espaço vazio para adicionar opções aqui -->
                                </select>
                                <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal"
                                    data-bs-target="#modalAddConditionAssintent">
                                    {{ __('locale.Pages.Company.Button.Add') }}
                                </button>
                            </div>
                        </div>
                        <div class="mb-1 col-md-6">
                            <label class="form-label" for="condition_award_information"></label>
                            <div class="input-group">
                                <select name="condition_award_information" id="condition_award_information"
                                    class="form-select" aria-label="ConditionAwardInformation">
                                    <!-- Deixei este espaço vazio para adicionar opções aqui -->
                                </select>
                                <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal"
                                    data-bs-target="#modalAddConditionAwardInformation">
                                    {{ __('locale.Pages.Company.Button.Add') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="d-flex justify-content-between">
                    <button class="btn btn-primary btn-prev">
                        <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                        <span
                            class="align-middle d-sm-inline-block d-none">{{ __('locale.Table.Holders.Column.Previous') }}</span>
                    </button>
                    <button class="btn btn-primary btn-next">
                        <span
                            class="align-middle d-sm-inline-block d-none">{{ __('locale.Table.Holders.Column.Next') }}</span>
                        <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                    </button>
                </div>
            </div>
            <div id="complement-info" class="content" role="tabpanel" aria-labelledby="complement-info-trigger">
                <form novalidate="novalidate">
                    <div class="content-header">
                        <h5 class="mb-0">{{ __('locale.Table.Products.Life.Column.Contractual Rules') }}</h5>
                        <small>{{ __('locale.Table.Products.Life.Column.FinancialInformation') }}</small>
                    </div>


                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="contractual_minium_lives">{{ __('locale.Table.Products.Life.Column.contractual_minium_lives') }}</label>
                                <input type="number" id="contractual_minium_lives" class="form-control"
                                    name="contractual_minium_lives" required />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="has_scheduled_inclusion_rules">{{ __('locale.Table.Products.Life.Column.has_scheduled_inclusion_rules') }}</label>
                                <select class="form-select" name="has_scheduled_inclusion_rules"
                                    id="has_scheduled_inclusion_rules" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.no') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.yes') }}</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="sir_days">{{ __('locale.Table.Products.Life.Column.sir_days') }}</label>
                                <select class="form-select" name="sir_days" id="sir_days" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.sir_days30') }}
                                    </option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.sir_days60') }}
                                    </option>
                                    <option value="2">{{ __('locale.Table.Products.Life.Column.sir_days90') }}
                                    </option>
                                    <option value="3">{{ __('locale.Table.Products.Life.Column.sir_days120') }}
                                    </option>
                                    <option value="4">{{ __('locale.Table.Products.Life.Column.sir_days180') }}
                                    </option>
                                    <option value="5">
                                        {{ __('locale.Table.Products.Life.Column.sir_daysMoreThan180') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="sir_description">{{ __('locale.Table.Products.Life.Column.sir_description') }}</label>
                                <input type="text" id="sir_description" class="form-control"
                                    name="sir_description" />
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="max_inclusion_age">{{ __('locale.Table.Products.Life.Column.max_inclusion_age') }}</label>
                                <input type="text" id="max_inclusion_age" class="form-control"
                                    name="max_inclusion_age" />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="group_model">{{ __('locale.Table.Products.Life.Column.group_model') }}</label>
                                <select class="form-select" name="group_model" id="group_model" required>
                                    <option value="0">
                                        {{ __('locale.Table.Products.Life.Column.group_modelAccession') }}</option>
                                    <option value="1">
                                        {{ __('locale.Table.Products.Life.Column.group_modelCompulsory') }}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="mb-1 col-md-12">
                            <label class="form-label" for="condition_standard_coverages"></label>
                            <div class="input-group">
                                <select name="condition_standard_coverages" id="condition_standard_coverages"
                                    class="form-select" aria-label="modalAddConditionStandardCoverages">
                                    <!-- Deixei este espaço vazio para adicionar opções aqui -->
                                </select>
                                <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal"
                                    data-bs-target="#modalAddConditionStandardCoverages">
                                    {{ __('locale.Pages.Company.Button.Add') }}
                                </button>
                            </div>
                        </div>
                    </div>

                </form>
                <div class="d-flex justify-content-between">
                    <button class="btn btn-primary btn-prev">
                        <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                        <span
                            class="align-middle d-sm-inline-block d-none">{{ __('locale.Table.Holders.Column.Previous') }}</span>
                    </button>
                    <button class="btn btn-primary btn-next">
                        <span
                            class="align-middle d-sm-inline-block d-none">{{ __('locale.Table.Holders.Column.Next') }}</span>
                        <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                    </button>
                </div>
            </div>
            <div id="health-info" class="content" role="tabpanel" aria-labelledby="health-info-trigger">
                <form novalidate="novalidate">
                    <div class="content-header">
                        <h5 class="mb-0">{{ __('locale.Table.Products.Life.Column.Financial') }}</h5>
                        <small>{{ __('locale.Table.Products.Life.Column.FinancialInformation') }}</small>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="payment_model">{{ __('locale.Table.Products.Life.Column.payment_model') }}</label>
                                <select class="form-select" name="payment_model" id="payment_model" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.Pré pago') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.Pós pago') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="contract_time">{{ __('locale.Table.Products.Life.Column.contract_time') }}</label>
                                <select class="form-select" name="contract_time" id="contract_time" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.contract_time12') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.contract_time24') }}</option>
                                    <option value="2">{{ __('locale.Table.Products.Life.contract_time36') }}</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="contribution_plan">{{ __('locale.Table.Products.Life.Column.contribution_plan') }}</label>
                                <select class="form-select" name="contribution_plan" id="contribution_plan" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.yes') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.no') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="inactive_billing_type">{{ __('locale.Table.Products.Life.Column.inactive_billing_type') }}</label>
                                <select class="form-select" name="inactive_billing_type" id="inactive_billing_type"
                                    required>
                                    <option value="Por faixa etária">
                                        {{ __('locale.Table.Products.Life.Column.faixa etária') }}</option>
                                    <option value="Taxa média">{{ __('locale.Table.Products.Life.Column.taxa média') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="negotiaded_particulars">{{ __('locale.Table.Products.Life.Column.negotiaded_particulars') }}</label>
                                <select class="form-select" name="negotiaded_particulars" id="negotiaded_particulars"
                                    required>
                                    <option value="Isenção de alguma documentação">
                                        {{ __('locale.Table.Products.Life.Column.isenção de alguma documentação') }}
                                    </option>
                                    <option value="Mudança de data de vencimento">
                                        {{ __('locale.Table.Products.Life.Column.mudança de data de vencimento') }}
                                    </option>
                                    <option value="Movimentação por layout">
                                        {{ __('locale.Table.Products.Life.Column.movimentação por layout') }}</option>
                                    <option value="Inclusão de programas custeados Humanittare">
                                        {{ __('locale.Table.Products.Life.Column.inclusão de programas custeados Humanittare') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="capital_type">{{ __('locale.Table.Products.Life.Column.capital_type') }}</label>
                                <select class="form-select" name="capital_type" id="capital_type" required>
                                    <option value="Escalonado (cargo)">
                                        {{ __('locale.Table.Products.Life.Column.escalonado (cargo)') }}</option>
                                    <option value="Fixo">{{ __('locale.Table.Products.Life.Column.fixo') }}</option>
                                    <option value="Múltiplo salarial">
                                        {{ __('locale.Table.Products.Life.Column.múltiplo salarial') }}</option>
                                    <option value="Capital global">
                                        {{ __('locale.Table.Products.Life.Column.capital global') }}</option>

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

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="dps_rules">{{ __('locale.Table.Products.Life.Column.dps_rules') }}</label>
                                <select class="form-select" name="dps_rules" id="dps_rules" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.dps_rulesAge') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.dps_rulesValue') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="maxium_capital_limit">{{ __('locale.Table.Products.Life.Column.maxium_capital_limit') }}</label>
                                <input type="text" id="maxium_capital_limit" class="form-control"
                                    placeholder="{{ __('locale.Table.Products.Life.Column.maxium_capital_limit') }}"
                                    name="maxium_capital_limit"></textarea>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="technical_surplus">{{ __('locale.Table.Products.Life.Column.technical_surplus') }}</label>
                                <select class="form-select" name="technical_surplus" id="technical_surplus" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.yes') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.no') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="administrative_costs">{{ __('locale.Table.Products.Life.Column.administrative_costs') }}</label>
                                <input type="number" id="administrative_costs" class="form-control"
                                    name="administrative_costs" required />
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="commercial_costs">{{ __('locale.Table.Products.Life.Column.commercial_costs') }}</label>
                                <input type="number" id="commercial_costs" class="form-control" name="commercial_costs"
                                    required />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="ibnr">{{ __('locale.Table.Products.Life.Column.ibnr') }}</label>
                                <input type="number" id="ibnr" class="form-control" name="ibnr" required />
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="surplus_return_percentage">{{ __('locale.Table.Products.Life.Column.surplus_return_percentage') }}</label>
                                <select class="form-select" name="surplus_return_percentage"
                                    id="surplus_return_percentage" required>
                                    <option value="10%">10%</option>
                                    <option value="20%">20%</option>
                                    <option value="30%">30%</option>
                                    <option value="40%">40%</option>
                                    <option value="60%">60%</option>
                                    <option value="70%">70%</option>
                                    <option value="80%">80%</option>
                                </select>
                            </div>
                        </div>
                        <div class="mb-1 col-md-6">
                            <label class="form-label" for="condition_eligibilities"></label>
                            <div class="input-group">
                                <select name="condition_eligibilities" id="condition_eligibilities" class="form-select"
                                    aria-label="ConditionEligibilities">
                                    <!-- Deixei este espaço vazio para adicionar opções aqui -->
                                </select>
                                <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal"
                                    data-bs-target="#modalAddConditionEligibilities">
                                    {{ __('locale.Pages.Company.Button.Add') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="d-flex justify-content-between">
                    <button class="btn btn-primary btn-prev">
                        <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                        <span
                            class="align-middle d-sm-inline-block d-none">{{ __('locale.Table.Holders.Column.Previous') }}</span>
                    </button>
                    <button class="btn btn-primary btn-next">
                        <span
                            class="align-middle d-sm-inline-block d-none">{{ __('locale.Table.Holders.Column.Next') }}</span>
                        <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                    </button>
                </div>
            </div>
            <div id="group-hi" class="content" role="tabpanel" aria-labelledby="group-hi-trigger">
                <form novalidate="novalidate">
                    <div class="content-header">
                        <h5 class="mb-0">{{ __('locale.Table.Products.Life.Column.PolicyDetails') }}</h5>
                        <small>{{ __('locale.Table.Products.Life.Column.BasicInformation') }}</small>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="policy_anniversary">{{ __('locale.Table.Products.Life.Column.policy_anniversary') }}</label>
                                <input type="date" id="policy_anniversary" class="form-control"
                                    placeholder="{{ __('locale.Table.Products.Life.Column.policy_anniversary') }}"name="policy_anniversary"
                                    required />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="number_lives">{{ __('locale.Table.Products.Life.Column.number_lives') }}</label>
                                <input type="number" id="number_lives"
                                    class="form-control"placeholder="{{ __('locale.Table.Products.Life.Column.number_lives') }}"
                                    name="number_lives" required />
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="portifolio_type_analysis">{{ __('locale.Table.Products.Life.Column.portifolio_type_analysis') }}</label>
                                <select class="form-select" name="portifolio_type_analysis" id="portifolio_type_analysis"
                                    required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.group') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.individual') }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="has_iof">{{ __('locale.Table.Products.Life.Column.has_iof') }}</label>
                                <select class="form-select" name="has_iof" id="has_iof" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.yes') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.no') }}</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="iof">{{ __('locale.Table.Products.Life.Column.iof') }}</label>
                                <input type="number" id="iof"
                                    class="form-control"placeholder="{{ __('locale.Table.Products.Life.Column.iof') }}"
                                    name="iof" />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="type_inflation_index">{{ __('locale.Table.Products.Life.Column.type_inflation_index') }}</label>
                                <select class="form-select" name="type_inflation_index" id="type_inflation_index"
                                    required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.IPCA') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.IGPM') }}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label"
                                    for="rule_breach_contract">{{ __('locale.Table.Products.Life.Column.rule_breach_contract') }}</label>
                                <textarea id="rule_breach_contract" class="form-control"
                                    placeholder="{{ __('locale.Table.Products.Life.Column.rule_breach_contract') }}" name="rule_breach_contract"></textarea>
                            </div>
                        </div>
                        <div class="mb-1 col-md-6">
                            <label class="form-label" for="condition_discount_policies"></label>
                            <div class="input-group">
                                <select name="condition_discount_policies" id="condition_discount_policies"
                                    class="form-select" aria-label="ConditionDiscountPolicies">
                                    <!-- Deixei este espaço vazio para adicionar opções aqui -->
                                </select>
                                <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal"
                                    data-bs-target="#modalAddConditionDiscountPolicies">
                                    {{ __('locale.Pages.Company.Button.Add') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="d-flex justify-content-between">
                    <button class="btn btn-primary btn-prev">
                        <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                        <span
                            class="align-middle d-sm-inline-block d-none">{{ __('locale.Table.Holders.Column.Previous') }}</span>
                    </button>
                    <button class="btn btn-success btn-submit">{{ __('locale.Table.Holders.Column.Submit') }}</button>
                </div>

            </div>
        </div>
    </section>

    <!--Modal accessory coverages-->
    <div class="modal fade text-start" id="modalAddAccessoryCoverages" tabindex="-1"
        aria-labelledby="modal_accessory_coverages" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="modal_accessory_coverages">
                        {{ __('locale.Table.Products.Life.Column.Condition.Accessory') }}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h5>{{ __('locale.Table.Products.Life.Column.AddCondition') }}</h5>
                    <form id="form-modal-add-accessory-coverages">
                        <input type="hidden" name="status" value="1">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="daptdi">{{ __('locale.Table.Products.Life.Column.daptdi') }}</label>
                                    <input type="text" id="daptdi" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.daptdi') }}"
                                        name="daptdi" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="datpd">{{ __('locale.Table.Products.Life.Column.datpd') }}</label>
                                    <input type="text" id="datpd" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.datpd') }}"
                                        name="datpd" />
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="serious_deseases">{{ __('locale.Table.Products.Life.Column.serious_deseases') }}</label>
                                    <input type="text" id="serious_deseases" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.serious_deseases') }}"
                                        name="serious_deseases" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="special_compensation_children">{{ __('locale.Table.Products.Life.Column.special_compensation_children') }}</label>
                                    <input type="text" id="special_compensation_children" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.special_compensation_children') }}"
                                        name="special_compensation_children" />
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="funeral_assistance">{{ __('locale.Table.Products.Life.Column.funeral_assistance') }}</label>
                                    <input type="text" id="funeral_assistance" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.funeral_assistance') }}"
                                        name="funeral_assistance" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="basic_food_basket">{{ __('locale.Table.Products.Life.Column.basic_food_basket') }}</label>
                                    <input type="text" id="basic_food_basket" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.basic_food_basket') }}"
                                        name="basic_food_basket" />
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="congenital_disease_children">{{ __('locale.Table.Products.Life.Column.congenital_disease_children') }}</label>
                                    <input type="text" id="congenital_disease_children" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.congenital_disease_children') }}"
                                        name="congenital_disease_children" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="labor_termination">{{ __('locale.Table.Products.Life.Column.labor_termination') }}</label>
                                    <input type="text" id="labor_termination" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.labor_termination') }}"
                                        name="labor_termination" />
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="immediate_financial_aid">{{ __('locale.Table.Products.Life.Column.immediate_financial_aid') }}</label>
                                    <input type="text" id="immediate_financial_aid" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.immediate_financial_aid') }}"
                                        name="immediate_financial_aid" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="medical_hospital_dental">{{ __('locale.Table.Products.Life.Column.medical_hospital_dental') }}</label>
                                    <input type="text" id="medical_hospital_dental" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.medical_hospital_dental') }}"
                                        name="medical_hospital_dental" />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="others">{{ __('locale.Table.Products.Life.Column.others') }}</label>
                                    <input type="text" id="others" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.others') }}"
                                        name="others" />
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnModalAddCompanyType"
                        class="btn btn-primary">{{ __('locale.Pages.Company.Button.Add') }}</button>
                </div>
            </div>
        </div>
    </div>
    <!--Modal accessory coverages-->

    <!--Modal Condition Assintent-->
    <div class="modal fade text-start" id="modalAddConditionAssintent" tabindex="-1"
        aria-labelledby="modal_condition_assintent" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="modal_condition_assintent">
                        {{ __('locale.Table.Products.Life.Column.Condition.Assintent') }}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h5>{{ __('locale.Table.Products.Life.Column.AddCondition') }}</h5>
                    <form id="form-modal-add-accessory-coverages">
                        <input type="hidden" name="status" value="1">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="life_product_condition_id">{{ __('locale.Table.Products.Life.Column.life_product_condition_id') }}</label>
                                    <select class="form-select" name="life_product_condition_id"
                                        id="life_product_condition_id" required>
                                        <!-- Opções aqui-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="funeral_financial_assistence">{{ __('locale.Table.Products.Life.Column.funeral_financial_assistence') }}</label>
                                    <select class="form-select" name="funeral_financial_assistence"
                                        id="funeral_financial_assistence" required>
                                        <!-- Opções aqui-->
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="funeral_assistence">{{ __('locale.Table.Products.Life.Column.funeral_assistence') }}</label>
                                    <select class="form-select" name="funeral_assistence" id="funeral_assistence"
                                        required>
                                        <!-- Opções aqui-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="basic_basket">{{ __('locale.Table.Products.Life.Column.basic_basket') }}</label>
                                    <select class="form-select" name="basic_basket" id="basic_basket" required>
                                        <!-- Opções aqui-->
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="telemedicine">{{ __('locale.Table.Products.Life.Column.telemedicine') }}</label>
                                    <select class="form-select" name="telemedicine" id="telemedicine" required>
                                        <!-- Opções aqui-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="pharmacy_discount">{{ __('locale.Table.Products.Life.Column.pharmacy_discount') }}</label>
                                    <select class="form-select" name="pharmacy_discount" id="pharmacy_discount" required>
                                        <!-- Opções aqui-->
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="birth_kit">{{ __('locale.Table.Products.Life.Column.birth_kit') }}</label>
                                    <select class="form-select" name="birth_kit" id="birth_kit" required>
                                        <!-- Opções aqui-->
                                    </select>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnModalAddCompanyType"
                        class="btn btn-primary">{{ __('locale.Pages.Company.Button.Add') }}</button>
                </div>
            </div>
        </div>
    </div>
    <!--Modal Condition Assintent-->

    <!--Modal Condition Award Information-->
    <div class="modal fade text-start" id="modalAddConditionAwardInformation" tabindex="-1"
        aria-labelledby="modal_condition_award_information" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="modal_condition_assintent">
                        {{ __('locale.Table.Products.Life.Column.Condition.Assintent') }}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h5>{{ __('locale.Table.Products.Life.Column.AddCondition') }}</h5>
                    <form id="form-modal-add-accessory-coverages">
                        <input type="hidden" name="status" value="1">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="life_product_condition_id">{{ __('locale.Table.Products.Life.Column.life_product_condition_id') }}</label>
                                    <input type="number" id="life_product_condition_id" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.life_product_condition_id') }}"
                                        name="life_product_condition_id" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="average_tax">{{ __('locale.Table.Products.Life.Column.average_tax') }}</label>
                                    <input type="number" id="average_tax" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.average_tax') }}"
                                        name="average_tax" />
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnModalAddCompanyType"
                        class="btn btn-primary">{{ __('locale.Pages.Company.Button.Add') }}</button>
                </div>
            </div>
        </div>
    </div>
    <!--Modal Condition Award Information-->

    <!--Modal Condition Discount Policies-->
    <div class="modal fade text-start" id="modalAddConditionDiscountPolicies" tabindex="-1"
        aria-labelledby="modal_condition_discount_policies" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="modal_condition_assintent">
                        {{ __('locale.Table.Products.Life.Column.Condition.Assintent') }}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h5>{{ __('locale.Table.Products.Life.Column.AddCondition') }}</h5>
                    <form id="form-modal-add-accessory-coverages">
                        <input type="hidden" name="status" value="1">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="life_product_condition_id">{{ __('locale.Table.Products.Life.Column.life_product_condition_id') }}</label>
                                    <input type="text" id="life_product_condition_id" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.life_product_condition_id') }}"
                                        name="life_product_condition_id" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="holder_policy_discount_percent">{{ __('locale.Table.Products.Life.Column.holder_policy_discount_percent') }}</label>
                                    <input type="text" id="holder_policy_discount_percent" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.holder_policy_discount_percent') }}"
                                        name="holder_policy_discount_percent" />
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="holder_policy_discount_contribution_value">{{ __('locale.Table.Products.Life.Column.holder_policy_discount_contribution_value') }}</label>
                                    <input type="text" id="holder_policy_discount_contribution_value"
                                        class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.holder_policy_discount_contribution_value') }}"
                                        name="holder_policy_discount_contribution_value" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="dependent_policy_discount_percent">{{ __('locale.Table.Products.Life.Column.dependent_policy_discount_percent') }}</label>
                                    <input type="text" id="dependent_policy_discount_percent" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.dependent_policy_discount_percent') }}"
                                        name="dependent_policy_discount_percent" />
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="dependent_policy_discount_contribution_value">{{ __('locale.Table.Products.Life.Column.dependent_policy_discount_contribution_value') }}</label>
                                    <input type="text" id="dependent_policy_discount_contribution_value"
                                        class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.dependent_policy_discount_contribution_value') }}"
                                        name="dependent_policy_discount_contribution_value" />
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnModalAddCompanyType"
                        class="btn btn-primary">{{ __('locale.Pages.Company.Button.Add') }}</button>
                </div>
            </div>
        </div>
    </div>
    <!--Modal Condition Discount Policies-->

    <!--Modal Condition Eligibilities-->
    <div class="modal fade text-start" id="modalAddConditionEligibilities" tabindex="-1"
        aria-labelledby="modal_condition_eligibilities" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="modal_condition_assintent">
                        {{ __('locale.Table.Products.Life.Column.Condition.Eligibilities') }}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h5>{{ __('locale.Table.Products.Life.Column.AddCondition') }}</h5>
                    <form id="form-modal-add-accessory-coverages">
                        <input type="hidden" name="status" value="1">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="life_product_condition_id">{{ __('locale.Table.Products.Life.Column.life_product_condition_id') }}</label>
                                    <input type="number" id="life_product_condition_id" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.life_product_condition_id') }}"
                                        name="life_product_condition_id" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="role">{{ __('locale.Table.Products.Life.Column.role') }}</label>
                                    <select class="form-select" name="role" id="role" required>
                                        <!-- Adicione as opções conforme necessário -->
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="capital_limit">{{ __('locale.Table.Products.Life.Column.capital_limit') }}</label>
                                    <input type="number" id="capital_limit" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.capital_limit') }}"
                                        name="capital_limit" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="coverage">{{ __('locale.Table.Products.Life.Column.coverage') }}</label>
                                    <input type="number" id="coverage" class="form-control"
                                        placeholder="{{ __('locale.Table.Products.Life.Column.coverage') }}"
                                        name="coverage" />
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnModalAddCompanyType"
                        class="btn btn-primary">{{ __('locale.Pages.Company.Button.Add') }}</button>
                </div>
            </div>
        </div>
    </div>
    <!--Modal Condition Eligibilities-->

    <!--Modal Condition Group Characteristics-->
    <div class="modal fade text-start" id="modalAddConditionGroupCharacteristics" tabindex="-1"
        aria-labelledby="modal_condition_group_characteristics" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="modal_condition_assintent">
                        {{ __('locale.Table.Products.Life.Column.Condition.Eligibilities') }}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h5>{{ __('locale.Table.Products.Life.Column.AddCondition') }}</h5>
                    <form id="form-modal-add-accessory-coverages">
                        <input type="hidden" name="status" value="1">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="life_product_condition_id">{{ __('locale.Table.Products.Life.Column.life_product_condition_id') }}</label>
                                    <select class="form-select" name="life_product_condition_id"
                                        id="life_product_condition_id" required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="aggregate_inclusions">{{ __('locale.Table.Products.Life.Column.aggregate_inclusions') }}</label>
                                    <select class="form-select" name="aggregate_inclusions" id="aggregate_inclusions"
                                        required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="children_acceptance">{{ __('locale.Table.Products.Life.Column.children_acceptance') }}</label>
                                    <select class="form-select" name="children_acceptance" id="children_acceptance"
                                        required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="children_age">{{ __('locale.Table.Products.Life.Column.children_age') }}</label>
                                    <select class="form-select" name="children_age" id="children_age" required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="spouse_acceptance">{{ __('locale.Table.Products.Life.Column.spouse_acceptance') }}</label>
                                    <select class="form-select" name="spouse_acceptance" id="spouse_acceptance"
                                        required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_away">{{ __('locale.Table.Products.Life.Column.has_away') }}</label>
                                    <select class="form-select" name="has_away" id="has_away" required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_inactives">{{ __('locale.Table.Products.Life.Column.has_inactives') }}</label>
                                    <select class="form-select" name="has_inactives" id="has_inactives" required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_homecare">{{ __('locale.Table.Products.Life.Column.has_homecare') }}</label>
                                    <select class="form-select" name="has_homecare" id="has_homecare" required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_redeemed">{{ __('locale.Table.Products.Life.Column.has_redeemed') }}</label>
                                    <select class="form-select" name="has_redeemed" id="has_redeemed" required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_interns">{{ __('locale.Table.Products.Life.Column.has_interns') }}</label>
                                    <select class="form-select" name="has_interns" id="has_interns" required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_pregnant_women">{{ __('locale.Table.Products.Life.Column.has_pregnant_women') }}</label>
                                    <select class="form-select" name="has_pregnant_women" id="has_pregnant_women"
                                        required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_chronic_cases">{{ __('locale.Table.Products.Life.Column.has_chronic_cases') }}</label>
                                    <select class="form-select" name="has_chronic_cases" id="has_chronic_cases"
                                        required>
                                        <!-- Adicione as opções-->
                                    </select>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnModalAddCompanyType"
                        class="btn btn-primary">{{ __('locale.Pages.Company.Button.Add') }}</button>
                </div>
            </div>
        </div>
    </div>
    <!--Modal Condition Group Characteristics-->

    <!--Modal Condition Standard Coverages-->
    <div class="modal fade text-start" id="modalAddConditionStandardCoverages" tabindex="-1"
        aria-labelledby="modal_condition_standard_coverages" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="modal_condition_standard_coverages">
                        {{ __('locale.Table.Products.Life.Column.Condition.Eligibilities') }}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h5>{{ __('locale.Table.Products.Life.Column.AddCondition') }}</h5>
                    <form id="form-modal-add-accessory-coverages">
                        <input type="hidden" name="status" value="1">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="life_product_condition_id">{{ __('locale.Table.Products.Life.Column.life_product_condition_id') }}</label>
                                    <select class="form-select" name="life_product_condition_id"
                                        id="life_product_condition_id" required>
                                        <!-- Adicione as opções conforme necessário -->
                                        <option value="1">Opção 1</option>
                                        <option value="2">Opção 2</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="accidental_death">{{ __('locale.Table.Products.Life.Column.accidental_death') }}</label>
                                    <select class="form-select" name="accidental_death" id="accidental_death"
                                        required>
                                        <!-- Adicione as opções conforme necessário -->
                                        <option value="1">Opção 1</option>
                                        <option value="2">Opção 2</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="death">{{ __('locale.Table.Products.Life.Column.death') }}</label>
                                    <select class="form-select" name="death" id="death" required>
                                        <!-- Adicione as opções conforme necessário -->
                                        <option value="1">Opção 1</option>
                                        <option value="2">Opção 2</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="ipt_ipa">{{ __('locale.Table.Products.Life.Column.ipt_ipa') }}</label>
                                    <select class="form-select" name="ipt_ipa" id="ipt_ipa" required>
                                        <!-- Adicione as opções conforme necessário -->
                                        <option value="1">Opção 1</option>
                                        <option value="2">Opção 2</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="ipd">{{ __('locale.Table.Products.Life.Column.ipd') }}</label>
                                    <select class="form-select" name="ipd" id="ipd" required>
                                        <!-- Adicione as opções conforme necessário -->
                                        <option value="1">Opção 1</option>
                                        <option value="2">Opção 2</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnModalAddCompanyType"
                        class="btn btn-primary">{{ __('locale.Pages.Company.Button.Add') }}</button>
                </div>
            </div>
        </div>
    </div>
    <!--Modal Condition Standard Coverages-->


@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>

@endsection
@section('page-script')
    <script>
        let formRules = {
            supplier_id: {
                required: true
            },
            policy: {
                required: true
            },
            type_closure: {
                required: true
            },
            previous_supplier_id: {
                required: true
            },
            brokerage_loss_id: {
                required: true
            },
            brokerage_earn_id: {
                required: true
            },
            intermediation_model: {
                required: true
            },
            charge_type: {
                required: true
            },
            due_date: {
                required: true,
            },
            contract: {
                required: true,
            },
            stipulator: {
                required: true,
            },
            company_destined_branch: {
                required: true,
            },
            policy_anniversary: {
                required: true,
            },
            number_lives: {
                required: true
            },
            portifolio_type_analysis: {
                required: true
            },
            has_iof: {
                required: true
            },
            type_inflation_index: {
                required: true
            },
            contractual_minium_lives: {
                required: true
            },
            has_scheduled_inclusion_rules: {
                required: true
            },
            max_inclusion_age: {
                required: true
            },
            group_model: {
                required: true
            },
            payment_model: {
                required: true
            },
            contract_time: {
                required: true
            },
            contribution_plan: {
                required: true
            },
            inactive_billing_type: {
                required: true
            },
            negotiaded_particulars: {
                required: true
            },
            capital_type: {
                required: true
            },
            dps_rules: {
                required: true
            },
            maxium_capital_limit: {
                required: true
            },
            technical_surplus: {
                required: true
            },
            administrative_costs: {
                required: true
            },
            commercial_costs: {
                required: true
            },
            ibnr: {
                required: true
            },
            surplus_return_percentage: {
                required: true
            },

        }

        $(function() {

            $.validator.addMethod("cpfcnpj", brdocs.cpfcnpjValidator,
                "{{ __('locale.Table.Holders.Column.Validatorcpfcnpj') }}");

            //modal type
            'use strict';

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

            $("#cpf").on("keyup", function() {

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

                if (!validations.cpf.isValid(cpf)) {
                    $("#Holder-information .btn-next").attr(
                        '{{ __('locale.Table.Holders.Column.Disabled') }}',
                        '{{ __('locale.Table.Holders.Column.Disabled') }}');
                } else {
                    $("#Holder-information .btn-next").removeAttr(
                        '{{ __('locale.Table.Holders.Column.Disabled') }}');
                }

            });

            var bsStepper = document.querySelectorAll('.bs-stepper'),
                select = $('.select2'),
                horizontalWizard = document.querySelector('.horizontal-wizard-example'),
                verticalWizard = document.querySelector('.vertical-wizard-example'),
                modernWizard = document.querySelector('.modern-wizard-example'),
                modernVerticalWizard = document.querySelector('.modern-vertical-wizard-example');
            if (typeof bsStepper !== undefined && bsStepper !== null) {
                for (var el = 0; el < bsStepper.length; ++el) {
                    bsStepper[el].addEventListener('show.bs-stepper', function(event) {
                        var index = event.detail.indexStep;
                        var numberOfSteps = $(event.target).find('.step').length - 1;
                        var line = $(event.target).find('.step');

                        // The first for loop is for increasing the steps,
                        // the second is for turning them off when going back
                        // and the third with the if statement because the last line
                        // can't seem to turn off when I press the first item. ¯\(ツ)/¯

                        for (var i = 0; i < index; i++) {
                            line[i].classList.add('crossed');

                            for (var j = index; j < numberOfSteps; j++) {
                                line[j].classList.remove('crossed');
                            }
                        }
                        if (event.detail.to == 0) {
                            for (var k = index; k < numberOfSteps; k++) {
                                line[k].classList.remove('crossed');
                            }
                            line[0].classList.remove('crossed');
                        }
                    });
                }
            }

            // 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 numberedStepper = new Stepper(horizontalWizard),
                    $form = $(horizontalWizard).find('form');
                $form.each(function() {
                    var $this = $(this);
                    $this.validate({
                        rules: formRules
                    });
                });

                if (typeof horizontalWizard !== undefined && horizontalWizard !== null) {
                    var numberedStepper = new Stepper(horizontalWizard),
                        $form = $(horizontalWizard).find('form');
                    $form.each(function() {
                        var $this = $(this);
                        $this.validate({});
                    });

                    window.numberedStepper = numberedStepper;

                    $(horizontalWizard)
                        .find('.btn-next')
                        .each(function() {
                            $(this).on('click', function(e) {
                                var isValid = $(this).parent().siblings('form').valid();
                                if (isValid) {
                                    numberedStepper.next();
                                    console.log('valid');
                                } else {
                                    e.preventDefault();
                                    console.log('error');
                                }
                            });
                        });

                    $(horizontalWizard)
                        .find('.btn-prev')
                        .on('click', function() {
                            numberedStepper.previous();
                        });

                    $(horizontalWizard)
                        .find('.btn-submit')
                        .on('click', async function() {
                            var isValid = $(this).parent().siblings('form').valid();
                            if (isValid) {

                                let json = {};

                                $(".bs-stepper-content form").each((i, e) => {
                                    let form_data_json = Object.fromEntries((new FormData(e))
                                        .entries())
                                    json = {
                                        ...json,
                                        ...form_data_json
                                    }
                                })

                                let {
                                    data: Holder,
                                    ...response
                                } = await axios({
                                    url: "#",
                                    method: 'post',
                                    data: json,
                                    headers: {
                                        "Authorization": "Bearer {{ session('Authorization') }}"
                                    }
                                }).catch((e) => {

                                    let response = e.response;

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

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

                                        Swal.fire({
                                            title: 'Ops!',
                                            text: '{{ __('locale.Table.Holders.Column.RegisterError') }}',
                                            icon: 'error',
                                            cancelButtonText: '{{ __('locale.Table.Holders.Column.Close') }}'
                                        })

                                    }
                                });


                                let swal = await Swal.fire({
                                    title: 'Uhuul!',
                                    text: '{{ __('locale.Table.Holders.Column.RegisterSuccess') }}',
                                    icon: 'success'
                                })

                                if (swal.isConfirmed) {
                                    window.location.href = `#`
                                }

                                $('.btn-submit').on('click', function() {
                                    window.location.href = '#';
                                });

                            }
                        });
                }
            }


            // for test
            // let page = 5;
            // for (let i = 1; i < page; i++) {
            // 	numberedStepper.next()
            // }
        });
    </script>
@endsection