@extends('layouts.simple')

@section('body')
    <div class="container">

        @include('settings.parts.navbar', ['selected' => 'language'])

        <div class="card content-wrap auto-height">

            <div class="flex-container-row items-center justify-space-between wrap">
                <h1 class="list-heading">{{ trans('settings.language_translation_manage') }}</h1>

                <div>
                    <a href="{{ url("/language/create") }}" class="button outline">{{ trans('settings.language_create') }}</a>
                    <a href="{{ url("/translation/create") }}" class="button outline">{{ trans('settings.translation_sync') }}</a>
                </div>
            </div>

            <div class="flex-container-row items-center justify-space-between gap-m mt-m mb-l wrap">
                <div>
                    <div class="block inline mr-xs">
                        <form method="get" action="{{ url("/settings/webhooks") }}">
                        </form>
                    </div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table table-striped table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Code</th>
                            <th>Direction</th>
                            <th>Action</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($languageList as $language)
                            <tr>
                                <td>{{ $language->name }}</td>
                                <td>{{ $language->code }}</td>
                                <td>{{ $language->direction == 'ltr' ? 'Left to Right' : 'Right to Left' }}</td>
                                <td><a href="{{ route('language.edit', ['id' => $language->id]) }}">Edit</a></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="my-m">
                {{ $languageList->links() }}
            </div>

        </div>

    </div>
@stop