@extends('admin::layout')

@section('after_styles')
    <link href="{{ asset('vendor/admin/nestedSortable/nestedSortable.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('header')
    <section class="content-header">
        <h1>
            <span class="text-capitalize">{!! $xPanel->entity_name_plural !!}</span>
            <small>{{ trans('admin::messages.all') }} <span class="text-lowercase">{!! $xPanel->entity_name_plural !!}</span> {{ trans('admin::messages.in_the_database') }}.</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ admin_url() }}">{{ trans('admin::messages.dashboard') }}</a></li>
            <li><a href="{{ url($xPanel->route) }}" class="text-capitalize">{!! $xPanel->entity_name_plural !!}</a></li>
            <li class="active">{{ trans('admin::messages.reorder') }}</li>
        </ol>
    </section>
@endsection

@section('content')
        <div class="row">
        <div class="col-md-8 col-md-offset-2">
            @if ($xPanel->hasAccess('list'))
                <a href="{{ url($xPanel->route) }}"><i class="fa fa-angle-double-left"></i> {{ trans('admin::messages.back_to_all') }} <span class="text-lowercase">{!! $xPanel->entity_name_plural !!}</span></a><br><br>
        @endif

        <!-- Default box -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">{!! trans('admin::messages.reorder').' '.$xPanel->entity_name_plural !!}</h3>
                </div>
                <div class="box-body">

                    <p>{{ trans('admin::messages.reorder_text') }}</p>

                    @if (isset($languages))
                        <ul class="nav nav-tabs">
                            @foreach ($languages as $lang)
                                <li role="presentation" @if ($lang->abbr == $active_language) class="active" @endif >
                                    <a href="{{ url($xPanel->route.'/reorder/'.$lang->abbr) }}">{{ $lang->name }}</a>
                                </li>
                            @endforeach
                        </ul>
                    @endif

                    <ol class="sortable">