From 0f2b11d0efd8dc4cde44051f12dec5031017237e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D0=B4=D1=80=D0=B5=D0=B9=20=20=D0=9B=D0=B0=D1=80?=
 =?UTF-8?q?=D0=B8=D0=BE=D0=BD=D0=BE=D0=B2?= <alarionov@nologostudio.ru>
Date: Wed, 25 Oct 2023 15:03:56 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9A=D0=BE=D0=BC=D0=BC=D0=B8=D1=82=20=D0=B4=D0=B8?=
 =?UTF-8?q?=D0=B0=D0=BB=D0=BE=D0=B3=D0=BE=D0=B2=D1=8B=D1=85=20=D0=BE=D0=BA=D0?=
 =?UTF-8?q?=BE=D0=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/admin/employer/index.blade.php |    2 +-
 resources/views/admin/reclames/index.blade.php |   26 ++++++-
 resources/views/admin/reclames/modal.blade.php |   87 ++++++++++++++++++++++++
 3 files changed, 111 insertions(+), 4 deletions(-)
 create mode 100644 resources/views/admin/reclames/modal.blade.php

diff --git a/resources/views/admin/employer/index.blade.php b/resources/views/admin/employer/index.blade.php
index 82a282a..5b41915 100644
--- a/resources/views/admin/employer/index.blade.php
+++ b/resources/views/admin/employer/index.blade.php
@@ -43,7 +43,7 @@
                 console.log('click button');
                 let id = e.target.id;
                 let form = document.getElementById("form_modal_del");
-                form.action = "<?=$_SERVER['HTTP_REFERER']?>/delete/"+e.target.getAttribute('data-employer')+'/'+e.target.getAttribute('data-user');
+                form.action = "<?=$_SERVER['APP_URL']?>admin/employers/delete/"+e.target.getAttribute('data-employer')+'/'+e.target.getAttribute('data-user');
                 //document.getElementById("title_modal").innerHTML = id;
                 console.log(e.target.getAttribute('data-employer'));
                 console.log(e.target.getAttribute('data-user'));
diff --git a/resources/views/admin/reclames/index.blade.php b/resources/views/admin/reclames/index.blade.php
index f84f244..9c4f007 100644
--- a/resources/views/admin/reclames/index.blade.php
+++ b/resources/views/admin/reclames/index.blade.php
@@ -29,6 +29,26 @@
             });
         });
     </script>
+
+    <script>
+        const btns = document.querySelectorAll('.btn_del');
+        btns.forEach(btn => {
+            btn.addEventListener('click', (e) => {
+                console.log('click button');
+                //let id = e.target.id;
+                let form = document.getElementById("form_modal_del");
+                form.action = "<?=$_SERVER['APP_URL'];?>admin/reclames/delete/"+e.target.getAttribute('data-reclame');
+                //document.getElementById("title_modal").innerHTML = id;
+                console.log(e.target.getAttribute('data-employer'));
+                console.log(e.target.getAttribute('data-user'));
+
+            });
+        });
+    </script>
+@endsection
+
+@section('modal')
+@include('admin.reclames.modal')
 @endsection
 
 @section('search')
@@ -41,6 +61,7 @@
         Добавить рекламу
     </a>
     <br>
+    <pre><? //print_r($_SERVER);?></pre>
     <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block">
 
         <div class="w-full overflow-x-auto">
@@ -91,13 +112,12 @@
                                 @method('DELETE')
                                 @if ($reclame->is_hidden)
                                     <img class="btn-eye" name="btn_close_{{$reclame->id}}" data-status="close" data-id="{{$reclame->id}}" src="{{asset('/assets/img/close-eye.png')}}" style="width:25px; float:left; margin: 0px 5px 0px 5px; cursor: pointer;" />
-                                    <p style="float:left">|</p>
                                 @else
                                     <img class="btn-eye" name="btn_open_{{$reclame->id}}" data-status="open" data-id="{{$reclame->id}}" src="{{asset('/assets/img/open-eye.png')}}" style="width:25px; float: left; margin: 0px 5px 0px 5px; cursor: pointer;"/>
-                                    <p style="float:left">|</p>
                                 @endif
 
