@extends('admin.layouts.index-template', [
    'pageTitle' => 'Testimonios',
    'items' => $testimonials,
    'icon' => 'chat-3',
    'module' => 'Testimonios',
    'createRoute' => route('admin.testimonials.create'),
    'indexRoute' => route('admin.testimonials.index'),
    'searchPlaceholder' => 'Buscar por autor o contenido...',
    'emptyIcon' => 'comment-dots',
    'emptyTitle' => 'No hay testimonios',
    'emptyMessage' => 'Comience agregando el primer testimonio de sus clientes satisfechos',
    'stats' => [
        'all' => [
            'label' => 'Total',
            'count' => \App\Models\Testimonial::count(),
            'color' => 'primary',
            'icon' => 'chat-3'
        ],
        'active' => [
            'label' => 'Activos',
            'count' => \App\Models\Testimonial::where('is_active', true)->count(),
            'color' => 'success',
            'icon' => 'checkbox-circle'
        ],
        'inactive' => [
            'label' => 'Inactivos', 
            'count' => \App\Models\Testimonial::where('is_active', false)->count(),
            'color' => 'secondary',
            'icon' => 'pause-circle'
        ],
        'five_stars' => [
            'label' => '5 Estrellas',
            'count' => \App\Models\Testimonial::where('rating', 5)->count(),
            'color' => 'warning',
            'icon' => 'star'
        ],
        'with_image' => [
            'label' => 'Con Foto',
            'count' => \App\Models\Testimonial::whereNotNull('image')->count(),
            'color' => 'info',
            'icon' => 'image'
        ],
        'ai_generated' => [
            'label' => 'Con AI',
            'count' => \App\Models\Testimonial::whereNotNull('ai_content')->count(),
            'color' => 'purple',
            'icon' => 'magic'
        ]
    ]
])

@push('css')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endpush

@section('filters')
    <!-- Filtro por Estado -->
    <div class="col-md-3">
        <label class="form-label small">Estado</label>
        <select name="is_active" class="form-select form-select-sm">
            <option value="">Todos</option>
            <option value="1" {{ request('is_active') === '1' ? 'selected' : '' }}>Activo</option>
            <option value="0" {{ request('is_active') === '0' ? 'selected' : '' }}>Inactivo</option>
        </select>
    </div>
    
    <!-- Filtro por Rating -->
    <div class="col-md-3">
        <label class="form-label small">Calificación</label>
        <select name="rating" class="form-select form-select-sm">
            <option value="">Todas</option>
            <option value="5" {{ request('rating') === '5' ? 'selected' : '' }}>⭐⭐⭐⭐⭐</option>
            <option value="4" {{ request('rating') === '4' ? 'selected' : '' }}>⭐⭐⭐⭐</option>
            <option value="3" {{ request('rating') === '3' ? 'selected' : '' }}>⭐⭐⭐</option>
            <option value="2" {{ request('rating') === '2' ? 'selected' : '' }}>⭐⭐</option>
            <option value="1" {{ request('rating') === '1' ? 'selected' : '' }}>⭐</option>
        </select>
    </div>
@endsection

@section('table-headers')
    <tr>
        <th width="60">ID</th>
        <th width="80">Foto</th>
        <th>Autor</th>
        <th>Testimonio</th>
        <th width="120">Calificación</th>
        <th width="80">Orden</th>
        <th width="100">Estado</th>
        <th width="120">AI</th>
        <th width="120">Acciones</th>
    </tr>
@endsection

@section('table-body')
    @foreach($testimonials as $testimonial)
    <tr>
        <td>{{ $testimonial->id }}</td>
        <td>
            @if($testimonial->image)
                <img src="{{ $testimonial->image_url }}" alt="{{ $testimonial->author_name }}" 
                     class="img-thumbnail rounded-circle" style="width: 50px; height: 50px; object-fit: cover;">
            @else
                <div class="bg-light d-flex align-items-center justify-content-center rounded-circle" 
                     style="width: 50px; height: 50px;">
                    <i class="ri-user-line text-muted"></i>
                </div>
            @endif
        </td>
        <td>
            <div>
                <strong>{{ $testimonial->author_name }}</strong>
                @if($testimonial->author_role)
                    <br><small class="text-muted">{{ $testimonial->author_role }}</small>
                @endif
                @if($testimonial->author_company)
                    <br><small class="text-info">{{ $testimonial->author_company }}</small>
                @endif
            </div>
        </td>
        <td>
            <div style="max-width: 350px;">
                {{ Str::limit($testimonial->display_content, 120) }}
            </div>
        </td>
        <td>
            <div class="text-center">
                @for($i = 1; $i <= 5; $i++)
                    @if($i <= $testimonial->rating)
                        <i class="ri-star-line text-warning"></i>
                    @else
                        <i class="ri-star-line text-muted"></i>
                    @endif
                @endfor
                <br>
                <small class="text-muted">({{ $testimonial->rating }}/5)</small>
            </div>
        </td>
        <td>
            @if($testimonial->order)
                <span class="badge bg-info">{{ $testimonial->order }}</span>
            @else
                <span class="badge badge-light">Sin orden</span>
            @endif
        </td>
        <td>
            @if($testimonial->is_active)
                <span class="badge bg-success">Activo</span>
            @else
                <span class="badge bg-secondary">Inactivo</span>
            @endif
        </td>
        <td>
            @if($testimonial->ai_content)
                <span class="badge bg-primary">
                    <i class="ri-magic-line"></i> AI
                </span>
                @if($testimonial->use_ai_content)
                    <br><small class="text-success">En uso</small>
                @endif
            @else
                <span class="badge badge-light">Manual</span>
            @endif
        </td>
        <td>
            <div class="d-flex gap-1">
                <a href="{{ route('admin.testimonials.edit', $testimonial->id) }}"
                   class="btn btn-sm btn-warning" title="Editar">
                    <i class="ri-pencil-line"></i>
                </a>

                <a href="#" onclick="deleteTestimonial({{ $testimonial->id }})"
                   class="btn btn-sm btn-danger" title="Eliminar">
                    <i class="ri-delete-bin-line"></i>
                </a>
            </div>
        </td>
    </tr>
    @endforeach
@endsection

@push('js')
<script>
function deleteTestimonial(id) {
    Swal.fire({
        title: '¿Estás seguro?',
        text: "Esta acción no se puede deshacer",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Sí, eliminar',
        cancelButtonText: 'Cancelar'
    }).then((result) => {
        if (result.isConfirmed) {
            const form = document.createElement('form');
            form.method = 'POST';
            form.action = '/admin/testimonials/' + id;
            form.innerHTML = `
                @csrf
                @method('DELETE')
            `;
            document.body.appendChild(form);
            form.submit();
        }
    });
}
</script>
@endpush