@extends('admin.layouts.app')
@section('container', 'dashboard-container-md')
@section('section', d_trans('Business'))
@section('title', d_trans('Business Features'))
@section('header_title', d_trans('Features'))
@section('create', route('admin.business.features.create'))
@section('content')
    <div class="card">
        @if ($features->count() > 0)
            <div class="dd nestable">
                <ol class="dd-list">
                    @foreach ($features as $feature)
                        <li class="dd-item" data-id="{{ $feature->id }}">
                            <div class="dd-handle py-3">
                                <span class="drag-indicator me-3 text-center">
                                    <i class="fa-solid fa-up-down-left-right fa-lg"></i>
                                </span>
                                <div class="d-flex align-items-center gap-3 me-2">
                                    <div class="item-img">
                                        <img src="{{ $feature->getImageLink() }}" alt="{{ $feature->name }}" />
                                    </div>
                                    <div>
                                        <h6 class="item-title mb-1">{{ $feature->name }}</h6>
                                        <p class="item-text text-muted mb-0 fw-light">
                                            {{ shorterText($feature->description, 50) }}
                                        </p>
                                    </div>
                                </div>
                                <div class="dd-nodrag ms-auto">
                                    <a href="{{ route('admin.business.features.edit', $feature->id) }}"
                                        class="btn btn-soft">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    <form class="d-inline"
                                        action="{{ route('admin.business.features.destroy', $feature->id) }}"
                                        method="POST">
                                        @method('DELETE')
                                        @csrf
                                        <button class="btn btn-danger action-confirm"><i
                                                class="far fa-trash-alt"></i></button>
                                    </form>
                                </div>
                            </div>
                        </li>
                    @endforeach
                </ol>
            </div>
        @else
            <div class="card-body col-lg-8 m-auto">
                @include('admin.partials.empty', ['empty_classes' => 'empty-lg'])
            </div>
        @endif
    </div>
    @if ($features->count() > 0)
        @push('top_scripts')
            <script>
                "use strict";
                const sortingRoute = "{{ route('admin.business.features.nestable') }}";
                const nestableMaxDepth = 1;
            </script>
        @endpush
        @push('scripts_libs')
            <script src="{{ asset('vendor/libs/jquery/nestable/jquery.nestable.min.js') }}"></script>
        @endpush
    @endif
@endsection