-                                <input class="btn btn-danger" type="submit" style="float:left" value="Удалить"/>
+                                <a @click="openModal" style="cursor: pointer;" data-reclame="{{$reclame->id}}" class="btn_del btn btn-danger">| Удалить</a>
+                                <!--<input class="btn btn-danger" type="submit" style="float:left" value="Удалить"/>-->
                             </form>
                         </td>
                     </tr>
diff --git a/resources/views/admin/reclames/modal.blade.php b/resources/views/admin/reclames/modal.blade.php
new file mode 100644
index 0000000..23e7404
--- /dev/null
+++ b/resources/views/admin/reclames/modal.blade.php
@@ -0,0 +1,87 @@
+<!-- Modal backdrop. This what you want to place close to the closing body tag -->
+<div
+    x-show="isModalOpen"
+    x-transition:enter="transition ease-out duration-150"
+    x-transition:enter-start="opacity-0"
+    x-transition:enter-end="opacity-100"
+    x-transition:leave="transition ease-in duration-150"
+    x-transition:leave-start="opacity-100"
+    x-transition:leave-end="opacity-0"
+    class="fixed inset-0 z-30 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center"
+>
+    <!-- Modal -->
+    <div
+        x-show="isModalOpen"
+        x-transition:enter="transition ease-out duration-150"
+        x-transition:enter-start="opacity-0 transform translate-y-1/2"
+        x-transition:enter-end="opacity-100"
+        x-transition:leave="transition ease-in duration-150"
+        x-transition:leave-start="opacity-100"
+        x-transition:leave-end="opacity-0  transform translate-y-1/2"
+        @click.away="closeModal"
+        @keydown.escape="closeModal"
+        class="w-full px-6 py-4 overflow-hidden bg-white rounded-t-lg dark:bg-gray-800 sm:rounded-lg sm:m-4 sm:max-w-xl"
+        role="dialog"
+        id="modal"
+    >
+        <!-- Remove header if you don't want a close icon. Use modal body to place modal tile. -->
+        <header class="flex justify-end">
+            <button
+                class="inline-flex items-center justify-center w-6 h-6 text-gray-400 transition-colors duration-150 rounded dark:hover:text-gray-200 hover: hover:text-gray-700"
+                aria-label="close"
+                @click="closeModal"
+            >
+                <svg
+                    class="w-4 h-4"
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    role="img"
+                    aria-hidden="true"
+                >
+                    <path
+                        d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+                        clip-rule="evenodd"
+                        fill-rule="evenodd"
+                    ></path>
+                </svg>
+            </button>
+        </header>
+        <!-- Modal body -->
+        <div class="mt-4 mb-6">
+            <!-- Modal title -->
+            <p
+                class="mb-2 text-lg font-semibold text-gray-700 dark:text-gray-300"
+            >
+                Вы действительно хотите удалить данную рекламу?
+            </p>
+            <!-- Modal description -->
+            <p class="text-sm text-gray-700 dark:text-gray-400">
+                Это приведет к удалению всей информации о рекламе<br>
+                на данном проекте.
+            </p>
+        </div>
+        <footer
+            class="flex flex-col items-center justify-end px-6 py-3 -mx-6 -mb-4 space-y-4 sm:space-y-0 sm:space-x-6 sm:flex-row bg-gray-50 dark:bg-gray-800"
+        >
+            <button
+                @click="closeModal"
+                class="w-full px-5 py-3 text-sm font-medium leading-5 text-white text-gray-700 transition-colors duration-150 border border-gray-300 rounded-lg dark:text-gray-400 sm:px-4 sm:py-2 sm:w-auto active:bg-transparent hover:border-gray-500 focus:border-gray-500 active:text-gray-500 focus:outline-none focus:shadow-outline-gray"
+            >
+                Отмена
+            </button>
+                <form id="form_modal_del" name="form_modal_del" action="/employer-profile/delete/{employer}/{user}" method="POST">
+                    @csrf
+                    @method('DELETE')
+                    <p id="url"></p>
+                    <button
+                        type="submit"
+                        class="w-full px-5 py-3 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg sm:w-auto sm:px-4 sm:py-2 active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
+                    >
+                        Удалить
+                    </button>
+                </form>
+
+        </footer>
+    </div>
+</div>
+<!-- End of modal backdrop -->
-- 
1.7.10.4