{% extends 'layouts/app.html.twig' %}

{% block title %}Google Drive | micey-projects{% endblock %}

{% block app_content %}
    {% include 'partials/_flash_messages.html.twig' %}

    <section class="panel">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">Integracje</p>
                <h2 class="panel__title">Google Drive</h2>
                <p class="panel__text">OAuth użytkownika, odczyt Drive i skan folderów Mockups. TODO: encrypt Google OAuth tokens before production use.</p>
            </div>
            <a href="{{ path('app_integrations') }}" class="button button--ghost">Wróć do integracji</a>
        </div>

        <form method="post" class="stack-form">
            <input type="hidden" name="_token" value="{{ csrf_token('google_drive_settings') }}">

            <div class="form-grid form-grid--two">
                <label class="checkbox-row">
                    <input type="checkbox" name="enabled" value="1" {{ integration.enabled ? 'checked' : '' }}>
                    Integracja aktywna
                </label>

                <label>Redirect URI
                    <input class="form-control" name="redirect_uri" value="{{ settings.redirect_uri ?: default_redirect_uri }}">
                    <small class="form-help">Wpisz ten adres w Google Cloud Console.</small>
                </label>

                <label>Client ID
                    <input class="form-control" name="client_id" value="{{ settings.client_id }}">
                </label>

                <label>Client secret
                    <input class="form-control" type="password" name="client_secret" placeholder="{{ settings.client_secret ? 'Pozostaw puste, aby nie zmieniać' : 'Google OAuth client secret' }}">
                </label>

                <label>Default temp dir
                    <input class="form-control" name="default_temp_dir" value="{{ settings.default_temp_dir }}">
                </label>

                <label>Max file size MB
                    <input class="form-control" type="number" min="1" max="200" name="max_file_size_mb" value="{{ settings.max_file_size_mb ?: 20 }}">
                </label>

                <label>Allowed MIME types
                    <input class="form-control" name="allowed_mime_types" value="{{ settings.allowed_mime_types ?: 'image/jpeg,image/png,image/webp' }}">
                </label>

                <label>Zachowaj temp po błędzie, godziny
                    <input class="form-control" type="number" min="0" max="168" name="keep_temp_on_error_hours" value="{{ settings.keep_temp_on_error_hours ?: 24 }}">
                    <small class="form-help">0 = usuń temp także po błędzie. Domyślnie zostawiamy katalog na diagnostykę.</small>
                </label>
            </div>

            <div class="form-actions">
                <button class="button button--primary" type="submit">Zapisz ustawienia</button>
                <a class="button button--ghost" href="{{ path('app_google_drive_connect') }}">Połącz OAuth</a>
            </div>
        </form>

        <div class="presta-mini-grid mt-3">
            <span>Status: <strong>{{ integration.status }}</strong></span>
            <span>Konto: <strong>{{ settings.connected_account_email ?: '—' }}</strong></span>
            <span>Ostatni test: <strong>{{ settings.last_test_at ?: '—' }}</strong></span>
            <span>Błąd: <strong>{{ settings.last_error ?: integration.lastError ?: '—' }}</strong></span>
        </div>

        <div class="button-row mt-3">
            <form method="post" action="{{ path('app_google_drive_test') }}">
                <input type="hidden" name="_token" value="{{ csrf_token('google_drive_test') }}">
                <button class="button button--primary" type="submit">Testuj połączenie</button>
            </form>
            <form method="post" action="{{ path('app_google_drive_disconnect') }}">
                <input type="hidden" name="_token" value="{{ csrf_token('google_drive_disconnect') }}">
                <button class="button button--danger" type="submit">Odłącz token</button>
            </form>
        </div>
    </section>
{% endblock %}