@extends('layouts.admin')

@section('title', 'Survey Management')
@section('page-title', 'Survey Management')

@section('content')
<div class="row mb-4">
    <div class="col-md-6">
        <p class="text-muted">Operations / Surveys</p>
    </div>
    <div class="col-md-6 text-md-end">
        <a href="{{ route('admin.surveys.create') }}" class="btn btn-primary rounded-3 px-4">
            <i class="bi bi-clipboard2-plus-fill me-1"></i> Create Survey
        </a>
    </div>
</div>

<div class="admin-card">
    <div class="table-responsive">
        <table class="table align-middle hover-table mb-0">
            <thead>
                <tr class="text-muted small" style="border-bottom: 2px solid var(--border-color);">
                    <th class="py-3">Survey Title</th>
                    <th class="py-3">Target Audience</th>
                    <th class="py-3">Questions</th>
                    <th class="py-3">Timeline</th>
                    <th class="py-3 text-center">Participation</th>
                    <th class="py-3 text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($surveys as $survey)
                    <tr style="border-bottom: 1px solid var(--border-color);">
                        <td class="py-3">
                            <span class="fw-semibold text-dark d-block mb-1">{{ $survey->title }}</span>
                            <small class="text-muted d-block text-wrap" style="max-width: 320px;">{{ Str::limit($survey->description, 100) }}</small>
                        </td>
                        <td class="py-3 text-secondary">
                            <span class="text-uppercase small fw-bold">{{ $survey->target_type }}</span>
                        </td>
                        <td class="py-3 fw-bold text-dark text-center">
                            {{ $survey->questions_count }}
                        </td>
                        <td class="py-3 text-secondary small">
                            <div><span class="fw-bold">Start:</span> {{ $survey->start_date ? \Carbon\Carbon::parse($survey->start_date)->format('d M Y') : 'Immediate' }}</div>
                            <div><span class="fw-bold">End:</span> {{ $survey->end_date ? \Carbon\Carbon::parse($survey->end_date)->format('d M Y') : 'Indefinite' }}</div>
                        </td>
                        <td class="py-3 text-center">
                            <a href="{{ route('admin.surveys.report', $survey->id) }}" class="btn btn-sm btn-light border fw-semibold rounded-3 text-primary">
                                <i class="bi bi-pie-chart-fill me-1"></i> View Results
                            </a>
                        </td>
                        <td class="py-3 text-end">
                            <form action="{{ route('admin.surveys.destroy', $survey->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure you want to delete this survey and erase all parent responses?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-outline-danger">
                                    <i class="bi bi-trash-fill"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center py-4 text-muted">No surveys created yet. Click "Create Survey" to build a questionnaire.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection