From a4195912b393a5453ba3d727832f9cc57864c2a1 Mon Sep 17 00:00:00 2001
From: Thekindbull <thekindbull@gmail.com>
Date: Tue, 23 Sep 2025 10:44:05 +0800
Subject: [PATCH] mobile version updated

---
 .../Views/livewire/table/index.blade.php      | 70 +++++++++++++++----
 app/Modules/Post/Views/list/cards.blade.php   |  2 +-
 resources/views/clients/table.blade.php       |  6 +-
 .../livewire/clients-table.blade copy.php     | 70 -------------------
 .../views/livewire/clients-table.blade.php    | 29 ++++----
 5 files changed, 75 insertions(+), 102 deletions(-)
 delete mode 100644 resources/views/livewire/clients-table.blade copy.php

diff --git a/app/Modules/Contracts/Views/livewire/table/index.blade.php b/app/Modules/Contracts/Views/livewire/table/index.blade.php
index 1e25b52..d6498ae 100644
--- a/app/Modules/Contracts/Views/livewire/table/index.blade.php
+++ b/app/Modules/Contracts/Views/livewire/table/index.blade.php
@@ -1,11 +1,11 @@
 @php($statuses = Modules\Contracts\Models\ContractStatus::class)
 <div>
-    <div class="fs-5 bg-light p-0 m-0 border border-1 rounded-4 py-3">
-        <table class="table m-0">
+    <div class="fs-5 bg-light p-0 m-0 border border-1 rounded-4 py-3 p-2 p-md-0">
+        <table class="table table-striped table-hover">
             <thead>
-                <tr scope="col">
+                <tr class="d-none d-lg-table-row" scope="col">
                     <th>Клиент
-                    <th>Город
+                    <th class="d-none d-lg-table-cell">Город
                     <th>ЖК
                     <th>Площадь
                     <th>Сумма
@@ -16,20 +16,37 @@
             </thead>
             <tbody class="">
                 @foreach ($contracts as $contract)
-                    <tr scope="row">
-                        <td class="align-middle">
-                            {{ $contract->deal->user->name }}
+                    <tr class="d-flex d-lg-table-row flex-column flex-md-row my-4 my-lg-0" scope="row">
+                        <td class="align-middle d-flex flex-row">
+                            <div class="d-block d-md-none me-2">
+                                <div class="border  rounded-pill "
+                                    style="width: 1.5rem; height:1.5rem;background-color:{{ $statuses::getHtmlColor($contract->status) }}">
+                                </div>
+                            </div>
+                            <div class="w-100">{{ $contract->deal->user->name }}</div>
                         </td>
-                        <td class="align-middle">
+                        <td class="align-middle d-none d-lg-table-cell">
                             {{ $contract->deal->complex->city->name }}
                         </td>
-                        <td class="align-middle">
+                        <td class="d-block d-lg-none d-flex flex-row">
+                            <div class="w-100">
+                                <span class="d-block d-md-none fs-6 text-secondary">Жилой комплекс</span>
+                                {{ $contract->deal->complex->name }}
+                            </div>
+                            <div class="d-flex flex-column">
+                                <span class="d-block d-md-none fs-6 text-secondary">Площадь</span>
+                                <div>
+                                    {{ $contract->square }} <span class="d-inline d-lg-none"> м<sup>2</sup></span>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-middle d-none d-lg-table-cell">
                             {{ $contract->deal->complex->name }}
                         </td>
-                        <td class="align-middle">
+                        <td class="align-middle d-none d-lg-table-cell">
                             {{ $contract->square }}
                         </td>
-                        <td class="align-middle">
+                        <td class="align-middle d-none d-lg-table-cell">
                             <?php
                             $price = Number::forHumans($contract->price, precision: 2);
                             $price = str_replace('million', 'млн', $price);
@@ -39,7 +56,7 @@
                             ?>
                             {!! $price !!}
                         </td>
-                        <td class="align-middle">
+                        <td class="align-middle d-none d-lg-table-cell">
                             <?php
                             $contract->reward = GetAgentPaymentForContract($contract);
                             //$contract->reward = $contract->reward ? $contract->reward : 0;
@@ -59,14 +76,37 @@
                                 </span>
                             @endif
                         </td>
-                        <td class="align-middle">
+                        <td class="d-block d-lg-none d-flex flex-row">
+                            <div class="w-100">
+                                <span class="d-block d-md-none fs-6 text-secondary">Стоимость</span>
+                                {!! $price !!}
+                            </div>
+                            <div class="d-flex flex-column">
+                                <span class="d-block d-md-none fs-6 text-secondary">Вознаграждение</span>
+                                <div>
+                                    {!! $reward !!}
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-middle d-none d-md-table-cell">
                             <div class="py-1 px-3 border rounded rounded-5 text-center"
                                 style="background-color:{{ $statuses::getHtmlColor($contract->status) }}">
                                 {{ $statuses::getName($contract->status) }}
                             </div>
                         </td>
-                        <td class="align-middle">
-                            <div class="dropdown" style="">
+                        <td class="align-middle ">
+                            <div class="d-block d-md-none text-end fs-6">
+                                <a class="icon-link icon-link-hover" style="--bs-link-hover-color-rgb: 25, 135, 84;"
+                                    href="{{ route('contract', ['contract' => $contract->id]) }}">
+                                    Детали
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="bi" viewBox="0 0 16 16"
+                                        aria-hidden="true">
+                                        <path
+                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
+                                    </svg>
+                                </a>
+                            </div>
+                            <div class="dropdown d-none d-md-block" style="">
                                 <button class="btn btn-light" type="button" id="dropdownMenuButton"
                                     data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                     <i class="bi bi-three-dots-vertical"></i>
diff --git a/app/Modules/Post/Views/list/cards.blade.php b/app/Modules/Post/Views/list/cards.blade.php
index 6a79303..1ec67f6 100644
--- a/app/Modules/Post/Views/list/cards.blade.php
+++ b/app/Modules/Post/Views/list/cards.blade.php
@@ -1,6 +1,6 @@
 <div class="d-lg-flex row g-3">
     @foreach ($posts as $post)
-        <div class="col-4 m-0 p-2" style="">
+        <div class="col-lg-4 col-md-6 col-12 m-0 p-2" style="">
             <div class="flex-fill placeholder-glow bg-white card">
                 <div class="row g-0 h-100">
                     <div class="col-md-6">
diff --git a/resources/views/clients/table.blade.php b/resources/views/clients/table.blade.php
index b001a81..4eb97d4 100644
--- a/resources/views/clients/table.blade.php
+++ b/resources/views/clients/table.blade.php
@@ -1,8 +1,8 @@
 @extends('layouts.app')
 
 @section('content')
-    <div>
-        <form class="d-block d-md-flex mb-3" method="GET" action="{{ route('clients.table') }}">
+    <div class="">
+        <form class="d-flex flex-row mb-3" method="GET" action="{{ route('clients.table') }}">
             <div class="p-2 border rounded-3 border-1 p-1 bg-white">
                 <input type="radio" class="btn-check" name="status" value="all" id="option5" autocomplete="off"
                     onclick="this.form.submit()" {{ $status == 'all' ? 'checked' : '' }}>
@@ -20,7 +20,7 @@
             <div class="ms-auto p-2">
                 <button type="button" class="btn btn-primary py-2 px-3 fs-5" data-bs-toggle="modal"
                     data-bs-target="#createClientModal">
-                    <i class="bi bi-person-plus"></i> <span class="d-inline d-md-none">Добавить клиента</span>
+                    <i class="bi bi-person-plus"></i> <span class="d-inline d-none d-md-inline">Добавить клиента</span>
                 </button>
             </div>
         </form>
