@extends('layouts.app')

@section('title', isset($connecteur) ? 'Modifier un connecteur' : 'Nouveau connecteur')
@section('header', isset($connecteur) ? 'Modifier un connecteur' : 'Nouveau connecteur')

@section('content')
@php $backUrl = request('return', route('admin.connecteurs.index')); @endphp
<div class="bg-white rounded shadow p-6 max-w-xl">
    @if($errors->any())
    <div class="mb-4 bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative">
        <strong class="font-bold">Erreurs :</strong>
        <ul class="mt-1 list-disc list-inside text-sm">
            @foreach($errors->all() as $err)<li>{{ $err }}</li>@endforeach
        </ul>
    </div>
    @endif
    <form method="POST" action="{{ isset($connecteur) ? route('admin.connecteurs.update', $connecteur) : route('admin.connecteurs.store') }}"
          id="{{ isset($connecteur) ? 'edit-connecteur-form' : 'create-connecteur-form' }}"
          x-data="{ type: '{{ old('type', $connecteur->type ?? '') }}' }">
        @csrf @if(isset($connecteur)) @method('PUT') @endif
        @if(request('return'))<input type="hidden" name="return" value="{{ request('return') }}">@endif
        <div class="space-y-4">
            <div>
                <label class="block text-sm font-medium mb-1">Nom *</label>
                <input type="text" name="nom" value="{{ old('nom', $connecteur->nom ?? '') }}" required class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Type *</label>
                @if(isset($connecteur))
                <div class="flex items-center gap-2" x-data="{ showChange: false }">
                    <p class="px-3 py-2 border rounded bg-gray-100 text-gray-700 flex-1" x-show="!showChange">{{ $connecteur->type }}</p>
                    <a href="#" @click.prevent="showChange = !showChange" x-show="!showChange" class="text-xs text-indigo-600 hover:text-indigo-800">Changer</a>
                    <input type="hidden" name="type" x-model="type">
                    <select x-show="showChange" x-model="type" class="w-full px-3 py-2 border rounded" @change="showChange = false">
                        <option value="">-- Changer le type --</option>
                        <option value="AD">Active Directory</option>
                        <option value="Microsoft365">Microsoft 365 (Entra ID)</option>
                        <option value="IHTS">IHTS</option>
                        <option value="Keycloak">Keycloak</option>
                        <option value="Partage">Partage</option>
                        <option value="GestSup">GestSup (Gestion de Support)</option>
                    </select>
                </div>
                @else
                <select name="type" x-model="type" class="w-full px-3 py-2 border rounded" required>
                    <option value="">-- Sélectionner --</option>
                    <option value="AD">Active Directory</option>
                    <option value="Microsoft365">Microsoft 365 (Entra ID)</option>
                    <option value="IHTS">IHTS</option>
                    <option value="Keycloak">Keycloak</option>
                    <option value="Partage">Partage</option>
                    <option value="GestSup">GestSup (Gestion de Support)</option>
                </select>
                @endif
            </div>
            <div x-show="type === 'GestSup'" class="space-y-2">
                <div>
                    <label class="block text-sm font-medium mb-1">Application cible *</label>
                    <select name="application_id" class="w-full px-3 py-2 border rounded">
                        <option value="">-- Sélectionner --</option>
                        @foreach(\App\Modules\Catalogue\Models\Application::orderBy('nom')->get() as $app)
                        <option value="{{ $app->id }}" @selected(old('application_id', $connecteur->configuration['application_id'] ?? '') == $app->id)>{{ $app->nom }} ({{ $app->code }})</option>
                        @endforeach
                    </select>
                    <p class="text-xs text-gray-500 mt-1">Les informations de connexion à la base de données sont lues depuis le catalogue d'applications.</p>
                </div>
                <div>
                    <label class="block text-sm font-medium mb-1">Profil par défaut</label>
                    <select name="default_profile" class="w-full px-3 py-2 border rounded">
                        <option value="2" @selected(old('default_profile', $connecteur->configuration['default_profile'] ?? 2) == 2)>Utilisateur (2)</option>
                        <option value="0" @selected(old('default_profile', $connecteur->configuration['default_profile'] ?? '') == 0)>Technicien (0)</option>
                        <option value="1" @selected(old('default_profile', $connecteur->configuration['default_profile'] ?? '') == 1)>Utilisateur avec pouvoir (1)</option>
                        <option value="3" @selected(old('default_profile', $connecteur->configuration['default_profile'] ?? '') == 3)>Superviseur (3)</option>
                        <option value="4" @selected(old('default_profile', $connecteur->configuration['default_profile'] ?? '') == 4)>Administrateur (4)</option>
                    </select>
                </div>
            </div>
            <div x-show="type !== 'GestSup'">
                <label class="block text-sm font-medium mb-1">Configuration (JSON)</label>
                <textarea name="configuration" rows="8" class="w-full px-3 py-2 border rounded font-mono text-xs">{{ old('configuration', isset($connecteur) && $connecteur->type !== 'GestSup' && $connecteur->configuration ? json_encode($connecteur->configuration, JSON_PRETTY_PRINT) : '') }}</textarea>
                <div class="mt-2 text-xs text-gray-500" x-show="type === 'AD'">
                    <p class="font-medium">Configuration AD attendue :</p>
                    <pre class="mt-1">{ "host": "192.168.1.10", "port": 389, "base_dn": "DC=domaine,DC=local", "username": "DOMAINE\\utilisateur", "password": "mdp", "users_ou": "OU=Utilisateurs,DC=domaine,DC=local", "domain": "domaine.local" }</pre>
                    <p class="mt-1">Les champs vident les variables d'env : AD_HOST, AD_PORT, AD_BASE_DN, AD_USERNAME, AD_PASSWORD</p>
                </div>
                <div class="mt-2 text-xs text-gray-500" x-show="type === 'IHTS'">
                    <p class="font-medium">Configuration IHTS attendue :</p>
                    <pre class="mt-1">{ "base_url": "http://localhost/IHTS/public/api", "api_token": "votre-token-api" }</pre>
                    <p class="mt-1">Le token peut aussi être défini via la variable d'environnement <code>IHTS_API_TOKEN</code>.</p>
                </div>
                <div class="mt-2 text-xs text-gray-500" x-show="type === 'Keycloak'">
                    <p class="font-medium">Configuration Keycloak attendue :</p>
                    <pre class="mt-1">{ "base_url": "https://keycloak.domaine.local", "realm": "master", "client_id": "admin-cli", "client_secret": "secret" }</pre>
                </div>
                <div class="mt-2 text-xs text-gray-500" x-show="type === 'Microsoft365'">
                    <p class="font-medium">Configuration Microsoft 365 attendue :</p>
                    <pre class="mt-1">{ "tenant_id": "xxx.onmicrosoft.com", "client_id": "app-registration-id", "client_secret": "client-secret", "domain": "domaine.onmicrosoft.com", "sharepoint_host": "communedegrimaud.sharepoint.com", "sharepoint_site_path": "/sites/portgrimaud", "sharepoint_drive_path": "SRVPG/Port-Grimaud" }</pre>
                    <p class="mt-1">Nécessite une app registration Azure AD avec permissions : User.Read.All, Group.Read.All, Directory.Read.All, Sites.Read.All</p>
                    <p class="mt-1"><code>sharepoint_site_path</code> = chemin du site, <code>sharepoint_drive_path</code> = dossier racine dans la bibliothèque (optionnel).</p>
                    <p class="mt-1">Les champs vident les variables d'env : M365_TENANT_ID, M365_CLIENT_ID, M365_CLIENT_SECRET</p>
                </div>
                <div class="mt-2 text-xs text-gray-500" x-show="type === 'Partage'">
                    <p class="font-medium">Configuration Partage attendue :</p>
                    <pre class="mt-1">{ "serveur": "192.168.1.4", "chemin": "D:\\Partages", "chemin_resolu": "\\\\192.168.1.4\\Partages", "use_unc": true }</pre>
                    <p class="mt-1">Le bouton <strong>Scan SP</strong> lance un scan SharePoint : il utilise la configuration (site + authentification) du connecteur <strong>Microsoft365</strong>.</p>
                </div>
            </div>
            <div class="flex items-center gap-2">
                <input type="checkbox" name="actif" value="1" @checked(old('actif', $connecteur->actif ?? true)) class="rounded">
                <label class="text-sm">Actif</label>
            </div>
        </div>
        <div class="mt-6 flex gap-3">
            @if(isset($connecteur))
            <button type="button" @click="$dispatch('open-confirm', { message: 'Êtes-vous sûr de vouloir changer la configuration du connecteur ?', formId: 'edit-connecteur-form' })" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">Enregistrer</button>
            @else
            <button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">Enregistrer</button>
            @endif
            <a href="{{ $backUrl }}" class="px-4 py-2 bg-gray-200 rounded hover:bg-gray-300">Annuler</a>
        </div>
    </form>
</div>
@endsection