@extends('layouts.admin')

@section('title', 'Nos valeurs')

@section('breadcrumb')
    <li class="breadcrumb-item active" aria-current="page">Nos valeurs</li>
@endsection

@section('content')
<h1 class="page-title">Nos valeurs</h1>

<div class="content-card">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h5 class="mb-0">Liste des valeurs</h5>
            <p class="text-muted mb-0">Gérez nos valeurs</p>
        </div>
        <a href="{{ route('values.create') }}" class="btn btn-primary">
            <i class="fas fa-plus me-2"></i>Ajouter une valeur
        </a>
    </div>

    @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" aria-label="Close"></button>
        </div>
    @endif

    <div class="table-responsive">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>Titre</th>
                <th>Description</th>
                <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($values as $value)
                    <tr>
                        <td>{{ $value->title }}</td>
                        <td>{!! $value->description !!}</td>
                        <td>
                            <div class="d-flex gap-2">
                                <a href="{{ route('values.edit', $value) }}" class="btn btn-warning btn-sm">
                                    <i class="fas fa-edit"></i>
                                </a>

                                <form action="{{ route('values.destroy', $value) }}" method="POST" class="d-inline"
                                    onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer cette valeur?');">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-danger btn-sm">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>

                            </div>
                        </td>
                    </tr>
                @endforeach

                @if($values->isEmpty())
                    <tr>
                        <td colspan="5" class="text-center py-4 text-muted">
                            <i class="fas fa-info-circle me-2"></i>Aucune valeur trouvé
                        </td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>

    <!-- Pagination if applicable -->
    @if($values->hasPages())
        <div class="d-flex justify-content-center mt-4">
            {{ $values->links() }}
        </div>
    @endif
</div>
@endsection