@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 class="btn-group">
                            <a href="{{ route('dashboard.companies.edit', ['id' => $company->id]) }}" class="btn btn-primary" id="btnEditar"><i data-feather='edit-3'></i></a>
                            <a href="{{ route('dashboard.companies.show', ['id' => $company->id]) }}" class="btn btn-info" id="btnVisualizar">
                                <i data-feather="eye"></i>
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <input type="text" class="hidden" id="company_id" value="{{$company->id}}">
                        <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 }}" {{ $company->group_id == $group->id ? 'selected' : '' }}>{{ $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" value="{{$company->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" value="{{$company->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" value="{{$company->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 }}" {{ $company->parameter_id == $parameter->id ? 'selected' : '' }}>{{ $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" value="{{$company->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" {{ $company->type == 1 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Value.Filial') }}</option>
                                        <option value="2" {{ $company->type == 2 ? 'selected' : '' }}>{{ __('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->company_characteristic_id == $company_characteristic->id ? 'selected' : '' }}>{{ $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" value="{{$company->url}}" 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" value="{{$company->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" value="{{$company->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" value="{{$company->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" value="{{$company->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" value="{{$company->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" value="{{$company->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="company_type_id">{{ __('locale.Pages.Company.Table.ActivityBranch') }}</label>
                                    <select class="select2" name="company_type_id[]" id="company_type_id" required multiple>
                                        <option value="" ></option>
                                        @if ($company_types)
                                        @foreach ($company_types as $company_type)
                                        <option value="{{ $company_type->id }}" 
                                            @if(in_array($company_type->id, $selectedCompanyTypes)) 
                                                selected 
                                            @endif>
                                            {{ $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" {{ $company->size == 1 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Value.SME') }}</option>
                                        <option value="2" {{ $company->size == 2 ? 'selected' : '' }}>{{ __('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" value="{{$company->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" value="{{$company->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>
                                        {{-- <option value="" disabled selected>Selecione um status</option> --}}
                                        <option value="1" {{ $company->status == 1 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Value.Active') }}</option>
                                        <option value="2" {{ $company->status == 2 ? 'selected' : '' }}>{{ __('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" value="{{$company->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" value="{{$company->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 }}" {{ $company->company_origin_closure_id == $origin_closure->id ? 'selected' : '' }}>{{ $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 }}" {{ $company->partner_id == $partner->id ? 'selected' : '' }}>{{ $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" {{ $company->relationship_level == 1 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Value.Cold') }}</option>
                                        <option value="2" {{ $company->relationship_level == 2 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Value.Warm') }}</option>
                                        <option value="3" {{ $company->relationship_level == 3 ? 'selected' : '' }}>{{ __('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 }}" {{ $company->company_curve_id == $curve->id ? 'selected' : '' }}>{{ $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" {{ $company->company_capital == 1 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Value.National') }}</option>
                                        <option value="2" {{ $company->company_capital == 2 ? 'selected' : '' }}>{{ __('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 }}" {{ $company->company_origin_id == $origin->id ? 'selected' : '' }}>{{ $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" {{ $company->has_contract_pj == 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" {{ $company->has_contract_pj == 0 ? 'checked' : '' }}>
                                    </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" {{ $company->has_invoice_pj == 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" {{ $company->has_invoice_pj == 0 ? 'checked' : '' }}>
                                    </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" {{ $company->flexible_benefits == 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" {{ $company->flexible_benefits == 0 ? 'checked' : '' }}>
                                    </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" value="{{$company->platform_flexible_benefits}}" required/>
                                </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" value="{{$company->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" {{ $company->has_outpost == 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" {{ $company->has_outpost == 0 ? 'checked' : '' }}>
                                    </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" {{ $company->has_doctor_company == 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" {{ $company->has_doctor_company == 0 ? 'checked' : '' }}>
                                    </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" value="{{$company->doctor_company}}" required/>
                                </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" {{ $company->has_nursing_company == 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" {{ $company->has_nursing_company == 0 ? 'checked' : '' }}>
                                    </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" value="{{$company->nursing_company}}" required/>
                                </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" {{ $company->has_outpatient_company == 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" {{ $company->has_outpatient_company == 0 ? 'checked' : '' }}>
                                    </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" value="{{$company->outpatient_company}}" required/>
                                </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" value="{{$company->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" {{ $company->type_visit == 1 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Option.Personally') }}</option>
                                        <option value="2" {{ $company->type_visit == 2 ? 'selected' : '' }}>{{ __('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" {{ $company->frequency_visit == 1 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Option.Weekly') }}</option>
                                        <option value="2" {{ $company->frequency_visit == 2 ? 'selected' : '' }}>{{ __('locale.Pages.Company.Option.Fortnightly') }}</option>
                                        <option value="3" {{ $company->frequency_visit == 3 ? 'selected' : '' }}>{{ __('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 class="col-md-12">
                                <div class="document_list">

                                </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>
        let docs = [];

        $(document).ready(function() {

            function handleRadio(radio, id){
                if ($('#' + radio + '_yes').is(':checked')) {
                    
                    $('#' + id).prop("disabled", false);
                    $('#' + id).prop("required", true);

                } else if ($('#' + radio + '_no').is(':checked')) {
                    
                    $('#' + id).prop("disabled", true);
                    $('#' + id).val('');
                    $('#' + id).prop("required", false);

                }
            }

            handleRadio('has_doctor_company','doctor_company')
            $('input[name="has_doctor_company"]').on("change", function() {
                handleRadio('has_doctor_company','doctor_company')   
            });


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

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

            handleRadio('flexible_benefits','platform_flexible_benefits')
            $('input[name="flexible_benefits"]').on("change", function() {
                handleRadio('flexible_benefits','platform_flexible_benefits')
            });
        })
        // 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() {

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

            let zipCode = $('#zip_code').val();

            if (zipCode.length < 8) {
                $('#zip_code').val(zipCode.padStart(8, '0'));
            }

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

            // axios.get(`{{ route('api.companies.getDocuments', '') }}/${company_id}`, {
			// 		headers: {
			// 			"Authorization": "Bearer {{ session('Authorization') }}"
			// 		}
			// 	})
			// 	.then(function(response) {
					
			// 		//console.log(response.data);

            //         var documents = response.data;
            //         var $documentListDiv = $('.document_list');

            //         $documentListDiv.empty();

            //         var title = $('<h4></h4>').text('Documentos').addClass('mb-1');
            //         $documentListDiv.append(title);

            //         $.each(documents, function(index, document) {
            //             // Cria um link para o documento
            //             var link = $('<a></a>')
            //                 .attr('href', '/storage/' + document.filepath)
            //                 .text(document.filename)
            //                 .attr('target', '_blank')
            //                 .addClass('mb-1'); // Abre o link em uma nova aba

            //             // Adiciona o link à div .document_list
            //             $documentListDiv.append(link);

            //             // Adiciona uma quebra de linha após cada link para organização
            //             $documentListDiv.append('<br><br>');
            //         });

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

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

            axios.get(`{{ route('api.companies.getDocuments', '') }}/${company_id}`, {
                headers: {
                    "Authorization": "Bearer {{ session('Authorization') }}"
                }
            })
            .then(function(response) {
                var documents = response.data;
                var $documentListDiv = $('.document_list');

                $documentListDiv.empty();

                var title = $('<h4></h4>').text('Documentos').addClass('mb-1');
                $documentListDiv.append(title);

                $.each(documents, function(index, document) {
                    // Cria um link para o documento
                    var link = $('<a></a>')
                        .attr('href', '/storage/' + document.filepath)
                        .text(document.filename)
                        .attr('target', '_blank')
                        .addClass('mb-1')
                        .attr('data-id', document.id); // Adiciona o ID do documento como atributo data-id

                    // Cria um ícone ao lado do link
                    var icon = $('<span></span>')
                        .addClass('icon-hide') // Adiciona uma classe para estilo
                        .html('&#x1F5D1;') // Adiciona um ícone (exemplo: ícone de lixeira)
                        .css('cursor', 'pointer')
                        .on('click', function() {
                            // Adiciona o ID do link à variável docs
                            let documentId = link.data('id');
                            docs.push(documentId);

                            // Esconde o link e o ícone quando clicado
                            link.add(icon).hide();
                        });

                    // Adiciona o link e o ícone à div .document_list
                    var itemDiv = $('<div></div>').addClass('mb-1');
                    itemDiv.append(link).append(' ').append(icon);
                    $documentListDiv.append(itemDiv);

                    // Adiciona uma quebra de linha após cada link para organização
                    $documentListDiv.append('<br>');
            })
            })
            .catch(function(error) {
                console.error('Erro na requisição:', error);
            });


            $('#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();
                console.log('aqui')
                if ($(".form-add-company").get(0).checkValidity()) {

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

                    let formData = new FormData($(".form-add-company").get(0));
                    formData.append('_method', 'PUT');
                    formData.append('_token', '{{ csrf_token() }}');

                    docs.forEach((docId, index) => {
                        formData.append(`docs[]`, docId);
                    });

                    for (let [key, value] of formData.entries()) {
                        console.log(key, value);
                    }
                    let company_id = $("#company_id").val();

                    try {

                       

                        let {
                            data: response
                        } = await axios({
                            url: `{{ route('api.companies.update', '') }}/${company_id}`,
                            //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.CompanyUpdate') }}',
                            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