@extends('admin.layouts.app', [
    'title' => $tnm . ' Sorting',
    'header' => true,
    'aside' => true,
])

@section('content')
    <main id="main" class="main">
        <form class="section dashboard" id="ajax-form">
            <div class="row">
                @include('admin.components.title-bar', [
                    'name' => $tnm . ' Sorting',
                    'routeName' => $rnm,
                    'submit' => true,
                ])
                <div class="col-12 col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            @stack('title-bar')
                            <ul class="list-sortable" id="sorting">
                                @if ($vendors->count())
                                    @foreach ($vendors as $vendor)
                                        <li>
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="input-group mb-3">
                                                        <div class="input-group-prepend">
                                                            <i class="bi bi-grip-vertical input-group-text"></i>
                                                        </div>
                                                        <input type="hidden" class="form-control" name="ids[]"
                                                            value="{{ $vendor->id }}">
                                                        <input type="text" class="form-control"
                                                            value="{{ $vendor->name }}" readonly>
                                                        <div class="input-group-append">
                                                            <button class="btn btn-danger remove-vendor float-end rounded-0"
                                                                type="button"><i class="bi bi-trash"></i></button>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                    @endforeach
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
        </form>
    </main>
@endsection

@push('script')
    @stack('sorting-script')
@endpush