@extends('layouts.app')

@section('content')

<div class="row mb-3">
    <div class="col-md-4">
        <label class="form-label">Topics</label>
        <select id="topic-order" class="form-control">
            <option></option>
            @foreach($topics as $topic)
            <option value="{{ $topic->id }}">{{ $topic->name }}</option>
            @endforeach
        </select>
        <input id="topics-order-action" type="hidden" value="{{ route('module_topic_order', ':id') }}">
    </div>
</div>
<table class="table table-striped table-responsive-sm">
    <thead>
        <tr>
            <th scope="col">{{ __('Order') }}</th>
            <th scope="col">{{ __('Name') }}</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

<div class="row mt-4">
    <div class="col">
        <div class="order-alert alert d-none"></div>
        <input type="hidden" id="save-order-action" value="{{ route('module_order') }}">
        <button type="button" id="save-order-topic" class="d-none btn btn-secondary">{{ __('Save order') }}</button>
    </div>
</div>

@endsection