<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ $project->name }}: {{ __('Scan MMC') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 bg-white border-b border-gray-200">
                    <div class="w-96 mx-auto">
                        <div class="panel-group">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" target="_blank" rel="nofollow noreferrer"
                                            target="_blank" rel="nofollow noreferrer" href="#collapse1">123</a>
                                    </h4>
                                </div>
                                <div id="collapse1" class="panel-collapse collapse">
                                    <div class="panel-body">123123123</div>
                                    <div class="panel-footer">123</div>
                                </div>
                            </div>
                        </div>
                        {{-- <div class="mb-4 border-b border-gray-200 dark:border-gray-700">
                            <ul class="flex flex-wrap -mb-px text-sm font-medium text-center" id="aukTab" data-tabs-toggle="#aukTabContent" role="tablist">
                                @foreach ($MMC as $key => $value)
                                <li class="mr-2" role="presentation">
                                    <button class="inline-block p-4 rounded-t-lg border-b-2" id="auk{{ $key }}-tab" data-tabs-target="#auk{{ $key }}" type="button" role="tab" aria-controls="auk{{ $key }}" aria-selected="false">AUK {{ $key }}</button>
                                </li>
                                @endforeach
                            </ul>
                        </div>
                        <div id="aukTabContent">
                            @foreach ($MMC as $key => $value)
                            <div class="hidden p-4 bg-gray-50 rounded-lg dark:bg-gray-800" id="auk{{ $key }}" role="tabpanel" aria-labelledby="auk{{ $key }}-tab">
                                <p class="text-sm text-gray-500 dark:text-gray-400">This is some placeholder content the <strong class="font-medium text-gray-800 dark:text-white">Profile tab's associated content</strong>. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling.</p>
                            </div>
                            @endforeach
                        </div> --}}
                        {{-- <h3 class="font-bold text-l text-gray-800 leading-tight">АУК {{ $key }}</h3>
                        <table class="table table-sm border-b border-gray-200">
                            <tr class="border border-gray-200">
                                <th class="p-2 border border-gray-200">
                                    {{ __('File') }}
                                </th>
                                <th class="p-2 border border-gray-200">
                                    {{ __('Size') }}
                                </th>
                                <th class="p-2 border border-gray-200">
                                    {{ __('MTime') }}
                                </th>
                                <th class="p-2 border border-gray-200">
                                    {{ __('ATime') }}
                                </th>
                                <th class="p-2 border border-gray-200">
                                    {{ __('Actions') }}
                                </th>
                            </tr>
                            @forelse ($value['images'] as $image)
                                <tr class="border border-gray-200">
                                    <td class="p-2 border border-gray-200">{{ $image['file'] }}</td>
                                    <td class="p-2 border border-gray-200">{{ $image['size'] }}</td>
                                    <td class="p-2 border border-gray-200">{{ $image['mtime'] }}</td>
                                    <td class="p-2 border border-gray-200">{{ $image['atime'] }}</td>
                                    <td class="p-2 border border-gray-200">&nbsp;</td>
                                </tr>


                            @empty
                                <tr>
                                    <td colspan="5" class="p-2 border border-gray-200 text-center">No Documents!
                                    </td>
                                </tr>
                            @endforelse
                        </table> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>
