@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.networks') }}">Entreprises</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ $network->name }}</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
@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif
@if($errors->any())
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <strong>Des erreurs empêchent l'enregistrement :</strong>
        <ul class="mb-0 mt-2">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

@php
    $notesCount = \App\Models\Note::where('noteable_type', \App\Models\Network::class)
        ->where('noteable_id', $network->id)
        ->count();
    $activeTab = session('open_tab') ?: 'informations';
@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
                                $initials = $network->name ? strtoupper(substr($network->name, 0, 2)) : '';
                            @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">{{ $network->name }}</h1>
                            <div class="d-flex align-items-center flex-wrap gap-2">
                                @if($network->phones && $network->phones->count() > 0)
                                    <span class="text-grey text-16"><span class="icon-phone icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ format_phone_display($network->phones->first()->value ?? null) }}</span>
                                    <span class="separator-vertical"></span>
                                @endif
                                @if($network->address?->city)
                                    <span class="text-grey text-16"><span class="icon-map-pin icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ $network->address?->city ?? '-' }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3 d-flex justify-content-end align-items-center gap-2">
                            <a href="{{ route('partner.networks') }}" class="btn btn-outline-secondary">
                                <span class="icon-arrow-left icon icon-16 align-items-center justify-content-center mx-auto"></span> Retour
                            </a>
                            @if(auth()->user()->canAccessPartnerCommercialNetworksWrite())
                            <div class="dropdown btn m-0 p-0" id="network-actions-dropdown">
                                <button type="button" class="btn btn-md btn-outline-secondary dropdown-toggle dropdown-toggle-no-arrow" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="icon-ellipsis-vertical text-dark icon icon-16 align-items-center justify-content-center mx-auto"></span>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-end entity-actions-menu">
                                    <li>
                                        <a class="dropdown-item text-dark" href="{{ route('partner.network.edit', $network->token) }}">
                                            <span class="icon-square-pen icon icon-16 text-dark align-items-center justify-content-center"></span> Modifier
                                        </a>
                                    </li>
                                    @if(auth()->user()->canDeletePartnerCommercialNetworks())
                                    <li>
                                        <a class="dropdown-item text-danger" href="#" data-bs-toggle="modal" data-bs-target="#network-delete-modal">
                                            <span class="icon-trash icon icon-16 text-danger align-items-center justify-content-center"></span> Supprimer
                                        </a>
                                    </li>
                                    @endif
                                </ul>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Onglets -->
    <div class="container pt-2">
        <ul class="nav nav-tabs mb-0" id="networkTabs" 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 === 'commercialisateurs' ? 'active' : '' }}" id="tab-commercialisateurs-tab" data-bs-toggle="tab" data-bs-target="#tab-commercialisateurs" type="button" role="tab" aria-controls="tab-commercialisateurs" aria-selected="{{ $activeTab === 'commercialisateurs' ? 'true' : 'false' }}">
                    Commercialisateurs <span class="badge">{{ $network->users->count() }}</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'documents' ? 'active' : '' }}" id="tab-documents-tab" data-bs-toggle="tab" data-bs-target="#tab-documents" type="button" role="tab" aria-controls="tab-documents" aria-selected="{{ $activeTab === 'documents' ? 'true' : 'false' }}">
                    Documents <span class="badge">{{ $network->documents->count() }}</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'notes' ? 'active' : '' }}" id="tab-notes-tab" data-bs-toggle="tab" data-bs-target="#tab-notes" type="button" role="tab" aria-controls="tab-notes" aria-selected="{{ $activeTab === 'notes' ? 'true' : 'false' }}">
                    Notes internes <span class="badge">{{ $notesCount }}</span>
                </button>
            </li>
        </ul>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="tab-content" id="networkTabsContent">
            <!-- 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">{{ $network->name }}</p>
                                @if($network->applications && $network->applications->count() > 0)
                                    <p><span class="icon-building icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ $network->applications->first()->name }}</p>
                                @endif
                                @if($network->phones && $network->phones->count() > 0)
                                    @foreach($network->phones as $phone)
                                        <p><span class="icon-phone icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ format_phone_display($phone->value) }} <span class="badge">{{ $phone->type?->label() ?? '-' }}</span></p>
                                    @endforeach
                                @endif
                            </div>
                            <div class="col-md-7 separator-left">
                                @if($network->address)
                                    <p>
                                        <span class="icon-map-pin icon icon-16 align-items-center justify-content-center mx-auto"></span>
                                        {{ $network->address->line_1 ?? '' }}
                                        @if($network->address->line_2)
                                            , {{ $network->address->line_2 }}
                                        @endif
                                    </p>
                                    @if($network->address->zip_code || $network->address->city)
                                        <p>{{ $network->address->zip_code ?? '-' }} {{ $network->address->city ?? '-' }}</p>
                                    @endif
                                    @if($network->address->country)
                                        <p>{{ $network->address->country->name }}</p>
                                    @endif
                                @endif
                            </div>
                            <div class="col-md-2 text-end">
                                <p class="text-14 text-grey">créé le {{ $network->created_at->format('d/m/Y H:i') }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Onglet Commercialisateurs -->
            <div class="tab-pane fade {{ $activeTab === 'commercialisateurs' ? 'show active' : '' }}" id="tab-commercialisateurs" role="tabpanel" aria-labelledby="tab-commercialisateurs-tab">
                <div class="card mb-4">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <h6 class="mb-0 text-primary">Commercialisateurs rattachés</h6>
                            @if(auth()->user()->canAccessPartnerCommercialNetworksWrite())
                            <div class="d-flex gap-2">
                                <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#attachUserModal">
                                    <span class="icon-user-plus icon icon-16 align-items-center justify-content-center mx-auto"></span> Rattacher un commercialisateur
                                </button>
                                <a href="{{ route('partner.commercialisateur.create', ['network_id' => $network->id]) }}" class="btn btn-sm btn-outline-primary">
                                    <span class="icon-plus icon icon-16 align-items-center justify-content-center mx-auto"></span> Créer un commercialisateur
                                </a>
                            </div>
                            @endif
                        </div>
                        @if($network->users->count() > 0)
                            <div class="table-responsive">
                                <table class="table-personnalisee table-hover">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Nom Prénom</th>
                                            <th>Email</th>
                                            <th>Téléphone</th>
                                            <th>Rôle</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($network->users as $user)
                                            <tr>
                                                <td>
                                                    <a href="{{ route('partner.commercialisateur.show', $user->token) }}" class="text-decoration-none">
                                                        {{ $user->fullName() }}
                                                    </a>
                                                </td>
                                                <td>{{ $user->email ?? '-' }}</td>
                                                <td>
                                                    @if($user->phones && $user->phones->count() > 0)
                                                        {{ format_phone_display($user->phones->first()->value ?? null) }}
                                                    @else
                                                        <span class="text-muted">-</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($user->professions && $user->professions->count() > 0)
                                                        @foreach($user->professions as $profession)
                                                            <span class="badge me-1">{{ $profession->name ?? '-' }}</span>
                                                        @endforeach
                                                    @else
                                                        <span class="text-muted">-</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <a href="{{ route('partner.commercialisateur.show', $user->token) }}" class="btn btn-sm btn-outline-secondary">
                                                        <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                                    </a>
                                                </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">Aucun commercialisateur associé à ce réseau.</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Onglet Documents -->
            <div class="tab-pane fade {{ $activeTab === 'documents' ? 'show active' : '' }}" id="tab-documents" role="tabpanel" aria-labelledby="tab-documents-tab">
                <div class="card mb-4">
                    <div class="card-body">
                        @if($network->documents->count() > 0)
                            <x-sortable-documents
                                :documents="$network->documents"
                                containerId="sortable-documents-network"
                                :showDownload="true"
                                :canDelete="false"
                            />
                        @else
                            <div class="text-center py-4">
                                <i class="fas fa-file-alt fa-3x text-muted mb-3"></i>
                                <p class="text-muted">Aucun document</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Onglet Notes internes -->
            <div class="tab-pane fade {{ $activeTab === 'notes' ? 'show active' : '' }}" id="tab-notes" role="tabpanel" aria-labelledby="tab-notes-tab">
                @if(auth()->user()->canAccessPartnerCommercialNetworksWrite())
                <div class="card mb-3">
                    <div class="card-body pb-0">
                        <form action="{{ route('partner.networks.notes.store', $network->token) }}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-md-10">
                                    <textarea class="form-control bg-grey" name="content" rows="5" required placeholder="Saisissez une note interne..."></textarea>
                                </div>
                                <div class="col-md-2">
                                    <button type="submit" class="btn btn-success w-100">Publier</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                @endif
                @php
                    $notes = \App\Models\Note::where('noteable_type', \App\Models\Network::class)
                        ->where('noteable_id', $network->id)
                        ->with('user')
                        ->orderBy('created_at', 'desc')
                        ->get();
                @endphp
                @if($notes->isEmpty())
                    <div class="card mb-4">
                        <div class="card-body">
                            <div class="text-center py-4">
                                <i class="fas fa-sticky-note fa-3x text-muted mb-3"></i>
                                <p class="text-muted">Aucune note</p>
                            </div>
                        </div>
                    </div>
                @else
                    @foreach($notes as $note)
                        <div class="card mb-4">
                            <div class="card-body">
                                <p class="mb-1 text-16">{{ $note->content }}</p>
                                <hr class="my-2">
                                <div class="d-flex align-items-center flex-wrap gap-2">
                                    <span class="text-grey text-14">{{ $note->created_at->format('d/m/Y') }}</span>
                                    <span class="separator-vertical"></span>
                                    <span class="text-grey text-14">
                                        @if($note->user)
                                            @php
                                                $initials = ($note->user->firstname ? substr($note->user->firstname, 0, 1) : '') . ($note->user->lastname ? substr($note->user->lastname, 0, 1) : '');
                                            @endphp
                                            @if($initials)
                                                <span class="avatar-note me-1">{{ strtoupper($initials) }}</span>
                                            @endif
                                            {{ $note->user->firstname }} {{ $note->user->lastname }}
                                        @endif
                                    </span>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
</div>

@if(auth()->user()->canDeletePartnerCommercialNetworks())
<!-- Modal de confirmation de suppression -->
<div class="modal fade" id="network-delete-modal" tabindex="-1" aria-labelledby="network-delete-modal-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="network-delete-modal-label">
                    <i class="fas fa-exclamation-triangle text-danger me-2"></i>Supprimer l'entreprise
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
            </div>
            <div class="modal-body">
                <p class="mb-0">Êtes-vous sûr de vouloir supprimer l'entreprise <strong>{{ $network->name }}</strong> ? 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 method="POST" action="{{ route('partner.network.destroy', $network->token) }}" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash-alt me-2"></i>Supprimer
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endif

<!-- Modal Rattacher un commercialisateur -->
@if(auth()->user()->canAccessPartnerCommercialNetworksWrite())
<div class="modal fade" id="attachUserModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Rattacher un commercialisateur</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                @if(isset($commercialisateursToAttach) && $commercialisateursToAttach->isNotEmpty())
                    <form action="{{ route('partner.networks.attach-user', $network->token) }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label for="attach_user_id" class="form-label">Commercialisateur</label>
                            <select class="form-select" id="attach_user_id" name="user_id" required>
                                <option value="">-- Sélectionner un commercialisateur --</option>
                                @foreach($commercialisateursToAttach as $u)
                                    <option value="{{ $u->id }}">{{ $u->fullName() }} ({{ $u->email }})</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="modal-footer px-0 pb-0">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                            <button type="submit" class="btn btn-primary">Rattacher</button>
                        </div>
                    </form>
                @else
                    <p class="text-muted mb-0">Aucun commercialisateur disponible à rattacher (tous sont déjà associés à ce réseau ou à une autre entreprise).</p>
                @endif
            </div>
            @if(!isset($commercialisateursToAttach) || $commercialisateursToAttach->isEmpty())
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
                </div>
            @endif
        </div>
    </div>
</div>
@endif

@if($network->documents->count() > 0)
@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    const deleteForm = document.getElementById('delete-documents-form');
    if (deleteForm) {
        const deleteBtn = document.getElementById('delete-documents-btn');
        const checkboxes = deleteForm.querySelectorAll('input[type="checkbox"][name="delete_documents[]"]');

        function updateDeleteButton() {
            const checked = Array.from(checkboxes).some(cb => cb.checked);
            deleteBtn.disabled = !checked;
        }

        checkboxes.forEach(checkbox => {
            checkbox.addEventListener('change', updateDeleteButton);
        });

        updateDeleteButton();
    }
});
</script>
@endpush
@endif
@endsection