@extends('admin.layout.master')

@section('admin')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                {{ Breadcrumbs::render('admin.contents.content_features.index') }}
            </div>
            <div class="content-header-left col-md-6 col-12 mb-2">
                <a href="{{route('admin.contents.content_features.insert')}}"
                   class="btn btn-sm btn-info float-right">
                    <i class="fa fa-plus"></i> {{trans('admin/contents.content_features.btn_insert')}}
                </a>
            </div>
        </div>
        <div class="content-body">
            <section id="page-layout">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title"
                                    id="pageHeaderTitle">{{trans('admin/contents.content_features.title')}}</h4>

                            </div>
                            <div class="card-content collapse show">
                                <div class="card-body">
                                    <x-admin.language-select-form></x-admin.language-select-form>

                                    <div class="row">
                                        <div class="col-md-12">

                                            {{ $dataTable->table() }}
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection

@section('admin.javascript')

    {{ $dataTable->scripts(attributes: ['type' => 'module']) }}
    <script>
        const $_CONTENT_FEATURE_TRANS={
            ORDER:{
                LOADING:'