@extends('crudbooster::admin_template')
@section('content')
<div class='panel panel-default'>
    <div class="panel-heading">
        <label class="control-label">
            {{ $data['title'] }}
        </label>
        
        <div class="form-group pull-right"> 
            <button class="btn btn-info" id="go-back"><b><i class="fa fa-undo"></i>Back</b></button>
        </div>
    </div>
    <div class="panel-body">
        <ul class="module-sort">
            @forelse ($modules as $module)
            <li class="list-group-item" @if($module->id == request()->subid) checked @endif data-id="{{ $module->id }}">{{ ($module->id) .' - '.$module->module_name }}</li>
            @empty
            <li class="list-group-item text-warning">No modules found!!</li>
            @endforelse
        </ul>
    </div>
</div>
@endsection

@push("bottom")
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <script>

        $('.module-sort').sortable({
            stop: function(event, ui) {
                var data = [];
                $(this).find('li').each(function(index, item) {
                    data.push($(item).attr('data-id'))
                })
                $.ajax({
                    data: {
                        moduleIds : data
                    },
                    type: "POST",
                    url: "sort",
                    dataType:"json",
                    success:function(res){
                        if (res.success) {
                            swal('Success!','Successfully change sorting No',"success")
                        }else swal('oops','Something went wrong,try again!!!',"warning")
                    }
                });
            }
        });
    </script>
@endpush