@extends('layouts.base')

@section('content')
    @section('breadcrumb')
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('front.index') }}">Tableau de bord</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.application.users', $application) }}">Mes utilisateurs</a></li>
                @if($user)
                    <li class="breadcrumb-item"><a href="{{ route('partner.user.show', ['application' => $application, 'user' => $user]) }}">{{ $user->fullName() }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Modifier</li>
                @else
                    <li class="breadcrumb-item active" aria-current="page">Nouvel utilisateur</li>
                @endif
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-4">
        @if ($errors->any())
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <h5 class="alert-heading"><i class="fas fa-exclamation-triangle me-2"></i>Erreurs de validation</h5>
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <h5 class="alert-heading"><i class="fas fa-check-circle me-2"></i>Succès</h5>
                <p class="mb-0">{{ session('success') }}</p>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        
        <!-- Header -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="card shadow-sm border-0">
                    <div class="card-body py-3">
                        <div class="d-flex justify-content-between align-items-center flex-wrap">
                            <div class="d-flex align-items-center gap-3">
                                @if($user)
                                    <div class="avatar-lg bg-primary text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                        <span class="fs-4 fw-bold">{{ $user->initials() }}</span>
                                    </div>
                                    <div>
                                        <h3 class="mb-0">{{ $user->fullName() }}</h3>
                                        <p class="text-muted mb-0">{{ $user->email }}</p>
                                    </div>
                                @else
                                    <div class="avatar-lg bg-success text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                        <i class="fas fa-user-plus fa-2x"></i>
                                    </div>
                                    <div>
                                        <h3 class="mb-0">Nouvel utilisateur</h3>
                                        <p class="text-muted mb-0">Création d'un nouveau compte</p>
                                    </div>
                                @endif
                            </div>
                            <div class="d-flex gap-2">
                                @if($user)
                                    <a href="{{ route('partner.user.show', ['application' => $application, 'user' => $user]) }}" class="btn btn-outline-primary">
                                        <i class="fas fa-eye me-2"></i>Voir le profil
                                    </a>
                                @endif
                                <a href="{{ route('partner.application.users', $application) }}" class="btn btn-outline-secondary">
                                    <i class="fas fa-arrow-left me-2"></i>Retour
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Form -->
        <form method="POST" action="{{ $user ? route('partner.user.update', ['application' => $application, 'user' => $user]) : route('partner.user.store', $application) }}">
            @csrf
            @if($user)
                @method('PUT')
            @endif

            <div class="row g-4">
                <!-- Informations personnelles -->
                <div class="col-lg-6">
                    <div class="card shadow-sm h-100">
                        <div class="card-header bg-primary">
                            <h5 class="mb-0 text-dark">
                                <i class="fas fa-user me-2"></i>Informations personnelles
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label class="form-label fw-bold">
                                    <i class="fas fa-user me-1 text-primary"></i>Prénom
                                </label>
                                <input type="text" name="firstname" class="form-control @error('firstname') is-invalid @enderror" 
                                       value="{{ old('firstname', $user->firstname ?? '') }}" required>
                                @error('firstname')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-label fw-bold">
                                    <i class="fas fa-user me-1 text-primary"></i>Nom
                                </label>
                                <input type="text" name="lastname" class="form-control @error('lastname') is-invalid @enderror" 
                                       value="{{ old('lastname', $user->lastname ?? '') }}" required>
                                @error('lastname')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-label fw-bold">
                                    <i class="fas fa-envelope me-1 text-primary"></i>Email
                                </label>
                                <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" 
                                       value="{{ old('email', $user->email ?? '') }}" required>
                                @error('email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Téléphones -->
                            <x-phone-inputs :phones="$user->phones ?? []" name="phones" />

                            @if(!$user)
                                <div class="mb-3">
                                    <label class="form-label fw-bold">
                                        <i class="fas fa-lock me-1 text-primary"></i>Mot de passe
                                    </label>
                                    <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required>
                                    @error('password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="text-muted">Minimum 8 caractères</small>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label fw-bold">
                                        <i class="fas fa-lock me-1 text-primary"></i>Confirmer le mot de passe
                                    </label>
                                    <input type="password" name="password_confirmation" class="form-control" required>
                                </div>
                            @else
                                <div class="alert alert-info">
                                    <i class="fas fa-info-circle me-2"></i>
                                    <small>Laissez les champs de mot de passe vides pour conserver le mot de passe actuel.</small>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label fw-bold">
                                        <i class="fas fa-lock me-1 text-warning"></i>Nouveau mot de passe (optionnel)
                                    </label>
                                    <input type="password" name="password" class="form-control @error('password') is-invalid @enderror">
                                    @error('password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="text-muted">Minimum 8 caractères</small>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label fw-bold">
                                        <i class="fas fa-lock me-1 text-warning"></i>Confirmer le mot de passe
                                    </label>
                                    <input type="password" name="password_confirmation" class="form-control">
                                </div>
                            @endif

                            <div class="mb-3">
                                <label class="form-label fw-bold">Statut</label>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1"
                                           @if(old('is_active', $user->is_active ?? true)) checked @endif>
                                    <label class="form-check-label" for="is_active">
                                        <strong>Compte actif</strong>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Permissions et abonnement -->
                <div class="col-lg-6">
                    <div class="card shadow-sm h-100">
                        <div class="card-header bg-warning">
                            <h5 class="mb-0 text-dark">
                                <i class="fas fa-shield-alt me-2"></i>Permissions et accès
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-4">
                                <label class="form-label fw-bold">Permissions</label>
                                <small class="text-muted d-block mb-3">
                                    <i class="fas fa-info-circle me-1"></i>
                                    <strong>* Produits</strong> = Programmes, Lots et Annexes
                                </small>
                                
                                <div class="table-responsive">
                                    <table class="table table-bordered align-middle mb-0">
                                        <thead class="table-light">
                                            <tr>
                                                <th style="width: 180px;">
                                                    <i class="fas fa-layer-group me-1"></i>Module
                                                </th>
                                                <th class="text-center">
                                                    <i class="fas fa-eye me-1 text-primary"></i>Consulter
                                                </th>
                                                <th class="text-center">
                                                    <i class="fas fa-edit me-1 text-warning"></i>Modifier
                                                </th>
                                                <th class="text-center">
                                                    <i class="fas fa-trash me-1 text-danger"></i>Supprimer
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $modules = \App\Enums\Role::moduleMetadata();
                                                $actions = ['SHOW', 'EDIT', 'DELETE'];
                                            @endphp
                                            
                                            @foreach($modules as $moduleKey => $moduleData)
                                                <tr>
                                                    <td>
                                                        <i class="fas {{ $moduleData['icon'] }} me-2 text-{{ $moduleData['color'] }}"></i>
                                                        <strong>{{ $moduleData['label'] }}</strong>
                                                    </td>
                                                    @foreach($actions as $action)
                                                        @php
                                                            $roleName = 'ROLE_' . $moduleKey . '_' . $action;
                                                            $roleEnum = \App\Enums\Role::tryByName($roleName);
                                                        @endphp
                                                        <td class="text-center bg-light">
                                                            @if($roleEnum)
                                                                <div class="d-flex justify-content-center align-items-center gap-2">
                                                                    <div class="form-check d-flex justify-content-center">
                                                                        <input class="form-check-input" type="checkbox" 
                                                                               id="role_{{ $roleName }}" name="roles[]" value="{{ $roleName }}"
                                                                               @if($user && $user->isRole($roleName)) checked @endif>
                                                                    </div>
                                                                    <button type="button" class="btn btn-link btn-sm p-0 text-primary role-info-trigger"
                                                                            data-role-label="{{ $roleEnum->label() }}"
                                                                            data-role-description="{{ $roleEnum->description() }}"
                                                                            title="Description du rôle">
                                                                        <i class="fas fa-info-circle"></i>
                                                                    </button>
                                                                </div>
                                                            @else
                                                                <span class="text-muted">-</span>
                                                            @endif
                                                        </td>
                                                    @endforeach
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                
                                @error('roles')
                                    <div class="text-danger small mt-2">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            @if($application->subscription_manager && $subscriptions && $subscriptions->count() > 0)
                            <div class="mt-4 pt-4 border-top">
                                @php
                                    // Récupérer l'abonnement actuel depuis la relation pivot
                                    $currentSubscription = null;
                                    $currentSubscriptionId = null;
                                    $currentSubscriptionCreatedAt = null;
                                    $currentSubscriptionExpiresAt = null;
                                    
                                    if ($user && $user->subscriptions) {
                                        $currentSubscription = $user->subscriptions->firstWhere('pivot.application_id', $application->id);
                                        if ($currentSubscription && $currentSubscription->pivot) {
                                            $currentSubscriptionId = $currentSubscription->id;
                                            $currentSubscriptionCreatedAt = $currentSubscription->pivot->subscription_created_at 
                                                ? \Carbon\Carbon::parse($currentSubscription->pivot->subscription_created_at)->format('Y-m-d') 
                                                : '';
                                            $currentSubscriptionExpiresAt = $currentSubscription->pivot->subscription_expires_at 
                                                ? \Carbon\Carbon::parse($currentSubscription->pivot->subscription_expires_at)->format('Y-m-d') 
                                                : '';
                                        }
                                    }
                                @endphp
                                <label class="form-label fw-bold">
                                    <i class="fas fa-credit-card me-1"></i>Abonnement
                                </label>
                                <select name="subscription_id" class="form-select @error('subscription_id') is-invalid @enderror">
                                    <option value="">-- Aucun abonnement --</option>
                                    @foreach($subscriptions as $subscription)
                                        <option value="{{ $subscription->id }}" 
                                            @if(old('subscription_id', $currentSubscriptionId) == $subscription->id) selected @endif>
                                            {{ $subscription->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('subscription_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="text-muted">Sélectionnez un abonnement pour cet utilisateur</small>

                                <div class="mt-3">
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-calendar-plus me-1 text-success"></i>Date de début
                                            </label>
                                            <input type="date" name="subscription_created_at" class="form-control @error('subscription_created_at') is-invalid @enderror" 
                                                   value="{{ old('subscription_created_at', $currentSubscriptionCreatedAt) }}">
                                            @error('subscription_created_at')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-calendar-times me-1 text-danger"></i>Date de fin
                                            </label>
                                            <input type="date" name="subscription_expires_at" class="form-control @error('subscription_expires_at') is-invalid @enderror" 
                                                   value="{{ old('subscription_expires_at', $currentSubscriptionExpiresAt) }}">
                                            @error('subscription_expires_at')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- Applications (si modification) -->
                @if($user && $user->applications && $user->applications->count() > 0)
                <div class="col-12">
                    <div class="card shadow-sm">
                        <div class="card-header bg-secondary">
                            <h5 class="mb-0 text-dark">
                                <i class="fas fa-th-large me-2"></i>Applications associées
                                <span class="badge bg-white text-dark ms-2">{{ $user->applications->count() }}</span>
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                @foreach($user->applications as $app)
                                <div class="col-md-4">
                                    <div class="card border h-100">
                                        <div class="card-body">
                                            <div class="d-flex align-items-start justify-content-between">
                                                <div class="flex-grow-1">
                                                    <h6 class="mb-1">
                                                        <i class="fas fa-th-large text-primary me-1"></i>
                                                        {{ $app->name }}
                                                    </h6>
                                                    <small class="text-muted d-block">{{ $app->domain }}</small>
                                                </div>
                                                @if($app->is_active)
                                                    <span class="badge bg-success">Actif</span>
                                                @else
                                                    <span class="badge bg-secondary">Inactif</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                <!-- Boutons d'action -->
                <div class="col-12">
                    <div class="card shadow-sm">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
                                <div>
                                    @if($user)
                                        <button type="button" class="btn btn-danger" onclick="confirmDelete({{ $user->id }})">
                                            <i class="fas fa-trash me-2"></i>Supprimer l'utilisateur
                                        </button>
                                    @endif
                                </div>
                                <div class="d-flex gap-2">
                                    <a href="{{ route('partner.application.users', $application) }}" class="btn btn-outline-secondary">
                                        <i class="fas fa-times me-2"></i>Annuler
                                    </a>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save me-2"></i>{{ $user ? 'Mettre à jour' : 'Créer' }}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

    @if($user)
    <!-- Delete Confirmation Modal -->
    <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title" id="deleteModalLabel">
                        <i class="fas fa-exclamation-triangle me-2"></i>Confirmer la suppression
                    </h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>Êtes-vous sûr de vouloir supprimer cet utilisateur ?</p>
                    <p class="text-danger fw-bold">Cette action est irréversible.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <form id="deleteForm" method="POST" action="{{ route('partner.user.destroy', ['application' => $application, 'user' => $user]) }}" style="display: inline;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger">
                            <i class="fas fa-trash me-2"></i>Supprimer
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        function confirmDelete(userId) {
            const modal = new bootstrap.Modal(document.getElementById('deleteModal'));
            modal.show();
        }
    </script>
    @endif

    @include('front.modal')

@endsection