@extends('layouts/contentLayoutMaster')

@section('title', __('locale.Pages.Company.Title'))

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

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

@section('content')


<section id="multiple-column-form">
    <div class="row">
        <div class="col-12">
            <form class="form-add-company">
                @csrf
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{ __('locale.Pages.Company.Title') }}</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="group_id">{{ __('locale.Table.Company.Column.Group') }}</label>
                                    <select class="form-select" name="group_id" id="group_id" required>
                                        <option value="" disabled selected>Selecione um grupo</option>
                                        @if ($groups)
                                        @foreach ($groups as $group)
                                        <option value="{{ $group->id }}">{{ $group->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="name">{{ __('locale.Pages.Company.Table.Name') }}</label>
                                    <input type="text" id="name" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.Name') }}"
                                        name="name" required />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="branch">{{ __('locale.Table.Company.Column.Branch') }}</label>
                                    <input type="text" id="branch" class="form-control" autocomplete="off" placeholder="{{ __('locale.Table.Company.Column.Branch') }}"
                                        name="branch" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="cnpj">{{ __('locale.Table.Company.Column.Cnpj') }}</label>
                                    <input type="text" id="cnpj" class="form-control" autocomplete="off" data-mask="00.000.000/0000-00" placeholder="{{ __('locale.Table.Company.Column.Cnpj') }}"
                                        name="cnpj" required />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="parameter_id">{{ __('locale.Table.Company.Column.Parameter') }}</label>
                                    <select class="form-select" name="parameter_id" id="parameter_id" required>
                                        <option value="" disabled selected>Selecione uma empresa</option>
                                        @if ($parameters)
                                        @foreach ($parameters as $parameter)
                                        <option value="{{ $parameter->id }}">{{ $parameter->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="opening_date">{{ __('locale.Table.Company.Column.OpeningDate') }}</label>
                                    <input type="date" name="opening_date"
                                    id="opening_date" class="form-control" placeholder="{{ __('locale.Table.Company.Column.OpeningDate') }}"
                                    aria-label="Opening Date" />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="type">{{ __('locale.Pages.Company.Table.Type') }}</label>
                                    <select class="form-select" name="type" id="type" required>
                                        <option value="" disabled selected>Selecione um tipo</option>
                                        <option value="1">{{ __('locale.Pages.Company.Value.Filial') }}</option>
                                        <option value="2">{{ __('locale.Pages.Company.Value.Headquarters') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="company_characteristic_id">{{ __('locale.Pages.Company.Table.CompanyCharacteristic') }}</label>
                                    <select class="form-select" name="company_characteristic_id" id="company_characteristic_id" required>
                                        <option value="" disabled selected>Selecione um grupo</option>
                                        @if ($company_characteristics)
                                        @foreach ($company_characteristics as $company_characteristic)
                                        <option value="{{ $company_characteristic->id }}">{{ $company_characteristic->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="url">{{ __('locale.Pages.Company.Table.CompanyWebsite') }}</label>
                                    <input type="text" name="url"
                                    id="url" class="form-control" placeholder="{{ __('locale.Pages.Company.Table.CompanyWebsite') }}"
                                     />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{ __('locale.Pages.Company.Table.Address') }}</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="zip_code">{{ __('locale.Pages.Company.Table.ZipCode') }}</label>
                                    <input type="number" id="zip_code" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.ZipCode') }}"
                                        name="zip_code" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="address">{{ __('locale.Pages.Company.Table.Address') }}</label>
                                    <input type="text" id="address" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.Address') }}"
                                        name="address" required />
                                </div>
                            </div>
                            
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="district">{{ __('locale.Pages.Company.Table.District') }}</label>
                                    <input type="text" id="district" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.District') }}"
                                        name="district" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="zone">{{ __('locale.Pages.Company.Table.Zone') }}</label>
                                    <input type="text" id="zone" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.Zone') }}"
                                        name="zone" />
                                </div>
                            </div>
                            
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="city">{{ __('locale.Pages.Company.Table.City') }}</label>
                                    <input type="text" id="city" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.City') }}"
                                        name="city" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="state">{{ __('locale.Pages.Company.Table.State') }}</label>
                                    <input type="text" id="state" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.State') }}"
                                        name="state" required />
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{ __('locale.Pages.Company.TitleBusiness') }}</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="company_type_id">{{ __('locale.Pages.Company.Table.ActivityBranch') }}</label>
                                    <select class="select2" name="company_type_id[]" id="company_type_id" required multiple>
                                        <option value="" disabled></option>
                                        @if ($company_types)
                                        @foreach ($company_types as $company_type)
                                        <option value="{{ $company_type->id }}">{{ $company_type->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="size">{{ __('locale.Pages.Company.Table.Size') }}</label>
                                    <select class="form-select" name="size" id="size" required>
                                        <option value="" disabled selected>Selecione um porte</option>
                                        <option value="1">{{ __('locale.Pages.Company.Value.SME') }}</option>
                                        <option value="2">{{ __('locale.Pages.Company.Value.Business') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="witness_one">{{ __('locale.Pages.Company.Table.WitnessOne') }}</label>
                                    <input type="text" id="witness_one" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.WitnessOne') }}"
                                        name="witness_one" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="witness_two">{{ __('locale.Pages.Company.Table.WitnessTwo') }}</label>
                                    <input type="text" id="witness_two" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.WitnessTwo') }}"
                                        name="witness_two" required />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{ __('locale.Pages.Company.TitleLink') }}</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="status">{{ __('locale.Pages.Company.Status.Status') }}</label>
                                    <select class="form-select" name="status" id="status" required disabled>
                                        {{-- <option value="" disabled selected>Selecione um status</option> --}}
                                        <option value="1" selected>{{ __('locale.Pages.Company.Value.Active') }}</option>
                                        <option value="2">{{ __('locale.Pages.Company.Value.Inactive') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="inactive_date">{{ __('locale.Pages.Company.Value.InactiveDate') }}</label>
                                    <input type="date" name="inactive_date"
                                    id="inactive_date" class="form-control" placeholder="{{ __('locale.Pages.Company.Value.InactiveDate') }}"
                                    aria-label="Inactive Date" disabled/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="reason_inactivation">{{ __('locale.Pages.Company.Table.ReasonInactivation') }}</label>
                                    <input type="text" id="reason_inactivation" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.ReasonInactivation') }}"
                                        name="reason_inactivation" required disabled/>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="contact_id">{{ __('locale.Pages.Company.Table.ContactResponsible') }}</label>
                                    <select class="form-select" name="contact_id" id="contact_id" required disabled>
                                        <option value="" disabled selected>Selecione um contato</option>
                                        @if ($contacts)
                                        @foreach ($contacts as $contact)
                                        <option value="{{ $contact->id }}">{{ $contact->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="company_origin_closure_id">{{ __('locale.Pages.Company.Table.OriginClosure') }}</label>
                                    <select class="form-select" name="company_origin_closure_id" id="company_origin_closure_id" required>
                                        <option value="" disabled selected>Selecione um origem de fechamento</option>
                                        @if ($origin_closures)
                                        @foreach ($origin_closures as $origin_closure)
                                        <option value="{{ $origin_closure->id }}">{{ $origin_closure->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="partner_id">{{ __('locale.Pages.Company.Table.Partner') }}</label>
                                    <select class="form-select" name="partner_id" id="partner_id" required>
                                        <option value="" disabled selected>Selecione um origem de fechamento</option>
                                        @if ($partners)
                                        @foreach ($partners as $partner)
                                        <option value="{{ $partner->id }}">{{ $partner->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="relationship_level">{{ __('locale.Pages.Company.Table.RelationshipLevel') }}</label>
                                    <select class="form-select" name="relationship_level" id="relationship_level" required>
                                        <option value="" disabled selected>Selecione um nivel</option>
                                        <option value="1">{{ __('locale.Pages.Company.Value.Cold') }}</option>
                                        <option value="2">{{ __('locale.Pages.Company.Value.Warm') }}</option>
                                        <option value="3">{{ __('locale.Pages.Company.Value.Hot') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="company_curve_id">{{ __('locale.Pages.Company.Table.Curve') }}</label>
                                    <select class="form-select" name="company_curve_id" id="company_curve_id" required>
                                        <option value="" disabled selected>Selecione um origem de fechamento</option>
                                        @if ($curves)
                                        @foreach ($curves as $curve)
                                        <option value="{{ $curve->id }}">{{ $curve->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title">{{ __('locale.Pages.Company.TitleCharacteristics') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="company_capital">{{ __('locale.Pages.Company.Table.CompanyCapital') }}</label>
                                    <select class="form-select" name="company_capital" id="company_capital" required>
                                        <option value="" disabled selected>Selecione um capital</option>
                                        <option value="1">{{ __('locale.Pages.Company.Value.National') }}</option>
                                        <option value="2">{{ __('locale.Pages.Company.Value.Multinational') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="company_origin_id">{{ __('locale.Pages.Company.Table.Origen') }}</label>
                                    <select class="form-select" name="company_origin_id" id="company_origin_id" required>
                                        <option value="" disabled selected>Selecione um origem</option>
                                        @if ($origins)
                                        @foreach ($origins as $origin)
                                        <option value="{{ $origin->id }}">{{ $origin->country }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_contract_pj">{{ __('locale.Pages.Company.Table.HasPJService') }}</label>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_contract_pj_yes">{{ __('locale.Pages.Company.RadioButton.Yes') }}</label>
                                        <input class="form-check-input" type="radio" id="has_contract_pj_yes"
                                            name="has_contract_pj" value="1" checked>
                                    </div>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_contract_pj_no">{{ __('locale.Pages.Company.RadioButton.No') }}</label>
                                        <input class="form-check-input" type="radio" id="has_contract_pj_no"
                                            name="has_contract_pj" value="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_invoice_pj">{{ __('locale.Pages.Company.Table.HasInvoceService') }}</label>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_invoice_pj_yes">{{ __('locale.Pages.Company.RadioButton.Yes') }}</label>
                                        <input class="form-check-input" type="radio" id="has_invoice_pj_yes"
                                            name="has_invoice_pj" value="1" checked>
                                    </div>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_invoice_pj_no">{{ __('locale.Pages.Company.RadioButton.No') }}</label>
                                        <input class="form-check-input" type="radio" id="has_invoice_pj_no"
                                            name="has_invoice_pj" value="0">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="flexible_benefits">{{ __('locale.Pages.Company.Table.FlexibleBenefits') }}</label>
                                    <div>
                                        <label class="form-check-label"
                                            for="flexible_benefits_yes">{{ __('locale.Pages.Company.RadioButton.Yes') }}</label>
                                        <input class="form-check-input" type="radio" id="flexible_benefits_yes"
                                            name="flexible_benefits" value="1" checked>
                                    </div>
                                    <div>
                                        <label class="form-check-label"
                                            for="flexible_benefits_no">{{ __('locale.Pages.Company.RadioButton.No') }}</label>
                                        <input class="form-check-input" type="radio" id="flexible_benefits_no"
                                            name="flexible_benefits" value="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="platform_flexible_benefits">{{ __('locale.Pages.Company.Table.PlatformFlexibleBenefits') }}</label>
                                    <input type="text" id="platform_flexible_benefits" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.PlatformFlexibleBenefits') }}"
                                        name="platform_flexible_benefits"/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="company_payroll">{{ __('locale.Pages.Company.Table.CompanyPayroll') }}</label>
                                    <input type="text" id="company_payroll" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.CompanyPayroll') }}"
                                        name="company_payroll" required/>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_outpost">{{ __('locale.Pages.Company.Table.HasOutpost') }}</label>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_outpost_yes">{{ __('locale.Pages.Company.RadioButton.Yes') }}</label>
                                        <input class="form-check-input" type="radio" id="has_outpost_yes"
                                            name="has_outpost" value="1" checked>
                                    </div>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_outpost_no">{{ __('locale.Pages.Company.RadioButton.No') }}</label>
                                        <input class="form-check-input" type="radio" id="has_outpost_no"
                                            name="has_outpost" value="0">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_doctor_company">{{ __('locale.Pages.Company.Table.HasDoctorCompany') }}</label>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_doctor_company_yes">{{ __('locale.Pages.Company.RadioButton.Yes') }}</label>
                                        <input class="form-check-input" type="radio" id="has_doctor_company_yes"
                                            name="has_doctor_company" value="1" checked>
                                    </div>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_doctor_company_no">{{ __('locale.Pages.Company.RadioButton.No') }}</label>
                                        <input class="form-check-input" type="radio" id="has_doctor_company_no"
                                            name="has_doctor_company" value="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="doctor_company">{{ __('locale.Pages.Company.Value.HowMany') }}</label>
                                    <input type="number" id="doctor_company" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Value.HowMany') }}"
                                        name="doctor_company"/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_nursing_company">{{ __('locale.Pages.Company.Table.HasNursingCompany') }}</label>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_nursing_company_yes">{{ __('locale.Pages.Company.RadioButton.Yes') }}</label>
                                        <input class="form-check-input" type="radio" id="has_nursing_company_yes"
                                            name="has_nursing_company" value="1" checked>
                                    </div>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_nursing_company_no">{{ __('locale.Pages.Company.RadioButton.No') }}</label>
                                        <input class="form-check-input" type="radio" id="has_nursing_company_no"
                                            name="has_nursing_company" value="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="nursing_company">{{ __('locale.Pages.Company.Value.HowMany') }}</label>
                                    <input type="number" id="nursing_company" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Value.HowMany') }}"
                                        name="nursing_company"/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="has_outpatient_company">{{ __('locale.Pages.Company.Table.HasOutpatientCompany') }}</label>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_outpatient_company_yes">{{ __('locale.Pages.Company.RadioButton.Yes') }}</label>
                                        <input class="form-check-input" type="radio" id="has_outpatient_company_yes"
                                            name="has_outpatient_company" value="1" checked>
                                    </div>
                                    <div>
                                        <label class="form-check-label"
                                            for="has_outpatient_company_no">{{ __('locale.Pages.Company.RadioButton.No') }}</label>
                                        <input class="form-check-input" type="radio" id="has_outpatient_company_no"
                                            name="has_outpatient_company" value="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="outpatient_company">{{ __('locale.Pages.Company.Value.HowMany') }}</label>
                                    <input type="number" id="outpatient_company" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Value.HowMany') }}"
                                        name="outpatient_company"/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="system_payroll">{{ __('locale.Pages.Company.Table.SystemPayroll') }}</label>
                                    <input type="text" id="system_payroll" class="form-control" autocomplete="off" placeholder="{{ __('locale.Pages.Company.Table.SystemPayroll') }}"
                                        name="system_payroll" required/>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="type_visit">{{ __('locale.Pages.Company.Table.VisitType') }}</label>
                                    <select class="form-select" name="type_visit" id="type_visit" required>
                                        <option value="" disabled selected>Selecione um tipo de visita</option>
                                        <option value="1">{{ __('locale.Pages.Company.Option.Personally') }}</option>
                                        <option value="2">{{ __('locale.Pages.Company.Option.Online') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="frequency_visit">{{ __('locale.Pages.Company.Table.VisitFrequency') }}</label>
                                    <select class="form-select" name="frequency_visit" id="frequency_visit" required>
                                        <option value="" disabled selected>Selecione uma frequência de visita</option>
                                        <option value="1">{{ __('locale.Pages.Company.Option.Weekly') }}</option>
                                        <option value="2">{{ __('locale.Pages.Company.Option.Fortnightly') }}</option>
                                        <option value="3">{{ __('locale.Pages.Company.Option.Monthly') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="list_documents">{{ __('locale.Pages.Company.Table.DocumentList') }}</label>
                                    <input type="file" name="list_documents[]"
                                        id="list_documents" class="form-control" multiple>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="row">    
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary me-1" id="btnAddBrokers">{{ __('locale.Table.partner.Column.AddButton') }}</button>
                                <button type="reset" class="btn btn-outline-secondary" id="btnReset">{{ __('locale.Table.partner.Column.BackButton') }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </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')
    <script>
        $(document).ready(function() {
            $('input[name="has_doctor_company"]').on("change", function() {

                if ($('#has_doctor_company_yes').is(':checked')) {
                    
                    $("#doctor_company").prop("disabled", false);
                    $("#doctor_company").prop("required", true);

                } else if ($('#has_doctor_company_no').is(':checked')) {
                    
                    $("#doctor_company").prop("disabled", true);
                    $("#doctor_company").val('');
                    $("#doctor_company").prop("required", false);

                }
            });

            $('input[name="has_nursing_company"]').on("change", function() {

                if ($('#has_nursing_company_yes').is(':checked')) {
                    
                    $("#nursing_company").prop("disabled", false);
                    $("#nursing_company").prop("required", true);

                } else if ($('#has_nursing_company_no').is(':checked')) {
                    
                    $("#nursing_company").prop("disabled", true);
                    $("#nursing_company").val('');
                    $("#nursing_company").prop("required", false);

                }
            });

            $('input[name="has_outpatient_company"]').on("change", function() {

                if ($('#has_outpatient_company_yes').is(':checked')) {
                    
                    $("#outpatient_company").prop("disabled", false);
                    $("#outpatient_company").prop("required", true);

                } else if ($('#has_outpatient_company_no').is(':checked')) {
                    
                    $("#outpatient_company").prop("disabled", true);
                    $("#outpatient_company").val('');
                    $("#outpatient_company").prop("required", false);

                }
            });

            $('input[name="flexible_benefits"]').on("change", function() {

                if ($('#flexible_benefits_yes').is(':checked')) {
                    
                    $("#platform_flexible_benefits").prop("disabled", false);
                    $("#platform_flexible_benefits").prop("required", true);

                } else if ($('#flexible_benefits_no').is(':checked')) {
                    
                    $("#platform_flexible_benefits").prop("disabled", true);
                    $("#platform_flexible_benefits").val('');
                    $("#platform_flexible_benefits").prop("required", false);

                }
            });
        })

        // document.addEventListener('DOMContentLoaded', function() {

        //     var flexBenefitsRadio = document.getElementsByName("flex_benefits");
        //     var labelPlatformNameFlexBenefits = document.getElementById("label_platform_name_flex_benefits");
        //     var inputPlatformNameFlexBenefits = document.getElementById("platform_name_flex_benefits");

        //     flexBenefitsRadio.forEach(function(radio) {
        //         radio.addEventListener('change', function() {

        //             if (this.value === "1") {
        //                 labelPlatformNameFlexBenefits.style.display = "block";
        //                 inputPlatformNameFlexBenefits.style.display = "block";
        //             } else {
        //                 labelPlatformNameFlexBenefits.style.display = "none";
        //                 inputPlatformNameFlexBenefits.style.display = "none";
        //             }
        //         });
        //     });
        // });

        // window.onload = function() {
        //     var flexBenefitsRadio = document.getElementsByName("flex_benefits");
        //     var labelPlatformNameFlexBenefits = document.getElementById("label_platform_name_flex_benefits");
        //     var inputPlatformNameFlexBenefits = document.getElementById("platform_name_flex_benefits");


        //     ajustarVisibilidade();

        //     flexBenefitsRadio.forEach(function(radio) {
        //         radio.addEventListener('change', function() {

        //             ajustarVisibilidade();
        //         });
        //     });

        //     function ajustarVisibilidade() {
        //         if (flexBenefitsRadio[1].checked) {
        //             labelPlatformNameFlexBenefits.style.display = "block";
        //             inputPlatformNameFlexBenefits.style.display = "block";
        //         } else {
        //             labelPlatformNameFlexBenefits.style.display = "none";
        //             inputPlatformNameFlexBenefits.style.display = "none";
        //         }
        //     }
        // };


        // class Address {

        //     /**
        //      * @type {HTMLFormElement}
        //      */
        //     _form = undefined;
        //     _payload = {};

        //     /**
        //      * @param {HTMLFormElement} address_form
        //      * @return {Address}
        //      */
        //     constructor(address_form) {
        //         this._form = address_form;
        //         return this;
        //     }

        //     setData() {
        //         if (this._form === undefined) return window.alert(
        //             'Você precisa informar o formulário de endereço na inicialização da classe Address');
        //         this._payload = Object.fromEntries((new FormData(this._form)).entries());
        //         return this;
        //     }

        //     /**
        //      * @param {number} company_id
        //      * @return {Address}
        //      */
        //     linkToCompanyId(company_id) {
        //         this._payload.company_id = company_id;
        //         return this;
        //     }

        //     async save() {

        //         if (this._payload.id !== undefined) return true;

        //         let {
        //             data: json,
        //             ...response
        //         } = await axios({
        //                 method: 'post',
        //                 url: `{{ route('api.companies.addresses.store') }}`,
        //                 data: this._payload,
        //                 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: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
        //                         cancelButtonText: "{{ __('locale.Pages.Company.Botton.ToClose') }}"
        //                     })
        //                 } else if (response.status === 404) {
        //                     Swal.fire({
        //                         title: 'Ops!',
        //                         text: "{{ __('locale.Pages.Company.Table.Column.Status404Error') }}",
        //                         icon: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
        //                         cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
        //                     })
        //                 } else {

        //                     Swal.fire({
        //                         title: 'Ops!',
        //                         text: "{{ __('locale.Pages.Company.Table.Column.ErrorForm') }}",
        //                         icon: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
        //                         cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
        //                     })

        //                 }

        //                 return false;

        //             });

        //         if (response.status === 201) {
        //             this._payload.id = json.id;
        //             if (window.toastr !== undefined) {
        //                 window.toastr.success(`Endereço cadastrado`, '✅', {
        //                     positionClass: "toast-top-right",
        //                 })
        //             }
        //             return true;
        //         }

        //         return false;

        //     }

        // }

        // class Characteristics {

        //     /**
        //      * @type {Characteristic[]}
        //      */
        //     _data = [];
        //     _counter = 0;
        //     _select;
        //     _linked = false;

        //     /**
        //      * @param select {HTMLSelectElement}
        //      * @return {Chacarcteristics}
        //      */
        //     constructor(select) {
        //         this._select = select;
        //         this.bindUnselectEvent();
        //     }

        //     bindUnselectEvent() {
        //         $(this._select).on("select2:unselect", (e) => {
        //             let local_id = parseInt($(`option[value="${e.params.data.id}"]`).attr(
        //                 'data-characterisct-class-id'));
        //             this.remove(local_id, e.params.data.id);
        //         });
        //     }

        //     /**
        //      * @return {void}
        //      */
        //     increment() {
        //         this._counter++;
        //     }

        //     /**
        //      * @typedef {Object} Characteristic
        //      * @property {number|undefined} id
        //      * @property {string} name
        //      * @property {number} status
        //      * @property {number|undefined} company_id
        //      *
        //      * @param characteristic {Characteristic}
        //      * @return {void}
        //      */
        //     add(characteristic) {
        //         characteristic.local_id = this._counter;
        //         this._data.push(characteristic);
        //         this.addNewOptionToSelect(characteristic);
        //         this.increment();
        //     }


        //     /**
        //      * @param {number} local_id
        //      * @param {string} option_id
        //      * @return {void}
        //      */
        //     remove(local_id, option_id) {
        //         this._data = this._data.filter((characteristic) => characteristic.local_id !== local_id)
        //         this.removeOptionFromSelect(option_id);
        //     }

        //     /**
        //      * @param characteristic {Characteristic}
        //      * @param selected {boolean}
        //      * @return {void}
        //      */
        //     addNewOptionToSelect(characteristic, selected = true) {
        //         if (this._select !== undefined) {
        //             $(this._select).append(
        //                 `<option data-characterisct-class-id="${this._counter}" value="new-characteristic-${this._counter}" ${selected ? 'selected' : ''}>${characteristic.name}</option>`
        //                 )
        //         }
        //     }

        //     /**
        //      * @param {string} option_id
        //      * @return {void}
        //      */
        //     removeOptionFromSelect(option_id) {
        //         $(`option[value="${option_id}"]`).remove();
        //     }

        //     /**
        //      * @param {number} company_id
        //      * @return {void}
        //      */
        //     linkToCompanyId(company_id) {
        //         if (this._data.length > 0) {
        //             this._data.map((characteristic) => characteristic.company_id = company_id)
        //         }
        //         this._linked = true;
        //     }

        //     /**
        //      * @return {void}
        //      */
        //     removeLinkToCompanyId() {
        //         if (this._data.length > 0) {
        //             this._data.map((characteristic) => delete characteristic.company_id);
        //         }
        //         this._linked = false;
        //     }

        //     async save() {
        //         if (this._data.length > 0 && this._linked) {
        //             for (let index = 0; index < this._data.length; index++) {
        //                 let characteristic = this._data[index];
        //                 if (characteristic.id) continue;
        //                 if (!await this._registerCharacteristic(characteristic, index)) {
        //                     if (window.toastr !== undefined) {
        //                         window.toastr.success(`Característica ${characteristic.name} vinculada`, '✅', {
        //                             positionClass: "toast-top-right",
        //                         })
        //                     }
        //                     break;
        //                 }
        //             }
        //         } else {
        //             console.error('Parâmetros insuficientes para o cadastro das características')
        //         }
        //     }

        //     /**
        //      * @param {Characteristic} characteristic
        //      * @param {number} index
        //      * @return {Promise<boolean>}
        //      */
        //     async _registerCharacteristic(characteristic, index) {

        //         let {
        //             data: json,
        //             ...response
        //         } = await axios({
        //             url: '{{ route('api.companies.characteristics.store') }}',
        //             method: 'post',
        //             data: characteristic,
        //             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: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
        //                     cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
        //                 })
        //             } else if (response.status === 404) {
        //                 Swal.fire({
        //                     title: 'Ops!',
        //                     text: '{{ __('locale.Pages.Company.Table.Column.Status404Error') }}',
        //                     icon: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
        //                     cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
        //                 })
        //             } else {

        //                 Swal.fire({
        //                     title: 'Ops!',
        //                     text: '{{ __('locale.Pages.Company.Table.Column.ErrorForm') }}',
        //                     icon: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
        //                     cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
        //                 })

        //             }

        //             return false;

        //         });

        //         if (response.status === 201) {
        //             this._data[index].id = json.id;
        //             return true;
        //         }

        //         return false;


        //     }

        //     /**
        //      * @return {boolean}
        //      */
        //     mustAdd() {
        //         return Boolean(this._data.length);
        //     }

        // }

        // let formRules = {
        //     group_id: {
        //         required: true
        //     },
        //     name: {
        //         required: true
        //     },
        //     cnpj: {
        //         required: true,
        //         cpfcnpj: brdocs.cpfcnpj.CNPJ
        //     },
        //     type: {
        //         required: true
        //     },
        //     company_type_id: {
        //         required: true
        //     },
        //     company_characteristic_id: {
        //         required: true
        //     },
        //     opening_date: {
        //         required: true
        //     },
        //     url: {
        //         required: false
        //     },
        //     zip_code: {
        //         required: true,
        //     },
        //     address: {
        //         required: true,
        //     },
        //     number: {
        //         required: true,
        //     },
        //     district: {
        //         required: true,
        //     },
        //     city: {
        //         required: true,
        //     },
        //     state: {
        //         required: true,
        //     },
        //     activity_branch: {
        //         required: true
        //     },
        //     country: {
        //         required: true
        //     },
        //     continent: {
        //         required: true
        //     },
        //     size: {
        //         required: true
        //     },
        //     status: {
        //         required: false
        //     },
        //     pj_service_provision: {
        //         required: true
        //     },
        //     pj_invoice: {
        //         required: true
        //     },
        //     curve: {
        //         required: true
        //     },
        //     flex_benefits: {
        //         required: true
        //     },
        //     advanced_post: {
        //         required: true
        //     },
        //     medicals: {
        //         required: true
        //     },
        //     nurses_area: {
        //         required: true
        //     },
        //     outpatients: {
        //         required: true
        //     },
        //     platform_company_sheet: {
        //         required: false
        //     },
        //     visit_type: {
        //         required: true
        //     },
        //     visit_frequency: {
        //         required: true
        //     },
        //     intermediation_model: {
        //         required: true
        //     },
        //     charge_type: {
        //         required: true
        //     },
        //     due_date: {
        //         required: true
        //     },
        // }

        $(function() {

            // $.validator.addMethod("cpfcnpj", brdocs.cpfcnpjValidator,
            //     "{{ __('locale.Pages.Company.Table.Column.ValidDocument') }}");

            //modal type
            'use strict';

            $.validator.addMethod('conditionalRequired', function (value, element, params) {
                var targetValue = $(params.target).val();
                if (targetValue == 1) {
                    return $.trim(value).length > 0;
                }
                return true;
            }, "{{ __('locale.Table.broker.Column.RequiredField') }}");

            $(".form-add-company").validate({
                rules: {
                    group_id: { required: true },
                    name: { required: true },
                    branch: { required: true },
                    cnpj: { required: true },
                    parameter_id: { required: true },
                    opening_date: { required: true },
                    type: { required: true },
                    company_characteristic_id: { required: true },
                    url: { required: true },
                    zip_code: { required: true },
                    address: { required: true },
                    district: { required: true },
                    city: { required: true },
                    state: { required: true },
                    zone: { required: true },
                    size: { required: true },
                    witness_one: { required: true },
                    witness_two: { required: true },
                    status: { required: true },
                    inactive_date: { required: true },
                    reason_inactivation: { required: true },
                    contact_id: { required: true },
                    company_origin_closure_id: { required: true },
                    partner_id: { required: true },
                    relationship_level: { required: true },
                    company_curve_id: { required: true },
                    company_capital: { required: true },
                    company_origin_id: { required: true },
                    has_contract_pj: { required: true },
                    has_invoice_pj: { required: true },
                    flexible_benefits: { required: true },
                    platform_flexible_benefits: {
                        conditionalRequired: {
                            target: '[name="flexible_benefits"]'
                        }
                    },
                    company_payroll: { required: true },
                    has_outpost: { required: true },
                    has_doctor_company: { required: true },
                    doctor_company: {
                        conditionalRequired: {
                            target: '[name="has_doctor_company"]'
                        }
                    },
                    has_nursing_company: { required: true },
                    nursing_company: {
                        conditionalRequired: {
                            target: '[name="has_nursing_company"]'
                        }
                    },
                    has_outpatient_company: { required: true },
                    outpatient_company: {
                        conditionalRequired: {
                            target: '[name="has_outpatient_company"]'
                        }
                    },
                    system_payroll: { required: true },
                    type_visit: { required: true },
                    frequency_visit: { required: true }
                },
                messages: {
                    group_id: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    name: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    branch: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    cnpj: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    parameter_id: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    opening_date: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    type: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    company_characteristic_id: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    url: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    zip_code: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    address: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    district: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    city: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    state: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    zone: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    size: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    witness_one: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    witness_two: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    status: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    inactive_date: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    reason_inactivation: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    contact_id: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    company_origin_closure_id: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    partner_id: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    relationship_level: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    company_curve_id: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    company_capital: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    company_origin_id: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    has_contract_pj: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    has_invoice_pj: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    flexible_benefits: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    platform_flexible_benefits: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    company_payroll: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    has_outpost: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    has_doctor_company: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    doctor_company: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    has_nursing_company: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    nursing_company: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    has_outpatient_company: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    outpatient_company: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    system_payroll: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    type_visit: "{{ __('locale.Table.broker.Column.RequiredField') }}",
                    frequency_visit: "{{ __('locale.Table.broker.Column.RequiredField') }}"
                }
            });

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

            $('#company_type_id').select2({
                placeholder: 'Selecione um ramo',
                allowClear: true,
                multiple: true,
                width: '100%'
            });

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

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

                if (!validations.cnpj.isValid(cnpj)) {
                    $("#company-information .btn-next").attr('disabled', 'disabled');
                } else {
                    $("#company-information .btn-next").removeAttr('disabled');
                }

            });

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

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

                if (zip_code.length < 8) return 0;

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

                if (json.erro) {
                    if (window.toastr !== undefined) {
                        window.toastr.warning('The zip code is invalid', 'Attention');
                    } else {
                        window.alert('The zip code is invalid');
                    }
                    $(this).val($(this).val().slice(0, -1)).focus();
                    return 0;
                }

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


            });

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

            $('#btnAddBrokers').on("click", async function(eve) {

                eve.preventDefault();

                $(".form-add-company").submit();

            });

            $(".form-add-company").on("submit", async function(eve) {

                eve.preventDefault();

                if ($(".form-add-company").get(0).checkValidity()) {

                    // let json = Object.fromEntries((new FormData($(".form-add-company").get(0)))
                    //     .entries());

                    let formData = new FormData($(".form-add-company").get(0));

                    for (let [key, value] of formData.entries()) {
                        console.log(key, value);
                    }

                    try {

                       

                        let {
                            data: response
                        } = await axios({
                            url: `{{ route('api.companies.store') }}`,
                            method: 'post',
                            data: formData,
                            headers: {
                                "Authorization": "Bearer {{ session('Authorization') }}",
                                "Content-Type": "multipart/form-data"
                            }
                        }).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: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
                                    cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
                                })
                            } else if (response.status === 404) {
                                Swal.fire({
                                    title: 'Ops!',
                                    text: '{{ __('locale.Pages.Company.Table.Column.Status404Error') }}',
                                    icon: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
                                    cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
                                })
                            } else {

                                Swal.fire({
                                    title: 'Ops!',
                                    text: '{{ __('locale.Pages.Company.Table.Column.ErrorForm') }}',
                                    icon: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
                                    cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
                                })

                            }
                        });

                        Swal.fire({
                            title: 'Uhuul!',
                            text: '{{ __('locale.Pages.Company.Table.CompanyRegistered') }}',
                            icon: "{{ __('locale.Table.Company.Contact.Column.Success') }}",
                        }).then((_) => {
                            if (_.isConfirmed) {
                                window.location.href = '{{ route('dashboard.companies.index') }}'
                            }
                        })

                    } catch (e) {

                    }
                }

            });

            // 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
            //                         }
            //                     })

            //                     json.status = 1;
            //                     json.platform_company_sheet = 'teste';

            //                     let {
            //                         data: company,
            //                         ...response
            //                     } = await axios({
            //                         url: "{{ route('api.companies.store') }}",
            //                         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: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
            //                                 cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
            //                             })
            //                         } else if (response.status === 404) {
            //                             Swal.fire({
            //                                 title: 'Ops!',
            //                                 text: '{{ __('locale.Pages.Company.Table.Column.Status404Error') }}',
            //                                 icon: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
            //                                 cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
            //                             })
            //                         } else {

            //                             Swal.fire({
            //                                 title: 'Ops!',
            //                                 text: '{{ __('locale.Pages.Company.Table.Column.ErrorForm') }}',
            //                                 icon: "{{ __('locale.Table.Company.Contact.Column.Error') }}",
            //                                 cancelButtonText: '{{ __('locale.Pages.Company.Botton.ToClose') }}'
            //                             })

            //                         }
            //                     });

            //                     let swal = await Swal.fire({
            //                         title: 'Uhuul!',
            //                         text: '{{ __('locale.Pages.Company.Table.CompanyRegistered') }}',
            //                         icon: "{{ __('locale.Table.Company.Contact.Column.Success') }}"
            //                     })

            //                     if (swal.isConfirmed) {
            //                         window.location.href = `{{ route('dashboard.companies.index') }}`
            //                     }

            //                 }
            //             });
            //     }
            // }

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