@extends('adminlte::page')

@section('title', 'Sections — ' . $form->title)

@section('content_header')
<div class="d-flex justify-content-between align-items-center">
    <div>
        <h1 class="m-0">Sections</h1>
        <ol class="breadcrumb mt-1 p-0 bg-transparent">
            <li class="breadcrumb-item"><a href="{{ url('admin') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.forms.index') }}">Forms</a></li>
            <li class="breadcrumb-item active">{{ Str::before($form->title, ' (') }}</li>
        </ol>
    </div>
    <a href="{{ route('admin.forms.sections.create', $form) }}" class="btn btn-sm btn-primary">
        <i class="fas fa-plus mr-1"></i>Add Section
    </a>
</div>
@endsection

@section('content')

<div class="alert alert-warning py-2">
    <i class="fas fa-exclamation-triangle mr-1"></i>
    <strong>Live warning:</strong> Changes here go live immediately. Deleting a section removes its questions from the schema but does <strong>not</strong> delete historic submission data.
</div>

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        {{ session('success') }} <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
@endif

<div class="card">
    <div class="card-body p-0">
        <table class="table table-hover mb-0">
            <thead class="thead-light">
                <tr>
                    <th width="60">Order</th>
                    <th>Section title</th>
                    <th width="100">Questions</th>
                    <th width="200">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($sections as $section)
                <tr>
                    <td>{{ $section->sort_order }}</td>
                    <td>{{ $section->title }}</td>
                    <td>{{ $section->questions_count }}</td>
                    <td>
                        <a href="{{ route('admin.sections.questions.index', $section) }}"
                           class="btn btn-xs btn-info mr-1">
                            <i class="fas fa-list"></i> Questions
                        </a>
                        <a href="{{ route('admin.sections.edit', $section) }}"
                           class="btn btn-xs btn-default mr-1">
                            <i class="fas fa-edit"></i>
                        </a>
                        <form action="{{ route('admin.sections.destroy', $section) }}" method="POST" class="d-inline"
                              onsubmit="return confirm('Delete section and all its questions?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-xs btn-danger"><i class="fas fa-trash"></i></button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="4" class="text-center text-muted py-3">No sections yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection