{{/* Attributes:
* ContainerClasses
* Repository
* CurrentRefType: eg. "branch", "tag"
* CurrentRefShortName: eg. "master", "v1.0"
* CurrentTreePath
* RefLinkTemplate: redirect to the link when a branch/tag is selected
* RefFormActionTemplate: change the parent form's action when a branch/tag is selected
* DropdownFixedText: the text to show in the dropdown (mainly used by "release page"), if empty, the text will be the branch/tag name
* ShowTabBranches
* ShowTabTagsTab
* AllowCreateNewRef

Search "repo/branch_dropdown" in the template directory to find all occurrences.
*/}}
<div class="js-branch-tag-selector {{if .ContainerClasses}}{{.ContainerClasses}}{{end}}"
	data-text-release-compare="{{ctx.Locale.Tr "repo.release.compare"}}"
	data-text-branches="{{ctx.Locale.Tr "repo.branches"}}"
	data-text-tags="{{ctx.Locale.Tr "repo.tags"}}"
	data-text-filter-branch="{{ctx.Locale.Tr "repo.pulls.filter_branch"}}"
	data-text-filter-tag="{{ctx.Locale.Tr "repo.find_tag"}}"
	data-text-default-branch-label="{{ctx.Locale.Tr "repo.default_branch_label"}}"
	data-text-create-tag="{{ctx.Locale.Tr "repo.tag.create_tag"}}"
	data-text-create-branch="{{ctx.Locale.Tr "repo.branch.create_branch"}}"
	data-text-create-ref-from="{{ctx.Locale.Tr "repo.branch.create_from"}}"
	data-text-no-results="{{ctx.Locale.Tr "no_results_found"}}"

	data-current-repo-default-branch="{{.Repository.DefaultBranch}}"
	data-current-repo-link="{{.Repository.Link}}"
	data-current-tree-path="{{.CurrentTreePath}}"
	data-current-ref-type="{{.CurrentRefType}}"
	data-current-ref-short-name="{{.CurrentRefShortName}}"

	data-ref-link-template="{{.RefLinkTemplate}}"
	data-ref-form-action-template="{{.RefFormActionTemplate}}"
	data-dropdown-fixed-text="{{.DropdownFixedText}}"
	data-show-tab-branches="{{.ShowTabBranches}}"
	data-show-tab-tags="{{.ShowTabTags}}"
	data-allow-create-new-ref="{{.AllowCreateNewRef}}"

	data-enable-feed="{{ctx.RootData.EnableFeed}}"
>
	{{/* show dummy elements before Vue componment is mounted, this code must match the code in BranchTagSelector.vue */}}
	<div class="ui dropdown custom branch-selector-dropdown ellipsis-items-nowrap">
		<div class="ui button branch-dropdown-button">
			<span class="flex-text-block gt-ellipsis">
				{{if not .DropdownFixedText}}
					{{if .ShowTabTags}}
						{{svg "octicon-tag"}}
					{{else if .ShowTabBranches}}
						{{svg "octicon-git-branch"}}
					{{end}}
				{{end}}
				<strong class="tw-ml-2 tw-inline-block gt-ellipsis">{{Iif .DropdownFixedText .SelectedRefShortName}}</strong>
			</span>
			{{svg "octicon-triangle-down" 14 "dropdown icon"}}
		</div>
	</div>
</div>