@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 py-2">
        @if ($errors->any())
            <div class="alert alert-danger alert-dismissible fade show text-center" role="alert">
                <h5 class="alert-heading"><i class="fas fa-exclamation-triangle me-2"></i>Erreur</h5>
                <ul class="mb-0 list-unstyled">
                    @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 text-center" role="alert">
                <h5 class="alert-heading"><i class="fas fa-check-circle me-2"></i>Succès</h5>
                <p>{{ session('success') }}</p>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        
        <div class="row">
            <!-- Profile Card -->
            <div class="col-lg-4 mb-4">
                <div class="card shadow-sm h-100">
                    <div class="card-body text-center">
                        @if($user)
                            <div class="avatar-lg bg-primary text-white rounded-circle d-flex align-items-center justify-content-center mx-auto mb-3">
                                {{ $user->initials() }}
                            </div>
                            <h4 class="card-title mb-1">{{ $user->fullName() }}</h4>
                            <p class="text-muted mb-3">{{ $user->email }}</p>
                        @else
                            <div class="avatar-lg bg-primary text-white rounded-circle d-flex align-items-center justify-content-center mx-auto mb-3">
                                <i class="fas fa-user-plus fa-2x"></i>
                            </div>
                            <h4 class="card-title mb-1">Nouvel utilisateur</h4>
                            <p class="text-muted mb-3">Création d'un nouvel utilisateur</p>
                        @endif
                        
                        <!-- Status Badge -->
                        @if($user)
                            @if($user->email_verified_at)
                                <span class="badge bg-success fs-6 mb-3">
                                    <i class="fas fa-check-circle me-1"></i>Compte validé
                                </span>
                            @else
                                <span class="badge bg-warning fs-6 mb-3">
                                    <i class="fas fa-clock me-1"></i>En attente
                                </span>
                            @endif
                        @endif

                        <!-- Action Buttons -->
                        <div class="d-grid 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 à la liste
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Form Card -->
            <div class="col-lg-8">
                <div class="card shadow-sm h-100">
                    <div class="card-header">
                        <h5 class="mb-0">
                            <i class="fas fa-{{ $user ? 'edit' : 'user-plus' }} me-2"></i>
                            {{ $user ? 'Modifier l\'utilisateur' : 'Créer un utilisateur' }}
                        </h5>
                    </div>
                    <div class="card-body">
                        <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">
                                <!-- Personal Info -->
                                <div class="col-md-6">
                                    <h6 class="text-primary mb-3">
                                        <i class="fas fa-user me-2"></i>Informations personnelles
                                    </h6>
                                    <div class="mb-3">
                                        <label for="firstname" class="form-label fw-bold">Prénom <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control @error('firstname') is-invalid @enderror" 
                                               id="firstname" name="firstname" 
                                               value="{{ old('firstname', $user->firstname ?? '') }}" required>
                                        @error('firstname')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="mb-3">
                                        <label for="lastname" class="form-label fw-bold">Nom <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control @error('lastname') is-invalid @enderror" 
                                               id="lastname" name="lastname" 
                                               value="{{ old('lastname', $user->lastname ?? '') }}" required>
                                        @error('lastname')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="mb-3">
                                        <label for="email" class="form-label fw-bold">Email <span class="text-danger">*</span></label>
                                        <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                               id="email" name="email" 
                                               value="{{ old('email', $user->email ?? '') }}" required>
                                        @error('email')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <!-- Account Info -->
                                <div class="col-md-6">
                                    <h6 class="text-primary mb-3">
                                        <i class="fas fa-shield-alt me-2"></i>Compte et rôles
                                    </h6>
                                    @if($user)
                                        <div class="mb-3">
                                            <label class="form-label fw-bold text-muted">ID Utilisateur</label>
                                            <p class="mb-0"><code>{{ $user->id }}</code></p>
                                        </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 class="mb-3">
                                        <label class="form-label fw-bold">Rôles</label>
                                        <div class="d-flex flex-wrap gap-2">
                                            @foreach($roles as $role)
                                                @if($role->showToPartner())
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" 
                                                               id="role_{{ $role->name }}" name="roles[]" value="{{ $role->name }}"
                                                               @if($user && $user->isRole($role->name)) checked @endif>
                                                        <label class="form-check-label" for="role_{{ $role->name }}">
                                                            <span class="badge bg-{{ $role->color() }}">{{ $role->label() }}</span>
                                                        </label>
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>
                                        @error('roles')
                                            <div class="text-danger small">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    
                                    @if($application->subscription_manager && isset($subscriptions) && $subscriptions->count() > 0)
                                    @php
                                        // Récupérer l'abonnement actuel depuis la relation pivot
                                        $currentSubscription = $user ? $user->subscriptions->first() : null;
                                        $currentSubscriptionId = $currentSubscription ? $currentSubscription->id : null;
                                        $pivotCreatedAt = $currentSubscription && $currentSubscription->pivot ? $currentSubscription->pivot->subscription_created_at : null;
                                        $pivotExpiresAt = $currentSubscription && $currentSubscription->pivot ? $currentSubscription->pivot->subscription_expires_at : null;
                                    @endphp
                                    <div class="mb-3">
                                        <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 }}
                                                    @if($subscription->price_monthly || $subscription->price_yearly)
                                                        - Mensuel: {{ $subscription->price_monthly ? number_format($subscription->price_monthly, 2) . ' €' : 'Gratuit' }} 
                                                        | Annuel: {{ $subscription->price_yearly ? number_format($subscription->price_yearly, 2) . ' €' : 'Gratuit' }}
                                                    @else
                                                        - Gratuit
                                                    @endif
                                                </option>
                                            @endforeach
                                        </select>
                                        <small class="text-muted">Choisissez l'abonnement de cet utilisateur</small>
                                        @error('subscription_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <label for="subscription_created_at" class="form-label fw-bold">
                                                <i class="fas fa-calendar-plus me-1"></i>Date de début d'abonnement
                                            </label>
                                            <input type="date" 
                                                   class="form-control @error('subscription_created_at') is-invalid @enderror" 
                                                   id="subscription_created_at" 
                                                   name="subscription_created_at" 
                                                   value="{{ old('subscription_created_at', $pivotCreatedAt ? \Carbon\Carbon::parse($pivotCreatedAt)->format('Y-m-d') : '') }}">
                                            <small class="text-muted">Date de début de l'abonnement</small>
                                            @error('subscription_created_at')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label for="subscription_expires_at" class="form-label fw-bold">
                                                <i class="fas fa-calendar-times me-1"></i>Date de fin d'abonnement
                                            </label>
                                            <input type="date" 
                                                   class="form-control @error('subscription_expires_at') is-invalid @enderror" 
                                                   id="subscription_expires_at" 
                                                   name="subscription_expires_at" 
                                                   value="{{ old('subscription_expires_at', $pivotExpiresAt ? \Carbon\Carbon::parse($pivotExpiresAt)->format('Y-m-d') : '') }}">
                                            <small class="text-muted">Date d'expiration de l'abonnement</small>
                                            @error('subscription_expires_at')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>

                            @if(!$user)
                            <hr class="my-4">
                            <div class="row g-4">
                                <div class="col-md-6">
                                    <h6 class="text-primary mb-3">
                                        <i class="fas fa-lock me-2"></i>Mot de passe
                                    </h6>
                                    <div class="mb-3">
                                        <label for="password" class="form-label fw-bold">Mot de passe <span class="text-danger">*</span></label>
                                        <input type="password" class="form-control @error('password') is-invalid @enderror" 
                                               id="password" name="password" required>
                                        @error('password')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="mb-3">
                                        <label for="password_confirmation" class="form-label fw-bold">Confirmer le mot de passe <span class="text-danger">*</span></label>
                                        <input type="password" class="form-control" 
                                               id="password_confirmation" name="password_confirmation" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <h6 class="text-primary mb-3">
                                        <i class="fas fa-th-large me-2"></i>Application
                                    </h6>
                                    <div class="mb-3">
                                        <label class="form-label fw-bold text-muted">Application associée</label>
                                        <p class="mb-0">
                                            <span class="badge bg-primary">{{ $application->name }}</span>
                                        </p>
                                        <input type="hidden" name="application_id" value="{{ $application->id }}">
                                    </div>
                                </div>
                            </div>
                            @endif

                            <hr class="my-4">

                            <!-- Form Actions -->
                            <div class="d-flex justify-content-between">
                                <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-{{ $user ? 'save' : 'plus' }} me-2"></i>
                                    {{ $user ? 'Mettre à jour' : 'Créer l\'utilisateur' }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
    .avatar-lg {
        width: 120px;
        height: 120px;
        font-size: 48px;
        font-weight: bold;
    }
    .card {
        border: none;
        border-radius: 12px;
    }
    .card-header {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        border-bottom: 1px solid #dee2e6;
        border-radius: 12px 12px 0 0 !important;
    }
    .form-label {
        font-size: 0.875rem;
        margin-bottom: 0.25rem;
    }
    .badge {
        font-size: 0.75rem;
    }
    .form-check-input:checked + .form-check-label .badge {
        opacity: 1;
    }
    .form-check-input:not(:checked) + .form-check-label .badge {
        opacity: 0.5;
    }
    </style>
@endsection