@extends(config('lncshared.dropdown_admin.layout'))

@section('content')
    <div class="main-card">
        <div class="card-title">
            <div class="card-header-row">
                <h3>Dropdown files</h3>
                <a href="{{ route(config('lncshared.dropdown_admin.back_route'), config('lncshared.dropdown_admin.back_route_params', [])) }}" class="btn-secondary">
                    @if (view()->exists('components.ui.icon'))
                        <x-ui.icon name="settings" size="14" />
                    @endif
                    Back to admin settings
                </a>
            </div>
        </div>

        <div class="card-body">
            <div class="dropdown-admin-warning" role="alert">
                @if (view()->exists('components.ui.icon'))
                    <span class="dropdown-admin-warning-icon" aria-hidden="true">
                        <x-ui.icon name="alert" size="18" />
                    </span>
                @endif
                <div>
                    <strong>Be prudent.</strong>
                    Changes to dropdown values can break validation, filters, and existing records that store these codes.
                    Renaming or removing a code that is already used in the database may cause the application to malfunction.
                    You can edit options in existing dropdown files only; creating new dropdown files is not allowed here.
                </div>
            </div>

            <table class="data-table">
                <thead>
                    <tr>
                        <th>File</th>
                        <th>Options</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($dropdowns as $dropdown)
                        <tr>
                            <td><code>{{ $dropdown['filename'] }}.json</code></td>
                            <td>{{ $dropdown['option_count'] }}</td>
                            <td>
                                <a
                                    href="{{ route(config('lncshared.dropdown_admin.routes.edit'), $dropdown['filename']) }}"
                                    class="btn-secondary"
                                >
                                    Edit
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3">No dropdown files found in <code>storage/app/dropdowns</code>.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection