<form class="host_data_form" id="host_data_form_export" action="{{ntop.getHttpPrefix()}}/lua/do_export_data.lua"
    method="GET">
    <div class="card-body">
        <div id="search_card">
            <input name="csrf" type="hidden" value="{{ ntop.getRandomCSRFValue() }}" />
            <input type=hidden name="ifid" value="{{ tostring(getInterfaceId(ifname)) }}">
            <div class='form-row align-items-center'>
                <div class="mb-3 col-12">
                    <label class="d-block">Select Export Type</label>
                    <div class="btn-group btn-group-toggle" data-bs-toggle="buttons" id="export_hosts_buttons"
                        name="export_hosts_buttons">
			
			<input type="radio" id="all_hosts" class="form-check-input" name="mode" value="all" autocomplete="off" data-bs-toggle="toggle" checked="checked">
                        <label class="form-check-label ms-1 active">
                                {{i18n("manage_data.all_hosts")}}
                        </label>
			
			<input type="radio" id="local_hosts" class="form-check-input ms-2" name="mode" value="local" autocomplete="off" data-bs-toggle=" toggle">
                        <label class="form-check-label ms-1">
			       {{i18n("manage_data.local_hosts")}}
                        </label>
			
			<input type="radio" id="remote_hosts" class="form-check-input ms-2" name="mode" value="remote" autocomplete="off" data-bs-toggle=" toggle">
                        <label class="form-check-label ms-1">
			       {{i18n("manage_data.remote_hosts")}}
                        </label>
			
			<input type="radio" id="single_host" class="form-check-input ms-2" name="mode" value="filtered" autocomplete="off" data-bs-toggle=" toggle">
                        <label class="form-check-label ms-1">
			       {{i18n("manage_data.single")}}
                        </label>
                    </div>
                </div>
                <div class="mb-3 col-auto">
                    <label for="export_host"> {{ i18n("manage_data.specify_ip_mac") }}</label>
                    <input type="text" id="export_host" data-host="host" name="host"
                        placeholder="{{ i18n("manage_data.ip_or_mac_address")}}" class="form-control" size="24" disabled
                        required />
                </div>
                <div class="mb-3 col-auto">
                    <label for="export_vlan">{{ i18n("manage_data.specify_vlan")}}</label>
                    <input type="number" min="1" max="65535" placeholder="{{ i18n("manage_data.ip_or_mac_address") }}" id="export_vlan"
                        name="vlan" class="form-control" value="" disabled />
                </div>
            </div>

        </div>
    </div>
    <div class="card-footer text-right">
        <button type="submit" class="btn btn-secondary">
            <i class='fas fa-file-export'></i> {{ i18n("export_data.export_json_data") }}
        </button>
    </div>
</form>