{{-- Primary Owner Information Component --}}
<div class="card mb-1 shadow-none main-owner-accordion" id="main-owner-section">
    <div class="card-header" id="headingBusinessDetails">
        <h6 class="m-0">
            <a href="#BusinessDetails" class="text-dark collapsed" data-toggle="collapse" aria-expanded="false"
                aria-controls="BusinessDetails">
                {{ $userTitle }} Information
            </a>
        </h6>
    </div>
    <div id="BusinessDetails" class="collapse" aria-labelledby="headingBusinessOverview" data-parent="#accordion2">
        <div class="card-body">
            {!! html()->hidden('owner_id', $primary_owner->id ?? 0) !!}
            <div class="row">
                <div class="col-lg-4">
                    {!! html()->label($userTitle . ' Status')->for('owner_status') !!}
                    {!! html()->select('owner_status', ['1' => 'Primary ' . $userTitle, '2' => 'Secondary ' . $userTitle], 1)->class('form-control')->id('owner_status')->attribute('readonly', 'readonly')->attribute('onmousedown', 'return false;')->attribute('onkeydown', 'return false;') !!}
                </div>
                <div class="col-lg-4"></div>
                <div class="col-lg-4"></div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="form-group mt-4">
                        {!! html()->label('First Name')->for('owner_first_name')->class('required') !!}<span class="text-danger">*</span>
                        {!! html()->text('owner_first_name', $primary_owner->first_name ?? null)->class('form-control')->required() !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group mt-4">
                        {!! html()->label('Middle Name')->for('owner_middle_name') !!}
                        {!! html()->text('owner_middle_name', $primary_owner->middle_name ?? null)->class('form-control') !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group mt-4">
                        {!! html()->label('Last Name')->for('owner_last_name') !!}<span class="text-danger">*</span>
                        {!! html()->text('owner_last_name', $primary_owner->last_name ?? null)->class('form-control')->required() !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('Phone Number')->for('owner_phone')->class('required') !!}<span class="text-danger">*</span>
                        <div class="d-flex flex-wrap">
                            {!! html()->text('')->class('form-control right-border-radius0 no-right-border front-phone-code')->placeholder('1 -')->disabled() !!}
                            {!! html()->text('owner_phone', $primary_owner->phone ?? null)->class('form-control input-mask disable-autocomplete no-left-border left-border-radius0 front-phone-number')->required()->attribute('autocomplete', 'off')->attribute('data-inputmask', "'mask': '(999) 999-9999'")->attribute('data-parsley-required-message', 'Please enter your phone number')->attribute('data-parsley-pattern', '^\(\d{3}\) \d{3}-\d{4}$')->attribute('data-parsley-pattern-message', 'Please enter a valid phone number (e.g. (123) 456-7890)') !!}
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('Email')->for('owner_email') !!}<span class="text-danger">*</span>
                        {!! html()->email('owner_email', $primary_owner->email ?? null)->class('form-control')->required() !!}
                    </div>
                </div>
                <div class="col-lg-4"></div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="form-group mt-4">
                        <div class="custom-control custom-checkbox">
                            {!! html()->checkbox('owner_same_business_phone', $primary_owner->is_same_as_business_phone ?? false, 1)->class('custom-control-input')->id('owner_same_business_phone') !!}
                            {!! html()->label('Same as business phone')->class('custom-control-label')->for('owner_same_business_phone') !!}
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group mt-4">
                        <div class="custom-control custom-checkbox">
                            {!! html()->checkbox('owner_same_business_email', $primary_owner->is_same_as_business_email ?? false, 1)->class('custom-control-input default-business-email')->id('owner_same_business_email') !!}
                            {!! html()->label('Same as business email')->class('custom-control-label')->for('owner_same_business_email') !!}
                        </div>
                    </div>
                </div>
                <div class="col-lg-4"></div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('Country')->for('owner_country') !!}<span class="text-danger">*</span>
                        {!! html()->select('owner_country', ['' => 'Choose...'] + $countries, $primary_owner->location_country_id ?? 231)->class('form-control select2')->required() !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('Date Of Birth')->for('owner_dob') !!}<span class="text-danger">*</span>
                        {!! html()->text('owner_dob', $primary_owner->dob ?? null)->class('form-control datepicker datepicker_dob1')->required()->attribute('data-parsley-required', 'true')->attribute('data-parsley-age-check', '18')->attribute('data-parsley-age-check-message', 'Owner must be at least 18 years old')->attribute('data-parsley-pattern', '^(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])-[0-9]{4}$')->attribute('data-parsley-pattern-message', 'Please enter a valid date in MM-DD-YYYY format') !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('SSN')->for('owner_ssn') !!}<span class="text-danger">*</span>
                        {!! html()->text('owner_ssn', $primary_owner->ssn ?? null)->class('form-control input-mask')->required()->attribute('autocomplete', 'off')->attribute('data-inputmask', "'mask': '999-99-9999'")->attribute('data-parsley-required-message', 'Please enter your SSN')->attribute('data-parsley-pattern', '^\d{3}-\d{2}-\d{4}$')->attribute('data-parsley-pattern-message', 'Please enter a valid SSN (e.g. 222-22-2222)') !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('Business Title')->for('owner_business_title')->class('required') !!}<span class="text-danger">*</span>
                        {!! html()->text(
                                'owner_business_title',
                                isset($business->business_name) ? $business->business_name : $primary_owner->business_title ?? null,
                            )->class('form-control')->required() !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group">
                        @if (isset($business) && in_array($business->entity_type_id, [2, 4, 6]))
                            {!! html()->hidden('owner_ownership', 100) !!}
                        @else
                            {!! html()->label('Ownership %<span class="text-danger">*</span> (Percentage)', 'owner_ownership')->toHtml() !!}
                            <div class="input-group mb-3">
                                <div class="tool-tips1">
                                    <i class="fas fa-question-circle" data-toggle="tooltip" data-placement="top"
                                        title="Percentage of ownership of this business owner"></i>
                                </div>
                                {!! html()->text('owner_ownership', $primary_owner->ownership_percentage ?? null)->class('form-control no-right-border small-width numeric')->attribute('aria-describedby', 'option-ownership')->required()->attribute('min', 0)->attribute('max', 100)->attribute('step', '0.01')->attribute('data-parsley-type', 'number')->attribute('data-parsley-min', '0')->attribute('data-parsley-max', '100')->attribute('data-parsley-pattern', '^\d{1,3}(\.\d{1,2})?$')->attribute('data-parsley-required-message', 'Please enter an ownership percentage')->attribute('data-parsley-type-message', 'Please enter a valid number between 0 and 100')->attribute('data-parsley-min-message', 'Value must be at least 0')->attribute('data-parsley-max-message', 'Value must be at most 100')->attribute('data-parsley-pattern-message', 'Ownership can have up to 2 decimal places') !!}
                                <div class="input-group-append dollar-input-white-bg">
                                    <span class="input-group-text dollar-input-white-bg">%</span>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-lg-4"></div>
            </div>
        </div>
        <div class="card-body owner-user-account-section @if (request()->old('owner_status', 1) != 1) d-none @endif"
            id="main-owner-user-account">
            <h4>{{ $userTitle }} User Account</h4>
            <div class="row">
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('Username')->for('owner_username')->class('required') !!}<span class="text-danger">*</span>
                        {!! html()->text('owner_username', $primary_owner->username ?? null)->class('form-control disable-autocomplete')->required() !!}
                    </div>
                </div>
                <div class="col-lg-4"></div>
                <div class="col-lg-4"></div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('Password')->for('owner_password')->class(isset($primary_owner->id) ? '' : 'required') !!}
                        @if (!isset($primary_owner->id))
                            <span class="text-danger">*</span>
                        @endif
                        {!! html()->password('owner_password')->class('form-control disable-autocomplete')->when(!isset($primary_owner->id), function ($field) {
                                return $field->required();
                            })->attribute('autocomplete', 'new-password')->attribute('data-parsley-minlength', '6')->attribute('data-parsley-minlength-message', 'Password must be at least 6 characters')->attribute('data-parsley-trigger', 'change') !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('Confirm Password')->for('owner_password_confirmation')->class(isset($primary_owner->id) ? '' : 'required') !!}
                        @if (!isset($primary_owner->id))
                            <span class="text-danger">*</span>
                        @endif
                        {!! html()->password('owner_password_confirmation')->class('form-control disable-autocomplete')->when(!isset($primary_owner->id), function ($field) {
                                return $field->required();
                            })->attribute('autocomplete', 'new-password')->attribute('data-parsley-equalto', '#owner_password')->attribute('data-parsley-equalto-message', 'Passwords do not match')->attribute('data-parsley-trigger', 'change') !!}
                    </div>
                </div>
                <div class="col-lg-4"></div>
            </div>
            <div class="row mt-2">
                <div class="col-lg-8">
                    <div class="password-requirements">
                        <div class="mb-1">
                            <i class="fas fa-check-circle text-success mr-2"></i>Password
                            must include one number, one upper case letter, and one
                            lower case letter
                        </div>
                        <div class="mb-2">
                            <i class="fas fa-check-circle text-success mr-2"></i>Password
                            must be at least 8 characters long
                        </div>
                        <div class="mt-3">
                            <strong>Please Note:</strong> An email confirmation link
                            will be sent to this user. Confirmation of the account
                            is required prior to account activation.
                        </div>
                    </div>
                </div>
                <div class="col-lg-4"></div>
            </div>
        </div>
        <div class="card-body">
            <h4>{{ $userTitle }} Address</h4>
            <div class="row">
                <div class="col-lg-8">
                    <div class="form-group">
                        {!! html()->label('Address')->for('owner_address') !!}<span class="text-danger">*</span>
                        {!! html()->text(
                                'owner_address',
                                isset($business->business_addressline_one)
                                    ? $business->business_addressline_one
                                    : $primary_owner->addressline_one ?? '',
                            )->class('form-control location-address')->required() !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('Address 2 (Optional)')->for('owner_address2') !!}
                        {!! html()->text(
                                'owner_address2',
                                isset($business->business_addressline_two)
                                    ? $business->business_addressline_two
                                    : $primary_owner->addressline_two ?? '',
                            )->class('form-control') !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('City')->for('owner_city_name') !!}<span class="text-danger">*</span>
                        {!! html()->text('owner_city_name', isset($business->city_name) ? $business->city_name : $primary_owner->city_name ?? null)->class('form-control')->required() !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('State')->for('owner_state_id') !!}<span class="text-danger">*</span>
                        {!! html()->select(
                                'owner_state_id',
                                ['' => 'Choose...'] + $states,
                                $primary_owner->location_state_id ?? ($business->business_state_id ?? null),
                            )->class('form-control select2')->required() !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="form-group">
                        {!! html()->label('Zip')->for('owner_zip') !!}<span class="text-danger">*</span>
                        {!! html()->text('owner_zip', $primary_owner->zip ?? null)->class('form-control numeric')->attribute('minlength', 5)->attribute('maxlength', 6)->attribute('pattern', '^\d{5,6}$')->attribute('title', 'Please enter a 5 or 6 digit zip code')->required() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>