{% extends 'base.html.twig' %}

{% block title %}Správa poskytovatelů - Administrace{% endblock %}

{% block body %}
    <section class="admin-header">
        <div class="container">
            <div class="admin-header-content">
                <div>
                    <h1>Service Providers</h1>
                    <p>Manage all registered service providers</p>
                </div>
                <div class="admin-header-actions">
                    <a href="{{ path('app_admin_service_provider_new') }}" class="btn btn-primary">+ Add New Provider</a>
                    <a href="{{ path('app_admin_dashboard') }}" class="btn btn-secondary">Dashboard</a>
                </div>
            </div>
        </div>
    </section>

    <section class="admin-content">
        <div class="container">
            <div class="admin-grid">
                <aside class="admin-sidebar">
                    <nav class="admin-nav">
                        <a href="{{ path('app_admin_dashboard') }}" class="admin-nav-item">
                            <span class="nav-icon">📊</span>
                            Dashboard
                        </a>
                        <a href="{{ path('app_admin_bookings') }}" class="admin-nav-item">
                            <span class="nav-icon">📅</span>
                            All Bookings
                        </a>
                        <a href="{{ path('app_admin_service_providers') }}" class="admin-nav-item active">
                            <span class="nav-icon">👥</span>
                            Service Providers
                        </a>
                        <a href="{{ path('app_admin_support_tickets') }}" class="admin-nav-item">
                            <span class="nav-icon">💬</span>
                            Support Tickets
                        </a>
                    </nav>
                </aside>

                <main class="admin-main">
                    <div class="admin-section">
                        <div class="section-header">
                            <h2>All Service Providers ({{ serviceProviders.getTotalItemCount }})</h2>
                        </div>

                        {% if serviceProviders.getTotalItemCount > 0 %}
                            <div class="providers-table">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>Name</th>
                                            <th>Email</th>
                                            <th>Phone</th>
                                            <th>Experience</th>
                                            <th>Rate/Hour</th>
                                            <th>Rating</th>
                                            <th>Services</th>
                                            <th>Status</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for provider in serviceProviders %}
                                            <tr>
                                                <td>#{{ provider.id }}</td>
                                                <td><strong>{{ provider.user.fullName }}</strong></td>
                                                <td><small>{{ provider.user.email }}</small></td>
                                                <td><small>{{ provider.user.phone ?? 'N/A' }}</small></td>
                                                <td>{{ provider.yearsOfExperience }} years</td>
                                                <td><strong>${{ provider.hourlyRate }}</strong></td>
                                                <td>
                                                    {% if provider.rating %}
                                                        ⭐ {{ provider.rating }} ({{ provider.totalReviews }})
                                                    {% else %}
                                                        <span class="text-muted">No reviews</span>
                                                    {% endif %}
                                                </td>
                                                <td>{{ provider.serviceProviderServices|length }}</td>
                                                <td>
                                                    {% if provider.isAvailable %}
                                                        <span class="badge badge-success">Available</span>
                                                    {% else %}
                                                        <span class="badge badge-secondary">Unavailable</span>
                                                    {% endif %}
                                                    {% if provider.isVerified %}
                                                        <span class="badge badge-confirmed">Verified</span>
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    <div class="table-actions">
                                                        <a href="{{ path('app_admin_service_provider_edit', {id: provider.id}) }}" 
                                                           class="btn-table-action">Edit</a>
                                                        <form method="post" 
                                                              action="{{ path('app_admin_service_provider_delete', {id: provider.id}) }}" 
                                                              style="display: inline;"
                                                              onsubmit="return confirm('Are you sure you want to delete this provider?');">
                                                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ provider.id) }}">
                                                            <button type="submit" class="btn-table-action btn-danger">Delete</button>
                                                        </form>
                                                    </div>
                                                </td>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>

                            {# Pagination controls #}
                            <div class="pagination-wrapper">
                                {{ knp_pagination_render(serviceProviders) }}
                            </div>
                        {% else %}
                            <div class="no-bookings-state">
                                <div class="empty-icon">👥</div>
                                <h3>No Service Providers Yet</h3>
                                <p>Add your first service provider to get started.</p>
                                <a href="{{ path('app_admin_service_provider_new') }}" class="btn btn-primary">+ Add New Provider</a>
                            </div>
                        {% endif %}
                    </div>
                </main>
            </div>
        </div>
    </section>
{% endblock %}