{% extends 'settings.html' %}
{% load i18n horillafilters %}
{% block settings %}

<div class="border border-[#ebebeb] rounded-md overflow-hidden mb-5">
	<h2 class="text-sm font-semibold bg-[#f3f3f3] px-4 py-3 text-[#333]">
		{% trans "Google Meet Integration" %}
	</h2>

	<div class="flex items-center gap-20 px-4 my-4">
		<div class="flex gap-1">
			<h3 class="text-sm font-medium">{% trans "Enable Google meet" %}</h3>
			<span class="oh-info mr-2" title="{% trans 'Enable this to integrate Google meet to Worksol.' %}">
			</span>
		</div>
		<label class="toggle-label" for="is_enabled">
			<input type="checkbox" class="toggle-input" name="is_enabled" id="is_enabled"
				hx-post="{% url 'enable-integration'%}?app_label=horilla_meet" hx-trigger="change" {% if "horilla_meet"|integration_installed %} checked {% endif %} />

			<div class="toggle-switch"></div>
		</label>
	</div>

	<div class="px-4">
		{% if "horilla_meet"|integration_installed %}
		{% include "gmeet_credentials/gmeet_credential_section.html" %}
		{% endif %}
	</div>
</div>

{% endblock %}