From 1f59cda01db6bc2707cc4f5337a6a9694194077e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BB=D0=B5=D0=BA=D1=81=D0=B0=D0=BD=D0=B4=D1=80=20?=
 =?UTF-8?q?=D0=91=D0=B0=D0=B1=D0=BA=D0=B8=D0=BD?= <babkin@dinamika-avia.ru>
Date: Tue, 12 Jul 2022 13:16:50 +0300
Subject: [PATCH] scan interface variants

---
 public/css/app.css                 | 17 ++++++
 resources/views/mmc/scan.blade.php | 96 +++++++++++++++++++-----------
 2 files changed, 79 insertions(+), 34 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index d3ebebb..a3c6b03 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -749,6 +749,9 @@ select {
 .mb-4 {
   margin-bottom: 1rem;
 }
+.-mb-px {
+  margin-bottom: -1px;
+}
 .block {
   display: block;
 }
@@ -879,6 +882,9 @@ select {
 .flex-col {
   flex-direction: column;
 }
+.flex-wrap {
+  flex-wrap: wrap;
+}
 .items-center {
   align-items: center;
 }
@@ -924,6 +930,10 @@ select {
   border-top-right-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
 }
+.rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
 .border {
   border-width: 1px;
 }
@@ -989,6 +999,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(238 242 255 / var(--tw-bg-opacity));
 }
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
 .fill-current {
   fill: currentColor;
 }
@@ -998,6 +1012,9 @@ select {
 .p-2 {
   padding: 0.5rem;
 }
+.p-4 {
+  padding: 1rem;
+}
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
diff --git a/resources/views/mmc/scan.blade.php b/resources/views/mmc/scan.blade.php
index e7e1766..6595969 100644
--- a/resources/views/mmc/scan.blade.php
+++ b/resources/views/mmc/scan.blade.php
@@ -10,44 +10,72 @@
             <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">
-                        @foreach ($MMC as $key => $value)
-                        <h3 class="font-bold text-l text-gray-800 leading-tight">АУК {{ $key }}</h3>
-                            <table class="table table-sm border-b border-gray-200">
+                        <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">
-                                    <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>
+                                    <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>
-                                @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>
-                        @endforeach
+                            @empty
+                                <tr>
+                                    <td colspan="5" class="p-2 border border-gray-200 text-center">No Documents!
+                                    </td>
+                                </tr>
+                            @endforelse
+                        </table> --}}
                     </div>
                 </div>
             </div>