@php
    $loadedAssets = json_decode($alreadyLoadedAssets ?? '[]', true);

    //mark parent crud assets as loaded.
    foreach ($loadedAssets as $asset) {
        Assets::markAsLoaded($asset);
    }
@endphp

{{-- We keep id=field-is-inline it's hardcoded in all select2 field js --}}
<div class="modal" tabindex="0" role="dialog" aria-labelledby="modal-update-dialog-label" aria-hidden="true">
    <div class="modal-dialog {{ $fullScreenMode ? 'modal-fullscreen' : '' }} p-9" role="document">
        <form class="modal-content modal-rounded" method="post" action="{{ $formAction }}" onsubmit="return false"
            @if ($crud->hasUploadFields('update', $entry->getKey())) enctype="multipart/form-data" @endif>
            <div class="modal-header">
                <h2 class="modal-title" id="modal-update-dialog-label">
                    {!! $crud->getSubheading() ?? trans('grec.edit') . ' ' . $crud->entity_name !!}
                </h2>
                <button type="button" class="close btn btn-sm btn-icon btn-active-color-primary" data-dismiss="modal"
                    aria-label="Close">
                    <span class="svg-icon svg-icon-1">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
                                transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
                            <rect x="7.41422" y="6" width="16" height="2" rx="1"
                                transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
                        </svg>
                    </span>
                </button>
            </div>
            <div class="modal-body scroll-y my-12 mx-5">
                <div class="mx-auto w-100 mw-650px">
                    <div class="tab-container mb-2">
                        <div class="nav-tabs-custom" id="inline_form_tabs">
                            <ul class="nav nav-tabs nav-tabs--stepper mb-15 px-20" role="tablist">
                                <li class="nav-item current" role="presentation">
                                    <a href="#inline_tab_movement" aria-controls="inline_tab_movement" role="tab"
                                        tab_name="inline_tab_movement" data-toggle="tab"
                                        class="nav-link active">Mouvements</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a href="#inline_tab_detail" aria-controls="inline_tab_detail" role="tab"
                                        tab_name="inline_tab_detail" data-toggle="tab" class="nav-link ">Détails sur la
                                        copie</a>
                                </li>
                            </ul>

                            <div class="tab-content p-0 ">
                                <div role="tabpanel" class="tab-pane active" id="inline_tab_movement">
                                    <h2 class="fw-bold d-flex align-items-center text-dark">Gérer les mouvements de la
                                        copie</h2>
                                    @foreach ($datatables as $settings)
                                        <x-datatable :settings="$settings" />
                                    @endforeach
                                </div>
                                <div role="tabpanel" class="tab-pane " id="inline_tab_detail">
                                    <div>
                                        {!! csrf_field() !!}
                                        {!! method_field('PUT') !!}

                                        @if ($crud->model->translationEnabled())
                                            <div class="mb-2 text-right">
                                                {{-- Single button --}}
                                                <div class="btn-group">
                                                    <button type="button"
                                                        class="btn btn-sm btn-primary dropdown-toggle"
                                                        data-toggle="dropdown" aria-haspopup="true"
                                                        aria-expanded="false">
                                                        {{ trans('backpack::crud.language') }}:
                                                        {{ $crud->model->getAvailableLocales()[request()->input('_locale') ? request()->input('_locale') : App::getLocale()] }}
                                                        &nbsp; <span class="caret"></span>
                                                    </button>
                                                    <ul class="dropdown-menu">
                                                        @foreach ($crud->model->getAvailableLocales() as $key => $locale)
                                                            <a class="dropdown-item"
                                                                href="{{ url($crud->route . '/' . $entry->getKey() . '/edit') }}?_locale={{ $key }}">{{ $locale }}</a>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            </div>
                                        @endif
                                        {{-- load the view from the application if it exists, otherwise load the one in the package --}}
                                        @if (view()->exists('vendor.backpack.crud.form_content'))
                                            @include('vendor.backpack.crud.form_content', [
                                                'fields' => $crud->fields(),
                                                'action' => 'edit',
                                            ])
                                        @else
                                            @include('crud::form_content', [
                                                'fields' => $crud->fields(),
                                                'action' => 'edit',
                                            ])
                                        @endif
                                        {{-- This makes sure that all field assets are loaded. --}}
                                        <div class="d-none" id="parentLoadedAssets">{{ json_encode(Assets::loaded()) }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ trans('grec.close') }}</button>
                    <button type="submit" class="btn btn-primary" id="saveButton">
                        <span class="indicator-label">
                            {{ trans('backpack::crud.save') }}
                        </span>
                        <span class="indicator-progress">
                            Envoi en cours... <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                        </span>
                    </button>
                </div>
                <div class="d-none" id="loaded_assets" data-loaded-assets="{{ json_encode(Assets::loaded()) }}"></div>
            </div>
        </form>
    </div>

    {{-- This is where modal fields assets are pushed.
We bind the modal content including what fields pushed to this stacks to the end of the body tag,
so we make sure all backpack assets are previously loaded, like jquery etc.
We can give the same stack name because backpack `crud_fields_scripts` is already rendered and
this is the only available when rendering the modal html. --}}

    @stack('crud_fields_scripts')

    @stack('crud_fields_styles')

    @stack('after_scripts')

    @stack('after_styles')

    @include('admin.crud.inc.datatables_logic')

    @stack('after_scripts')
    <script>
        // window.modelOperation.initInline();
        @foreach ($datatables as $settings)
            window.initDatatable("{{ $settings->getTableId() }}");
        @endforeach
    </script>
    @stack('after_styles')