<x-core::card class="mb-3">
    <x-core::card.header>
        <x-core::card.title>{{ trans('plugins/location::bulk-import.import_available_data') }}</x-core::card.title>
    </x-core::card.header>

    <x-core::card.body>
        <x-core::form
            :url="route('location.bulk-import.import-location-data')"
            method="post"
            data-bb-toggle="import-available-data"
            :data-empty-selection-message="trans('plugins/location::bulk-import.choose_country')"
        >
            <x-core::alert type="warning">
                {!! BaseHelper::clean(
                    trans(
                        'plugins/location::bulk-import.import_available_data_help',
                         ['link' => Html::link(route('country.index'), trans('plugins/location::country.name'))]
                     )
                ) !!}
            </x-core::alert>
            <x-core::form.select
                name="country_code"
                :options="$countries"
                :searchable="true"
                :multiple="true"
                :data-placeholder="trans('plugins/location::bulk-import.choose_country')"
                :helper-text="trans('plugins/location::bulk-import.available_data_help', ['link' => Html::link('https://github.com/botble/locations', attributes: ['target' => '_blank'])])"
            />

            <x-core::button type="submit" color="primary">
                {{ trans('plugins/location::bulk-import.import') }}
            </x-core::button>
        </x-core::form>
    </x-core::card.body>
</x-core::card>