<div class="dashboard-edit-option">
    <form class="form-tabs" id="updateXeroApiFrm" action="{{ route('cms.companies.show.update-xero-api', $company->id) }}">
        <h2 class="dashboard-edit-option__title">{{ __("Xero API Key") }}</h2>
        <div class="inner-form-tabs">
            <div class="flex">
                <div class="label-field white-input-field"><label>
                    <span>{{ __("Enter your Xero API Key") }}</span>
                    <input type="text" name="xero_api_key" placeholder="" value="{{ $company->xero_api_key }}" required>
                </label></div>
            </div>
        </div>
        <div class="text-center">
            <button type="submit" class="btn primary-button btn-initial">{{ __("Save") }}</button>
        </div>
    </form>
</div>