@extends('layouts.admin')

@section('page-title') Détails du personnel ménage @endsection
@section('page-subtitle') {{ $worker->prenom }} @endsection

@section('styles')
<link href="{{ asset('css/layouts/admin.css') }}" rel="stylesheet">
<link href="{{ asset('css/pages/admin/components.css') }}" rel="stylesheet">
<link href="{{ asset('css/pages/admin/workers/workers-profile.css') }}" rel="stylesheet">
@endsection

@section('content')
<div class="container-fluid">
  <!-- Bouton retour -->
  <div class="row mb-4">
    <div class="col-12">
      <a href="{{ route('admin.menage.list') }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-2"></i>Retour à la liste
      </a>
    </div>
  </div>

  <!-- Informations principales -->
  <div class="row">
    <div class="col-lg-8">
      <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
          <h5 class="card-title mb-0">
            <i class="fas fa-broom me-2"></i>Informations personnelles
          </h5>
        </div>
        <div class="card-body">
          <div class="row">
            <div class="col-md-6 mb-3">
              <label class="form-label fw-bold">Prénom</label>
              <div class="form-control-plaintext">{{ $worker->prenom }}</div>
            </div>
            <div class="col-md-6 mb-3">
              <label class="form-label fw-bold">Nom</label>
              <div class="form-control-plaintext">{{ $worker->nom }}</div>
            </div>
            <div class="col-md-6 mb-3">
              <label class="form-label fw-bold">Email</label>
              <div class="form-control-plaintext">{{ $worker->email }}</div>
            </div>
            <div class="col-md-6 mb-3">
              <label class="form-label fw-bold">Langue</label>
              <div class="form-control-plaintext">
                @switch($worker->language)
                  @case('fr')
                    🇫🇷 Français
                    @break
                  @case('ru')
                    🇷🇺 Russe
                    @break
                  @case('ro')
                    🇷🇴 Roumain
                    @break
                  @default
                    {{ $worker->language }}
                @endswitch
              </div>
            </div>
            <div class="col-md-6 mb-3">
              <label class="form-label fw-bold">Statut</label>
              <div class="form-control-plaintext">
                @if($worker->is_active)
                  <span class="badge bg-success">
                    <i class="fas fa-check-circle me-1"></i>Actif
                  </span>
                @else
                  <span class="badge bg-danger">
                    <i class="fas fa-times-circle me-1"></i>Inactif
                  </span>
                @endif
              </div>
            </div>
            <div class="col-md-6 mb-3">
              <label class="form-label fw-bold">Rôle</label>
              <div class="form-control-plaintext">
                <span class="badge bg-info">
                  <i class="fas fa-broom me-1"></i>Personnel ménage
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Informations système -->
    <div class="col-lg-4">
      <div class="card shadow-sm">
        <div class="card-header bg-secondary text-white">
          <h5 class="card-title mb-0">
            <i class="fas fa-info-circle me-2"></i>Informations système
          </h5>
        </div>
        <div class="card-body">
          <div class="mb-3">
            <label class="form-label fw-bold">ID Utilisateur</label>
            <div class="form-control-plaintext">#{{ $worker->id }}</div>
          </div>
          <div class="mb-3">
            <label class="form-label fw-bold">Date de création</label>
            <div class="form-control-plaintext">
              {{ $worker->created_at ? $worker->created_at->format('d/m/Y à H:i') : 'Non définie' }}
            </div>
          </div>
          <div class="mb-3">
            <label class="form-label fw-bold">Dernière modification</label>
            <div class="form-control-plaintext">
              {{ $worker->updated_at ? $worker->updated_at->format('d/m/Y à H:i') : 'Non définie' }}
            </div>
          </div>
          <div class="mb-3">
            <label class="form-label fw-bold">Manager</label>
            <div class="form-control-plaintext">
              @if($worker->is_manager)
                <span class="badge bg-warning">
                  <i class="fas fa-crown me-1"></i>Oui
                </span>
              @else
                <span class="badge bg-secondary">
                  <i class="fas fa-user me-1"></i>Non
                </span>
              @endif
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Actions -->
  <div class="row mt-4">
    <div class="col-12">
      <div class="card shadow-sm">
        <div class="card-header bg-light">
          <h5 class="card-title mb-0">
            <i class="fas fa-cogs me-2"></i>Actions
          </h5>
        </div>
        <div class="card-body">
          <div class="d-flex gap-2 flex-wrap">
            <button class="btn btn-primary" onclick="editWorker({{ $worker->id }})">
              <i class="fas fa-edit me-2"></i>Modifier
            </button>
            <button class="btn btn-warning" onclick="resetPassword({{ $worker->id }})">
              <i class="fas fa-key me-2"></i>Réinitialiser mot de passe
            </button>
            @if($worker->is_active)
              <button class="btn btn-outline-danger" onclick="toggleStatus({{ $worker->id }}, false)">
                <i class="fas fa-pause me-2"></i>Désactiver
              </button>
            @else
              <button class="btn btn-outline-success" onclick="toggleStatus({{ $worker->id }}, true)">
                <i class="fas fa-play me-2"></i>Activer
              </button>
            @endif
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('scripts')
<script>
function editWorker(workerId) {
  // Fonction pour éditer le personnel ménage
  console.log('Éditer personnel ménage ID:', workerId);
  // À implémenter selon les besoins
  alert('Fonctionnalité d\'édition à implémenter');
}

function resetPassword(workerId) {
  // Fonction pour réinitialiser le mot de passe
  console.log('Réinitialiser mot de passe pour ID:', workerId);
  // À implémenter selon les besoins
  alert('Fonctionnalité de réinitialisation à implémenter');
}

function toggleStatus(workerId, newStatus) {
  // Fonction pour changer le statut
  console.log('Changer statut pour ID:', workerId, 'Nouveau statut:', newStatus);
  // À implémenter selon les besoins
  alert('Fonctionnalité de changement de statut à implémenter');
}
</script>
@endsection