<?php use App\Core\Auth; ?>
<!-- Hero Section -->
<div class="content-header" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2rem 0; margin: -1rem -1rem 1rem -1rem;">
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-md-8">
                <div class="d-flex align-items-center">
                    <div class="avatar-circle-large bg-white text-primary me-3">
                        <?= strtoupper(substr($client['name'], 0, 1)) ?>
                    </div>
                    <div>
                        <h1 class="mb-0"><?= htmlspecialchars($client['name']) ?></h1>
                        <p class="mb-0 opacity-75">
                            <i class="fas fa-<?= $client['active'] ? 'check-circle' : 'times-circle' ?> me-1"></i>
                            <?= $client['active'] ? 'Client actif' : 'Client inactif' ?>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 text-end">
                <a href="<?= htmlspecialchars(base_url('/clients')) ?>" class="btn btn-light me-2">
                    <i class="fas fa-arrow-left me-1"></i>Retour
                </a>
                <a href="<?= htmlspecialchars(base_url('/clients/edit')) ?>?id=<?= $client['id'] ?>" class="btn btn-warning">
                    <i class="fas fa-edit me-1"></i>Modifier
                </a>
            </div>
        </div>
    </div>
</div>

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        
        <?php if (isset($_GET['success'])): ?>
            <div class="alert alert-success alert-dismissible fade show">
                <i class="fas fa-check-circle me-2"></i>
                <?php if ($_GET['success'] === 'updated'): ?>
                    Client mis à jour avec succès !
                <?php elseif ($_GET['success'] === 'toggled'): ?>
                    Statut du client modifié avec succès !
                <?php endif; ?>
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        <?php endif; ?>
        
        <!-- KPI Cards -->
        <div class="row mb-4">
            <div class="col-lg-3 col-6">
                <div class="small-box bg-info">
                    <div class="inner">
                        <h3><?= $stats['total_incidents'] ?? 0 ?></h3>
                        <p>Incidents Total</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-exclamation-triangle"></i>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-6">
                <div class="small-box bg-warning">
                    <div class="inner">
                        <h3><?= $stats['open_incidents'] ?? 0 ?></h3>
                        <p>Incidents Ouverts</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-folder-open"></i>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-6">
                <div class="small-box bg-success">
                    <div class="inner">
                        <h3><?= $stats['closed_incidents'] ?? 0 ?></h3>
                        <p>Incidents Résolus</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-check-circle"></i>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-6">
                <div class="small-box bg-primary">
                    <div class="inner">
                        <h3><?= count($locations) ?></h3>
                        <p>Sites Gérés</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-map-marker-alt"></i>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row">
            
            <!-- Colonne principale -->
            <div class="col-lg-8">
                
                <!-- Informations du client -->
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title"><i class="fas fa-info-circle me-2"></i>Informations du client</h3>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <strong><i class="fas fa-envelope me-2 text-muted"></i>Email</strong>
                                <p class="text-muted mb-0"><?= $client['email'] ?: 'Non renseigné' ?></p>
                            </div>
                            <div class="col-md-6">
                                <strong><i class="fas fa-phone me-2 text-muted"></i>Téléphone</strong>
                                <p class="text-muted mb-0"><?= $client['phone'] ?: 'Non renseigné' ?></p>
                            </div>
                        </div>
                        
                        <div class="row mb-3">
                            <div class="col-md-12">
                                <strong><i class="fas fa-map-marker-alt me-2 text-muted"></i>Adresse</strong>
                                <p class="text-muted mb-0">
                                    <?php if ($client['address']): ?>
                                        <?= htmlspecialchars($client['address']) ?><br>
                                    <?php endif; ?>
                                    <?php if ($client['city']): ?>
                                        <?= htmlspecialchars($client['city']) ?>, 
                                    <?php endif; ?>
                                    <?= htmlspecialchars($client['country'] ?? 'Côte d\'Ivoire') ?>
                                </p>
                            </div>
                        </div>
                        
                        <?php if ($client['contact_person']): ?>
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <strong><i class="fas fa-user-tie me-2 text-muted"></i>Personne de contact</strong>
                                    <p class="text-muted mb-0"><?= htmlspecialchars($client['contact_person']) ?></p>
                                </div>
                                <?php if ($client['contact_phone']): ?>
                                    <div class="col-md-6">
                                        <strong><i class="fas fa-mobile me-2 text-muted"></i>Téléphone contact</strong>
                                        <p class="text-muted mb-0"><?= htmlspecialchars($client['contact_phone']) ?></p>
                                    </div>
                                <?php endif; ?>
                            </div>
                        <?php endif; ?>
                        
                        <?php if ($client['notes']): ?>
                            <div class="row">
                                <div class="col-12">
                                    <strong><i class="fas fa-sticky-note me-2 text-muted"></i>Notes</strong>
                                    <p class="text-muted mb-0"><?= nl2br(htmlspecialchars($client['notes'])) ?></p>
                                </div>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
                
                <!-- Sites du client -->
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title"><i class="fas fa-map-marker-alt me-2"></i>Sites (<?= count($locations) ?>)</h3>
                        <div class="card-tools">
                            <a href="<?= htmlspecialchars(base_url('/locations/create')) ?>?client_id=<?= $client['id'] ?>" class="btn btn-sm btn-success">
                                <i class="fas fa-plus me-1"></i>Nouveau site
                            </a>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        <?php if (empty($locations)): ?>
                            <div class="text-center py-4">
                                <i class="fas fa-map-marker-alt fa-3x text-muted mb-3"></i>
                                <p class="text-muted">Aucun site enregistré pour ce client</p>
                            </div>
                        <?php else: ?>
                            <div class="table-responsive">
                                <table class="table table-hover mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Site</th>
                                            <th>Adresse</th>
                                            <th class="text-center">Incidents</th>
                                            <th class="text-end">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php foreach ($locations as $location): ?>
                                            <tr>
                                                <td>
                                                    <strong><?= htmlspecialchars($location['name']) ?></strong>
                                                </td>
                                                <td>
                                                    <small class="text-muted"><?= htmlspecialchars($location['address'] ?? 'Non renseignée') ?></small>
                                                </td>
                                                <td class="text-center">
                                                    <span class="badge bg-<?= $location['incidents_count'] > 0 ? 'warning' : 'secondary' ?>">
                                                        <?= $location['incidents_count'] ?>
                                                    </span>
                                                </td>
                                                <td class="text-end">
                                                    <a href="<?= htmlspecialchars(base_url('/locations/edit')) ?>?id=<?= $location['id'] ?>" class="btn btn-sm btn-info">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        <?php endforeach; ?>
                                    </tbody>
                                </table>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
                
                <!-- Incidents récents -->
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title"><i class="fas fa-exclamation-triangle me-2"></i>Incidents récents</h3>
                        <div class="card-tools">
                            <a href="<?= htmlspecialchars(base_url('/incidents')) ?>?client_id=<?= $client['id'] ?>" class="btn btn-sm btn-primary">
                                Voir tous
                            </a>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        <?php if (empty($incidents)): ?>
                            <div class="text-center py-4">
                                <i class="fas fa-check-circle fa-3x text-success mb-3"></i>
                                <p class="text-muted">Aucun incident enregistré</p>
                            </div>
                        <?php else: ?>
                            <div class="table-responsive">
                                <table class="table table-hover mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Référence</th>
                                            <th>Site</th>
                                            <th>Déclaré le</th>
                                            <th>Statut</th>
                                            <th class="text-end">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php foreach ($incidents as $incident): ?>
                                            <tr>
                                                <td>
                                                    <strong><?= htmlspecialchars($incident['reference']) ?></strong>
                                                </td>
                                                <td>
                                                    <small class="text-muted"><?= htmlspecialchars($incident['location_name']) ?></small>
                                                </td>
                                                <td>
                                                    <small><?= date('d/m/Y H:i', strtotime($incident['declared_at'])) ?></small>
                                                </td>
                                                <td>
                                                    <?php $statusColor = incident_status_color($incident); ?>
                                                    <span class="badge" style="background-color: <?= htmlspecialchars($statusColor) ?>;">
                                                        <?= htmlspecialchars($incident['status_label']) ?>
                                                    </span>
                                                </td>
                                                <td class="text-end">
                                                    <a href="<?= htmlspecialchars(base_url('/incidents/detail')) ?>?id=<?= $incident['id'] ?>" class="btn btn-sm btn-info">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        <?php endforeach; ?>
                                    </tbody>
                                </table>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
                
            </div>
            
            <!-- Colonne latérale -->
            <div class="col-lg-4">
                
                <!-- Actions rapides -->
                <div class="card">
                    <div class="card-header bg-light">
                        <h3 class="card-title"><i class="fas fa-bolt me-2"></i>Actions rapides</h3>
                    </div>
                    <div class="card-body">
                        <div class="d-grid gap-2">
                            <a href="<?= htmlspecialchars(base_url('/incidents/create')) ?>?client_id=<?= $client['id'] ?>" class="btn btn-primary">
                                <i class="fas fa-plus me-2"></i>Déclarer un incident
                            </a>
                            <a href="<?= htmlspecialchars(base_url('/locations/create')) ?>?client_id=<?= $client['id'] ?>" class="btn btn-success">
                                <i class="fas fa-map-marker-alt me-2"></i>Ajouter un site
                            </a>
                            <a href="<?= htmlspecialchars(base_url('/clients/edit')) ?>?id=<?= $client['id'] ?>" class="btn btn-warning">
                                <i class="fas fa-edit me-2"></i>Modifier le client
                            </a>
                            <?php 
                            $currentUser = Auth::user();
                            if (($currentUser['role'] ?? '') === 'admin'): 
                            ?>
                                <form method="post" action="<?= htmlspecialchars(base_url('/clients/toggle')) ?>" class="mb-0">
                                    <input type="hidden" name="id" value="<?= $client['id'] ?>">
                                    <button type="submit" class="btn btn-<?= $client['active'] ? 'secondary' : 'success' ?> w-100">
                                        <i class="fas fa-<?= $client['active'] ? 'ban' : 'check' ?> me-2"></i>
                                        <?= $client['active'] ? 'Désactiver' : 'Activer' ?>
                                    </button>
                                </form>
                                <?php if ($stats['total_incidents'] == 0): ?>
                                    <button type="button" class="btn btn-danger" onclick="confirmDelete(<?= $client['id'] ?>, '<?= htmlspecialchars($client['name']) ?>')">
                                        <i class="fas fa-trash me-2"></i>Supprimer
                                    </button>
                                <?php endif; ?>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
                
                <!-- Métadonnées -->
                <div class="card">
                    <div class="card-header bg-light">
                        <h3 class="card-title"><i class="fas fa-info-circle me-2"></i>Métadonnées</h3>
                    </div>
                    <div class="card-body">
                        <p class="mb-2">
                            <strong>Créé le :</strong><br>
                            <small class="text-muted"><?= date('d/m/Y H:i', strtotime($client['created_at'])) ?></small>
                        </p>
                        <?php if ($client['updated_at']): ?>
                            <p class="mb-2">
                                <strong>Dernière modification :</strong><br>
                                <small class="text-muted"><?= date('d/m/Y H:i', strtotime($client['updated_at'])) ?></small>
                            </p>
                        <?php endif; ?>
                        <p class="mb-0">
                            <strong>ID :</strong><br>
                            <small class="text-muted">#<?= $client['id'] ?></small>
                        </p>
                    </div>
                </div>
                
            </div>
            
        </div>
        
    </div>
</section>

<!-- Modal de suppression -->
<div class="modal fade" id="deleteModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title"><i class="fas fa-exclamation-triangle me-2"></i>Confirmer la suppression</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>Êtes-vous sûr de vouloir supprimer le client <strong id="clientName"></strong> ?</p>
                <p class="text-danger"><i class="fas fa-info-circle me-1"></i>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="<?= htmlspecialchars(base_url('/clients/delete')) ?>" id="deleteForm">
                    <input type="hidden" name="id" id="deleteId">
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash me-1"></i>Supprimer
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

<style>
.avatar-circle-large {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 2.5rem;
}
</style>

<script>
function confirmDelete(id, name) {
    document.getElementById('clientName').textContent = name;
    document.getElementById('deleteId').value = id;
    
    try {
        const modal = new bootstrap.Modal(document.getElementById('deleteModal'));
        modal.show();
    } catch (e) {
        if (confirm(`Êtes-vous sûr de vouloir supprimer le client "${name}" ?`)) {
            document.getElementById('deleteId').value = id;
            document.getElementById('deleteForm').submit();
        }
    }
}
</script>
