@extends('layouts.base')

@section('content')
    @section('breadcrumb')
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.users') }}">Mes utilisateurs</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $user->fullName() }}</li>
            </ol>
        </nav>
    @endsection

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

@php
    $activeTab = session('open_tab') ?: 'informations';
    $commissionsCount = $user->isRole('ROLE_COMMERCIALISATEUR') && isset($commissions) ? $commissions->count() : 0;
@endphp

<div class="container-fluid py-0">
    <div class="container">
        <!-- Header -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="row align-items-center">
                    <div class="col-md-8">
                        <div class="d-flex align-items-center gap-3">
                            <div class="avatar-lg bg-primary text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 70px; height: 70px;">
                                <span class="fs-3 fw-bold">{{ $user->initials() }}</span>
                            </div>
                            <div>
                                <h3 class="mb-1">{{ $user->fullName() }}</h3>
                                <p class="text-muted mb-2">
                                    <span class="icon-mail icon icon-18 text-grey"></span>
                                    <a href="mailto:{{ $user->email }}" class="text-decoration-none">{{ $user->email }}</a>
                                </p>
                                <div class="d-flex gap-2 flex-wrap">
                                    @if($user->is_active)
                                        <span class="badge bg-success text-white">
                                            <i class="fas fa-check me-1"></i>Actif
                                        </span>
                                    @else
                                        <span class="badge bg-danger">
                                            <i class="fas fa-pause me-1"></i>Inactif
                                        </span>
                                    @endif
                                    @if($showDoubleAuthField ?? true)
                                        @if($user->double_auth)
                                            <span class="badge bg-success">
                                                <i class="fas fa-shield-alt me-1"></i>Double authentification activée
                                            </span>
                                        @else
                                            <span class="badge bg-warning">
                                                <i class="fas fa-shield-alt me-1"></i>Double authentification désactivée
                                            </span>
                                        @endif
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 text-md-end mt-3 mt-md-0">
                        <a href="{{ route('partner.user.edit', ['user' => $user->token]) }}" class="btn btn-primary">
                            <span class="icon-square-pen text-white me-2"></span> Modifier
                        </a>
                        <a href="{{ route('partner.users') }}" class="btn btn-outline-primary">
                            <span class="icon-move-left me-2"></span> Retour
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Onglets -->
    <div class="container pt-2">
        <ul class="nav nav-tabs mb-0" id="userTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'informations' ? 'active' : '' }}" id="tab-informations-tab" data-bs-toggle="tab" data-bs-target="#tab-informations" type="button" role="tab" aria-controls="tab-informations" aria-selected="{{ $activeTab === 'informations' ? 'true' : 'false' }}">
                    Informations
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'roles' ? 'active' : '' }}" id="tab-roles-tab" data-bs-toggle="tab" data-bs-target="#tab-roles" type="button" role="tab" aria-controls="tab-roles" aria-selected="{{ $activeTab === 'roles' ? 'true' : 'false' }}">
                    Rôle et accès
                </button>
            </li>
            @if(false)
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'permissions' ? 'active' : '' }}" id="tab-permissions-tab" data-bs-toggle="tab" data-bs-target="#tab-permissions" type="button" role="tab" aria-controls="tab-permissions" aria-selected="{{ $activeTab === 'permissions' ? 'true' : 'false' }}">
                    Permissions
                </button>
            </li>
            @endif
            @if($user->isRole('ROLE_COMMERCIALISATEUR'))
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'commissions' ? 'active' : '' }}" id="tab-commissions-tab" data-bs-toggle="tab" data-bs-target="#tab-commissions" type="button" role="tab" aria-controls="tab-commissions" aria-selected="{{ $activeTab === 'commissions' ? 'true' : 'false' }}">
                    Commissions <span class="badge">{{ $commissionsCount }}</span>
                </button>
            </li>
            @endif
        </ul>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="tab-content" id="userTabsContent">
            <!-- Onglet Informations -->
            <div class="tab-pane fade {{ $activeTab === 'informations' ? 'show active' : '' }}" id="tab-informations" role="tabpanel" aria-labelledby="tab-informations-tab">
                <div class="card mb-4">
                    <div class="card-body">
                        <div class="row g-4">
                            <div class="col-md-3">
                                <p class="mb-1 text-navigo text-medium text-primary text-20">{{ $user->firstname ?? '-' }} {{ $user->lastname ?? '-' }}</p>
                                @if($user->email)
                                    <p><span class="icon-mail icon icon-18 text-grey"></span> <a href="mailto:{{ $user->email }}" class="text-decoration-none">{{ $user->email }}</a></p>
                                @endif
                                @if($user->phones && $user->phones->count() > 0)
                                    @foreach($user->phones as $phone)
                                        <p><span class="icon-phone icon icon-18 text-grey"></span> {{ format_phone_display($phone->value) }} <span class="badge">{{ $phone->type?->label() ?? '-' }}</span></p>
                                    @endforeach
                                @endif
                            </div>
                            <div class="col-md-7 separator-left">
                                <p class="text-14 text-grey">créé le {{ $user->created_at->format('d/m/Y H:i') }}</p>
                                <p class="text-14 text-grey">Dernière modification : {{ $user->updated_at->format('d/m/Y H:i') }}</p>
                                <p>
                                    @if($user->double_auth)
                                        <i class="fas fa-shield-alt me-1 text-success"></i>Double authentification : activée
                                    @else
                                        <i class="fas fa-shield-alt me-1 text-warning"></i>Double authentification : désactivée
                                    @endif
                                </p>
                                @if($application->subscription_manager)
                                    @php
                                        $currentSubscription = $user->subscriptions->first();
                                    @endphp
                                    @if($currentSubscription)
                                        <p class="mt-2"><i class="fas fa-credit-card me-1"></i>Abonnement : {{ $currentSubscription->name }}</p>
                                        @if($currentSubscription->pivot->subscription_created_at)
                                            <small class="text-muted d-block">Début : {{ \Carbon\Carbon::parse($currentSubscription->pivot->subscription_created_at)->format('d/m/Y') }}</small>
                                        @endif
                                        @if($currentSubscription->pivot->subscription_expires_at)
                                            <small class="text-muted d-block">Fin : {{ \Carbon\Carbon::parse($currentSubscription->pivot->subscription_expires_at)->format('d/m/Y') }}</small>
                                        @endif
                                    @else
                                        <p class="mt-2"><i class="fas fa-credit-card me-1"></i>Abonnement : Aucun</p>
                                    @endif
                                @endif
                            </div>
                            <div class="col-md-2 text-end">
                                @if(Auth::user()->isRole('ROLE_SUPPORT'))
                                    <p class="badge">#{{ $user->id }}</p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Onglet Rôle et accès -->
            <div class="tab-pane fade {{ $activeTab === 'roles' ? 'show active' : '' }}" id="tab-roles" role="tabpanel" aria-labelledby="tab-roles-tab">
                <div class="card mb-4">
                    <div class="card-body">
                        <p class="mb-0">
                            <i class="fas fa-info-circle me-1"></i>
                            <strong>Rôle :</strong>
                            @if(count($user->visible_roles ?? []))
                                @foreach($user->visible_roles as $roleName)
                                    @php
                                        $enum = \App\Enums\Role::tryByName((string) $roleName);
                                        if ($enum) {
                                            try {
                                                $enumColor = $enum->color();
                                                $enumLabel = $enum->label();
                                            } catch (\Throwable $e) {
                                                $enumColor = 'secondary';
                                                $enumLabel = $roleName;
                                            }
                                        } else {
                                            $enumColor = 'secondary';
                                            $enumLabel = $roleName;
                                        }
                                    @endphp
                                    @if($enumLabel !== 'Utilisateur')
                                        <span class="badge me-1">{{ $enumLabel }}</span>
                                    @endif
                                @endforeach
                            @else
                                <span class="text-muted">Aucun rôle visible</span>
                            @endif
                        </p>
                    </div>
                </div>
            </div>
            @if(false)
            {{-- afficher les rôles (non utilisés pour le moment) --}}

            <!-- Onglet Permissions -->
            <div class="tab-pane fade {{ $activeTab === 'permissions' ? 'show active' : '' }}" id="tab-permissions" role="tabpanel" aria-labelledby="tab-permissions-tab">
                <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>
                @if(count($user->visible_roles ?? []))
                    <div class="table-responsive">
                        <table class="table-personnalisee table-hover align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th style="width: 250px;">
                                        <i class="fas fa-layer-group me-2"></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;
                                                $hasRole = $user->isRole($roleName);
                                            @endphp
                                            <td class="text-center bg-light">
                                                @if($hasRole)
                                                    <i class="fas fa-check-circle text-success" style="font-size: 1.5rem;"></i>
                                                @else
                                                    <i class="fas fa-times-circle text-muted opacity-25"></i>
                                                @endif
                                            </td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="text-center py-4">
                        <i class="fas fa-shield-alt fa-3x text-muted mb-3"></i>
                        <p class="text-muted">Aucune permission spécifique assignée à cet utilisateur.</p>
                    </div>
                @endif
            </div>
            @endif

            @if($user->isRole('ROLE_COMMERCIALISATEUR'))
            <!-- Onglet Commissions -->
            <div class="tab-pane fade {{ $activeTab === 'commissions' ? 'show active' : '' }}" id="tab-commissions" role="tabpanel" aria-labelledby="tab-commissions-tab">
                @if(isset($commissions) && !$commissions->isEmpty())
                    <div class="table-responsive">
                        <table class="table-personnalisee table-hover align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th style="width: 5%;">#</th>
                                    <th style="width: 20%;">Type</th>
                                    <th style="width: 30%;">Associé à</th>
                                    <th style="width: 15%;" class="text-end">Valeur</th>
                                    <th style="width: 15%;">Date de création</th>
                                    <th style="width: 15%;" class="text-center">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($commissions as $commission)
                                    <tr>
                                        <td>
                                            <span class="badge">#{{ $commission->id }}</span>
                                        </td>
                                        <td>
                                            @if($commission->commissionable_type === 'App\\Models\\Application')
                                                <span class="badge">
                                                    <i class="fas fa-th-large me-1"></i>Application
                                                </span>
                                            @elseif($commission->commissionable_type === 'App\\Models\\Program')
                                                <span class="badge">
                                                    <i class="fas fa-building me-1"></i>Programme
                                                </span>
                                            @elseif($commission->commissionable_type === 'App\\Models\\Product')
                                                <span class="badge">
                                                    <i class="fas fa-home me-1"></i>Lot
                                                </span>
                                            @else
                                                <span class="badge">{{ class_basename($commission->commissionable_type) }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($commission->commissionable)
                                                @if($commission->commissionable_type === 'App\\Models\\Application')
                                                    <div class="fw-bold">{{ $commission->commissionable->name }}</div>
                                                @elseif($commission->commissionable_type === 'App\\Models\\Program')
                                                    <div class="fw-bold">{{ $commission->commissionable->name }}</div>
                                                    <small class="text-muted">Programme</small>
                                                @elseif($commission->commissionable_type === 'App\\Models\\Product')
                                                    <div class="fw-bold">{{ $commission->commissionable->name }}</div>
                                                    <small class="text-muted">{{ $commission->commissionable->program?->name }}</small>
                                                @endif
                                            @else
                                                <span class="text-muted fst-italic">-</span>
                                            @endif
                                        </td>
                                        <td class="text-end">
                                            @if($commission->commission_type)
                                                @if($commission->commission_type->isPourcentage())
                                                    <span class="fw-bold text-primary">
                                                        {{ number_format($commission->value, 2, ',', ' ') }} %
                                                    </span>
                                                @else
                                                    <span class="fw-bold text-success">
                                                        {{ number_format($commission->value, 2, ',', ' ') }} €
                                                    </span>
                                                @endif
                                            @else
                                                <span class="fw-bold text-success">
                                                    {{ number_format($commission->value, 2, ',', ' ') }} €
                                                </span>
                                            @endif
                                        </td>
                                        <td>
                                            <small class="text-muted">
                                                {{ $commission->created_at->format('d/m/Y') }}
                                            </small>
                                        </td>
                                        <td class="text-center" onclick="event.stopPropagation();">
                                            <a href="{{ route('partner.commissions.edit', ['commission' => $commission]) }}"
                                               class="btn btn-sm btn-outline-secondary me-1"
                                               title="Modifier">
                                                <img src="{{ asset('images/pictos/edit.svg') }}" alt="Modifier">
                                            </a>
                                            @if($commission->commissionable_type !== 'App\\Models\\Application')
                                                <button type="button"
                                                        class="btn btn-sm btn-outline-secondary"
                                                        title="Supprimer"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#deleteCommissionModal"
                                                        data-delete-url="{{ route('partner.commissions.destroy', ['commission' => $commission]) }}">
                                                    <img src="{{ asset('images/pictos/trash.svg') }}" alt="Supprimer">
                                                </button>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="text-center py-4">
                        <i class="fas fa-handshake fa-3x text-muted mb-3"></i>
                        <p class="text-muted">Aucune commission pour cet utilisateur sur cette application.</p>
                    </div>
                @endif
            </div>
            @endif
        </div>
    </div>
</div>

@if($user->isRole('ROLE_COMMERCIALISATEUR'))
<!-- Modal de confirmation pour supprimer une commission -->
<div class="modal fade" id="deleteCommissionModal" tabindex="-1" aria-labelledby="deleteCommissionModalLabel" 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="deleteCommissionModalLabel">
                    <i class="fas fa-trash me-2"></i>Supprimer la commission
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-danger mb-3">
                    <i class="fas fa-exclamation-triangle me-2"></i>
                    <strong>Attention :</strong> Cette action va supprimer définitivement cette commission.
                </div>
                <p class="mb-2">Êtes-vous sûr de vouloir supprimer cette commission ?</p>
                <div class="card bg-light border-danger mt-3">
                    <div class="card-body">
                        <h6 class="text-danger mb-2">
                            <i class="fas fa-info-circle me-1"></i>Conséquences de la suppression
                        </h6>
                        <ul class="mb-0 small">
                            <li>La commission sera définitivement supprimée</li>
                            <li>Cette action est irréversible</li>
                            <li>Toutes les données associées seront perdues</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="fas fa-times me-2"></i>Annuler
                </button>
                <form id="deleteCommissionForm" method="POST" 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>
@endif

@push('scripts')
@if($user->isRole('ROLE_COMMERCIALISATEUR'))
<script>
document.addEventListener('DOMContentLoaded', function() {
    const deleteModal = document.getElementById('deleteCommissionModal');
    const deleteForm = document.getElementById('deleteCommissionForm');
    if (deleteModal && deleteForm) {
        deleteModal.addEventListener('show.bs.modal', function(event) {
            const button = event.relatedTarget;
            const deleteUrl = button.getAttribute('data-delete-url');
            deleteForm.action = deleteUrl;
        });
    }
});
</script>
@endif
@endpush
@endsection