diff --git a/resources/views/livewire/clients-table.blade copy.php b/resources/views/livewire/clients-table.blade copy.php
deleted file mode 100644
index b81df7c..0000000
--- a/resources/views/livewire/clients-table.blade copy.php	
+++ /dev/null
@@ -1,70 +0,0 @@
-<div>
-    <div class="fs-5 bg-light p-0 m-0 border border-1 rounded-4 overflow-hidden">
-        @if ($deals->count() == 0)
-            <div class="text-center py-5">Нет данных для отображения</div>
-        @endif
-        <table class="table m-0">
-            <tbody class="">
-                @php($clientId = false)
-                @php($dealsCountForClient = 0)
-                @foreach ($deals as $deal)
-                    <tr>
-                        <!--<td>
-                            <img src="../../images/icons/user.png" class="img-fluid align-middle" style="height: 50px;">
-                        </td>-->
-                        <td class="fw-semibold fs-5 align-middle">
-                            {{ $deal->user->name }}
-                            @if ($deal->status == $statuses::MODERATION)
-                                <div>
-                                    <span class="badge text-bg-secondary">
-                                        На проверке уникальности
-                                    </span>
-                                </div>
-                            @endif
-                        </td>
-                        @if ($mode == 'full')
-                            <td class="align-middle">
-                                {{ $deal->user->phone }}
-                            </td>
-                            <td class="align-middle">
-                                {{ $deal->user->email }}
-                            </td>
-                            <td class="align-middle">
-                                {{ $deal->complex->city->name }}
-                            </td>
-                            <td class="align-middle text-end d-none">
-                                <a href="#" class="btn">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
-                                        fill="currentColor" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
-                                        <path
-                                            d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" />
-                                    </svg>
-                                </a>
-                            </td>
-                            @if ($deal->contract)
-                                <td class="align-middle text-center bg-white">
-
-                                    <a href="{{ route('contract', ['contract' => $deal->contract]) }}" class="btn">
-                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
-                                            fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
-                                            <path fill-rule="evenodd"
-                                                d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
-                                        </svg>
-                                    </a>
-
-                                </td>
-                            @else
-                                <td></td>
-                            @endif
-                        @endif
-                    </tr>
-                @endforeach
-            </tbody>
-        </table>
-    </div>
-    @if ($mode == 'full')
-        <div class="mt-3">
-            {{ $deals->links('vendor.pagination.bootstrap-5', ['scrollTo' => false]) }}
-        </div>
-    @endif
-</div>
diff --git a/resources/views/livewire/clients-table.blade.php b/resources/views/livewire/clients-table.blade.php
index 7d867ff..ee281e3 100644
--- a/resources/views/livewire/clients-table.blade.php
+++ b/resources/views/livewire/clients-table.blade.php
@@ -4,7 +4,7 @@
         @if ($clients->count() == 0)
             <div class="text-center py-5">Нет данных для отображения</div>
         @endif
-        <div class="vstack">
+        <div class="vstack gap-3">
             @foreach ($clients as $client)
                 <?php
                 $complexesNames = [];
@@ -21,20 +21,22 @@
                 ?>
 
                 @if ($mode == 'full')
-                    <div class="row m-0 my-2">
-                        <div class="col fw-semibold fs-5 align-middle text-start">
-                            {{ $client->name }}
+                    <div class="d-flex flex-row m-0 my-2 px-2 client-row">
+                        <div class="d-flex flex-column flex-md-row w-100">
+                            <div class="col fw-semibold fs-5 align-middle text-start">
+                                {{ $client->name }}
+                            </div>
+
+                            <div class="col">
+                                {{ $complexesNames }}
+                            </div>
+
+                            <div class="col col-md-3 align-middle">
+                                {{ $client->phone }}
+                            </div>
                         </div>
 
-                        <div class="col">
-                            {{ $complexesNames }}
-                        </div>
-
-                        <div class="col-3 align-middle">
-                            {{ $client->phone }}
-                        </div>
-
-                        <div class="col-1 text-end">
+                        <div class="col col-md-1 text-end contracts-link">
                             @if ($dealsWithContracts->count() == 1)
                                 <a href="{{ route('contract', ['contract' => $dealsWithContracts->first()->contract]) }}"
                                     class="icon-link icon-link-hover">
@@ -99,4 +101,5 @@ class="icon-link icon-link-hover w-100 hstack gap-2 text-decoration-none">
             {{ $clients->links('vendor.pagination.bootstrap-5', ['scrollTo' => false]) }}
         </div>
     @endif
+
 </div>