@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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                        <input type="text" id="" class="form-control"
                                            placeholder="{{ __('locale.Table.Products.Life.Column.') }}"
                                            name="" required />
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label"
                                            for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                        <input type="text" id="" class="form-control"
                                            placeholder="{{ __('locale.Table.Products.Life.Column.') }}"
                                            name="" required />
                                    </div>
                                </div>
                            </div>

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

                            <div class="row">
                                <div class="col-md-12 col-12">
                                    <div class="mb-1">
                                        <label class="form-label"
                                            for="">{{ __('locale.Table.Products.Life.Column.previous_') }}</label>
                                        <select class="form-select" name="" id=""
                                            required>
                                            <option value="0">{{ __('locale.Table.Products.Life.Column.information') }}
                                            </option>
                                        </select>
                                    </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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="text" id="" class="form-control" placeholder="{{ __('locale.Table.Products.Life.Column.') }}" name="contract" required />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="text" id="" class="form-control" placeholder="{{ __('locale.Table.Products.Life.Column.') }}" name="" required />
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="text" id="" class="form-control" placeholder="{{ __('locale.Table.Products.Life.Column.') }}" name="" required />
                            </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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="number" id="" class="form-control" name="" required />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.30') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.60') }}</option>
                                    <option value="2">{{ __('locale.Table.Products.Life.Column.90') }}</option>
                                    <option value="3">{{ __('locale.Table.Products.Life.Column.120') }}</option>
                                    <option value="4">{{ __('locale.Table.Products.Life.Column.180') }}</option>
                                    <option value="5">{{ __('locale.Table.Products.Life.Column.MoreThan180') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="text" id="" class="form-control" name="" />
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="text" id="" class="form-control" name="" />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Column.Accession') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.Compulsory') }}</option>
                                </select>
                            </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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.12') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.24') }}</option>
                                    <option value="2">{{ __('locale.Table.Products.Life.36') }}</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.negotiaded_particulars') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" required>
                                    <option value="0">{{ __('locale.Table.Products.Life.Age') }}</option>
                                    <option value="1">{{ __('locale.Table.Products.Life.Column.Value') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="text" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="number" id="" class="form-control" name="" required />
                            </div>
                        </div>
                    </div>

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

                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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>
                </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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="date" id="" class="form-control" placeholder="{{ __('locale.Table.Products.Life.Column.') }}"name="policy_anniversary" required />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="number" id="" class="form-control"placeholder="{{ __('locale.Table.Products.Life.Column.') }}" name="" required />
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <input type="number" id="" class="form-control"placeholder="{{ __('locale.Table.Products.Life.Column.') }}" name="iof" />
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <select class="form-select" name="" id="" 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-12 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="">{{ __('locale.Table.Products.Life.Column.') }}</label>
                                <textarea id="" class="form-control" placeholder="{{ __('locale.Table.Products.Life.Column.') }}" name="rule_breach_contract"></textarea>
                            </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>
@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')

@endsection