@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.commercialisateurs') }}">Commercialisateurs</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
    $openTab = session('open_tab') ?: 'informations-generales';
    $activeTab = $openTab === 'commissions' ? 'informations-generales' : $openTab;
@endphp

<div class="container-fluid py-0">
    <div class="container">
        <!-- Header -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="justify-content-between align-items-center">
                    <div class="row">
                        <div class="col-md-1">
                            @php
                                $firstInitial = strtoupper(substr($user->firstname ?? '', 0, 1));
                                $lastInitial = strtoupper(substr($user->lastname ?? '', 0, 1));
                                $initials = $firstInitial . $lastInitial;
                            @endphp
                            @if($initials)
                                <span class="client-avatar-large me-3">{{ $initials }}</span>
                            @endif
                        </div>
                        <div class="col-md-8">
                            <h1 class="h3 mb-2 text-primary">{{ $user->fullName() }}</h1>
                            <div class="d-flex align-items-center flex-wrap gap-2">
                                <span class="text-grey text-16"><span class="icon-mail icon text-grey"></span>
                                    {{ $user->email }}</span>
                                @if($user->phones && $user->phones->count() > 0)
                                    <span class="separator-vertical"></span>
                                    <span class="text-grey text-16"><span class="icon-phone icon text-grey"></span> {{ format_phone_display($user->phones->first()?->value ?? null) }}</span>
                                @endif
                                @if($user->networks && $user->networks->count() > 0)
                                    <span class="separator-vertical"></span>
                                    <span class="text-grey text-16"><span class="icon-briefcase-business icon text-grey"></span> {{ $user->networks->first()->name }}</span>
                                @endif
                                @if($user->is_active)
                                    <span class="separator-vertical"></span>
                                    <span class="badge bg-success text-white"><i class="fas fa-check me-1"></i>Actif</span>
                                @else
                                    <span class="separator-vertical"></span>
                                    <span class="badge bg-danger text-white"><i class="fas fa-pause me-1"></i>Inactif</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-3">
                            @if(auth()->user()->canAccessPartnerCommercialNetworksWrite())
                            <a href="{{ route('partner.commercialisateur.edit', $user->token) }}" class="btn btn-primary me-2">
                                <span class="icon-square-pen icon icon-16 text-white align-items-center justify-content-center mx-auto"></span> Modifier
                            </a>
                            @endif

                            <a href="{{ route('partner.commercialisateurs') }}" class="btn btn-outline-secondary">
                                <span class="icon-arrow-left icon icon-16 text-primary align-items-center justify-content-center mx-auto"></span> Retour
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Onglets -->
    <div class="container pt-2">
        <ul class="nav nav-tabs mb-0" id="commercialisateurTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'informations-generales' ? 'active' : '' }}" id="tab-informations-generales-tab" data-bs-toggle="tab" data-bs-target="#tab-informations-generales" type="button" role="tab" aria-controls="tab-informations-generales" aria-selected="{{ $activeTab === 'informations-generales' ? 'true' : 'false' }}">
                    Informations générales
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'dossiers' ? 'active' : '' }}" id="tab-dossiers-tab" data-bs-toggle="tab" data-bs-target="#tab-dossiers" type="button" role="tab" aria-controls="tab-dossiers" aria-selected="{{ $activeTab === 'dossiers' ? 'true' : 'false' }}">
                    Dossiers <span class="badge">{{ $dossiers ? $dossiers->count() : 0 }}</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'clients' ? 'active' : '' }}" id="tab-clients-tab" data-bs-toggle="tab" data-bs-target="#tab-clients" type="button" role="tab" aria-controls="tab-clients" aria-selected="{{ $activeTab === 'clients' ? 'true' : 'false' }}">
                    Clients <span class="badge">{{ isset($commercialisateurClients) ? $commercialisateurClients->count() : 0 }}</span>
                </button>
            </li>
        </ul>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="tab-content" id="commercialisateurTabsContent">
            <!-- Onglet Informations générales -->
            <div class="tab-pane fade {{ $activeTab === 'informations-generales' ? 'show active' : '' }}" id="tab-informations-generales" role="tabpanel" aria-labelledby="tab-informations-generales-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 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 text-grey"></span> {{ format_phone_display($phone->value) }} <span class="badge">{{ $phone->type?->label() ?? '-' }}</span></p>
                                    @endforeach
                                @endif
                                @if($user->professions && $user->professions->count() > 0)
                                    <p><span class="icon-briefcase-business icon text-grey"></span> @foreach($user->professions as $profession)<span class="badge me-1">{{ $profession->name ?? '-' }}</span>@endforeach</p>
                                @endif
                                @if($user->networks && $user->networks->count() > 0)
                                    <p><span class="icon-briefcase-business icon text-grey"></span>
                                        <a href="{{ route('partner.network.show', $user->networks->first()->token) }}" class="text-decoration-none">{{ $user->networks->first()->name }}</a>
                                    </p>
                                @endif
                            </div>
                            <div class="col-md-7 separator-left">
                                @if($user->address && ($user->address->line_1 || $user->address->line_2))
                                    <p><span class="icon-map-pin icon text-grey"></span> {{ $user->address->line_1 ?? '' }}{{ $user->address->line_2 ? ', ' . $user->address->line_2 : '' }}</p>
                                @endif
                                @if($user->address && ($user->address->zip_code || $user->address->city))
                                    <p>{{ $user->address->zip_code ?? '-' }} {{ $user->address->city ?? '-' }}</p>
                                @endif
                                <p class="text-14 text-grey">créé le {{ $user->created_at->format('d/m/Y H:i') }}</p>
                                <p class="text-14 text-grey">
                                    @if($user->last_connection_to_the_front_at)
                                        Dernière connexion : {{ $user->last_connection_to_the_front_at->format('d/m/Y H:i') }}
                                    @else
                                        Jamais connecté
                                    @endif
                                </p>
                                @if($showDoubleAuthField ?? true)
                                    <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>
                                @endif
                            </div>
                            <div class="col-md-2 text-end">
                                @if(Auth::user()->isRole('ROLE_SUPPORT'))
                                    <p class="badge mt-2">#{{ $user->id }}</p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-body">
                        <h5 class="mb-3 text-navigo text-bold text-18">
                            <i class="fas fa-handshake me-2"></i>Commissions
                            @if($commissions && $commissions->count() > 0)
                                <span class="badge ms-2">{{ $commissions->count() }}</span>
                            @endif
                        </h5>
                        @if($commissions && $commissions->count() > 0)
                            <div class="table-responsive">
                                <table class="table-personnalisee table-hover align-middle mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th style="width: 40%;">Programme</th>
                                            <th style="width: 25%;" class="text-end">Valeur</th>
                                            <th style="width: 15%;">Date de création</th>
                                            <th style="width: 20%;" class="text-center"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($commissions as $commission)
                                            @php
                                                $program = $commission->commissionable;
                                                $application = null;
                                                if ($program && isset($commonApplicationIds) && $commonApplicationIds) {
                                                    $application = $program->applications->whereIn('id', $commonApplicationIds->toArray())->first();
                                                }
                                            @endphp
                                            <tr>
                                                <td>
                                                    @if($commission->commissionable && $commission->commissionable_type === 'App\\Models\\Program' && $application)
                                                        <a href="{{ route('partner.program.show', ['program' => $commission->commissionable->token]) }}" class="text-decoration-none text-navigo text-medium text-dark text-14">
                                                            {{ $commission->commissionable->name }}
                                                        </a>
                                                    @elseif($commission->commissionable && $commission->commissionable_type === 'App\\Models\\Program')
                                                        <span class="text-roboto text-medium text-grey text-14">{{ $commission->commissionable->name }}</span>
                                                    @else
                                                        <span class="text-muted">-</span>
                                                    @endif
                                                </td>
                                                <td class="text-end">
                                                    @php
                                                        $hasTtc = !empty($commission->value_ttc);
                                                        $hasHt = !empty($commission->value_ht);
                                                    @endphp
                                                    @if($hasTtc || $hasHt)
                                                        <div>
                                                            @if($hasTtc)
                                                                <span class="fw-bold text-primary">TTC : {{ number_format($commission->value_ttc, 2, ',', ' ') }} %</span>
                                                            @endif
                                                            @if($hasHt)
                                                                @if($hasTtc)<br>@endif
                                                                <span class="fw-bold text-info">HT : {{ number_format($commission->value_ht, 2, ',', ' ') }} %</span>
                                                            @endif
                                                        </div>
                                                    @else
                                                        <span class="text-muted">-</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <span class="text-roboto text-medium text-grey text-14">{{ $commission->created_at->format('d/m/Y') }}</span>
                                                </td>
                                                <td class="text-center">
                                                    @if(isset($application) && $application)
                                                        <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>
                                                        <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>
                                                    @else
                                                        <span class="text-muted">-</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <p class="text-muted mb-0">
                                <i class="fas fa-info-circle me-1"></i>Aucune commission trouvée.
                            </p>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Onglet Dossiers -->
            <div class="tab-pane fade {{ $activeTab === 'dossiers' ? 'show active' : '' }}" id="tab-dossiers" role="tabpanel" aria-labelledby="tab-dossiers-tab">
                @if($dossiers && $dossiers->count() > 0)
                    <div class="table-responsive">
                        <table class="table-personnalisee table-hover align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Nom du client</th>
                                    <th>Programme</th>
                                    <th>Lot</th>
                                    <th class="text-end">Prix</th>
                                    <th>Statut</th>
                                    <th>Date option</th>
                                    <th>Date réservation</th>
                                    <th>Date de signature</th>
                                    <th class="text-center"></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($dossiers as $dossier)
                                    <tr>
                                        <td>
                                            @if($dossier['client'] && $dossier['application'])
                                                <a href="{{ route('partner.clients.show', ['application' => $dossier['application'], 'client' => $dossier['client']->token]) }}" class="text-decoration-none text-navigo text-medium text-dark text-14">
                                                    {{ $dossier['client_name'] }}
                                                </a>
                                            @else
                                                <span class="text-roboto text-medium text-grey text-14">{{ $dossier['client_name'] }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($dossier['program'] && $dossier['application'])
                                                <a href="{{ route('partner.program.show', ['program' => $dossier['program']->token]) }}" class="text-decoration-none text-navigo text-medium text-dark text-14">
                                                    {{ $dossier['programme'] }}
                                                </a>
                                            @else
                                                <span class="text-roboto text-medium text-grey text-14">{{ $dossier['programme'] }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($dossier['product'] && $dossier['program'] && $dossier['application'])
                                                <a href="{{ route('partner.lot.show', ['program' => $dossier['program']->token, 'lot' => $dossier['product']->token]) }}" class="text-decoration-none text-navigo text-medium text-dark text-14">
                                                    {{ $dossier['lot'] }}
                                                </a>
                                            @else
                                                <span class="text-roboto text-medium text-grey text-14">{{ $dossier['lot'] }}</span>
                                            @endif
                                        </td>
                                        <td class="text-end"><span class="text-roboto text-medium text-grey text-14">{{ $dossier['prix'] }}</span></td>
                                        <td><span class="badge">{{ $dossier['statut'] }}</span></td>
                                        <td><span class="text-roboto text-medium text-grey text-14">{{ $dossier['date_option'] }}</span></td>
                                        <td><span class="text-roboto text-medium text-grey text-14">{{ $dossier['date_reservation'] }}</span></td>
                                        <td><span class="text-roboto text-medium text-grey text-14">{{ $dossier['date_signature'] ?? '-' }}</span></td>
                                        <td class="text-center">
                                            @if($dossier['application'] && $dossier['token'])
                                                @if(isset($dossier['reservation_token']) && $dossier['reservation_token'])
                                                    <a href="{{ route('partner.reservations.show', ['reservation' => $dossier['reservation_token']]) }}" class="btn btn-sm btn-outline-secondary" title="Voir dossier">
                                                        <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                                    </a>
                                                @else
                                                    <a href="{{ route('partner.options.show', ['application' => $dossier['application'], 'option' => $dossier['token']]) }}" class="btn btn-sm btn-outline-secondary" title="Voir dossier">
                                                        <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                                    </a>
                                                @endif
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="text-center py-4">
                        <i class="fas fa-folder-open fa-3x text-muted mb-3"></i>
                        <p class="text-muted">Aucun dossier trouvé</p>
                    </div>
                @endif
            </div>

            <!-- Onglet Clients (portefeuille) -->
            <div class="tab-pane fade {{ $activeTab === 'clients' ? 'show active' : '' }}" id="tab-clients" role="tabpanel" aria-labelledby="tab-clients-tab">
                @if(isset($commercialisateurClients) && $commercialisateurClients->count() > 0)
                    <div class="table-responsive">
                        <table class="table-personnalisee table-hover align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Nom du client</th>
                                    <th class="text-end">Nombre de dossiers actifs</th>
                                    <th class="text-center"></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($commercialisateurClients as $clientRow)
                                    <tr>
                                        <td>
                                            <span class="text-navigo text-medium text-dark text-14">{{ $clientRow->fullName() }}</span>
                                        </td>
                                        <td class="text-end">
                                            <span class="badge">{{ (int) ($clientRow->portfolio_active_dossiers_count ?? 0) }}</span>
                                        </td>
                                        <td class="text-center">
                                            @if($clientRow->application)
                                                <a href="{{ route('partner.clients.show.legacy', ['application' => $clientRow->application, 'client' => $clientRow]) }}" class="btn btn-sm btn-outline-secondary" title="Voir fiche client" aria-label="Voir fiche client">
                                                    <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                                </a>
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="text-center py-4">
                        <i class="fas fa-users fa-3x text-muted mb-3"></i>
                        <p class="text-muted mb-0">Aucun client avec dossier pour ce commercialisateur</p>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- 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>

@push('scripts')
<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 ? button.getAttribute('data-delete-url') : null;
            if (deleteUrl) {
                deleteForm.action = deleteUrl;
            }
        });
    }
});
</script>
@endpush
@endsection