chats_list.blade.php 5.26 KB
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">


@if ($chats->count() || $admin_chat)
    @csrf

    @if($admin_chat)
        <div class="messages__item hover-shadow admin-chat-wrap">
            <a class="messages__item-info" href="{{ route($user_type . '.dialog', ['chat' => $admin_chat->id]) }}">
                @include('svg.logo_icon')
                <div class="messages__item-text">
                    <div>
                        <b>Администратор сайта</b>
                    </div>
                    <div>
                        {{ $admin_chat->last_message->text }}
                    </div>
                </div>
            </a>

            <div class="messages__item-actions" data-chat-id="{{ $admin_chat->id }}">
                <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($admin_chat->created_at)) }}</div>
                <div class="messages__item-buttons">
                    @if($admin_chat->admin_chat_unread_messages_count > 0)
                        <div class="unread-messages-count mr-15">{{ $admin_chat->admin_chat_unread_messages_count }}</div>
                    @endif
                </div>
            </div>
        </div>
    @endif

    @if ($chats->count())
    @foreach($chats as $chat)
        <div class="messages__item hover-shadow {{ intval($chat->is_fixed) == 1 ? 'chat-fixed' : '' }}">
            <a class="messages__item-info" href="{{ route($user_type . '.dialog', ['chat' => $chat->id]) }}">
                <div class="messages__item-photo">
                    @if (isset($chat->employer->logo))
                        <img src="{{ asset(Storage::url($chat->employer->logo)) }}" alt="">
                    @elseif(isset($chat->worker->photo))
                        <img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt="">
                    @else
                        <img src="{{ asset('images/default_man.jpg') }}" alt="">
                    @endif
                </div>
                <div class="messages__item-text">
                    <div>
                        <b id="chat_name">
                            @if ($chat->employer && $chat->employer->name_company)
                                {{ $chat->employer->name_company }}
                            @else
                                {{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2  }}
                            @endif
                        </b>
                    </div>
                    <div>
                        {{ $chat->last_message->text }}
                    </div>
                </div>
            </a>

            <div class="messages__item-actions" data-chat-id="{{ $chat->id }}">
                <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div>
                <div class="messages__item-buttons">
                    @if($chat->unread_messages_count > 0)
                        <div class="unread-messages-count mr-15">{{ $chat->unread_messages_count }}</div>
                    @endif

                    <button class="pin-chat {{ intval($chat->is_fixed) == 1 ? 'pin-on' : 'pin-off' }} mr-15">
                        @include('svg.pin_off')
                    </button>
                    <button class="remove-chat" data-user="{{ $chat->user_id }}" data-fancybox data-src="#remove_chat">
                        <svg>
                            <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
                        </svg>
                    </button>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    @endforeach
    <div style="margin-top: 20px">
        {{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }}
    </div><!-- конец -->
     @endif
@else
    <div class="notify">
        <svg>
            <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
        </svg>
        <span>Сообщений не найдено</span>
    </div>
@endif

<script>
    $(function (){
        $('.pin-chat').click(function(){
            var this_btn = $(this);
            var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');
            var $is_fixed = this_btn.hasClass('pin-on') ? 0 : 1;

            $.ajax({
                type: "POST",
                url: "{{ route('employer.pin_chat')  }}",
                data: {
                    id: chat_id,
                    is_fixed: $is_fixed
                },
                headers: {
                    'X-CSRF-TOKEN': $('[name="_token"]').val()
                },
                success: function(){
                    location.reload();
                }
            });
        });

        $('.remove-chat').click(function(){
            var this_btn = $(this);
            var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');
            var wrap = this_btn.closest('.messages__item');
            var target = wrap.find('.messages__item-text').find('#chat_name').text();

            $('#remove_chat').data('chat-id', chat_id);
            $('#remove_chat').find('.target-chat').text(target.trim());
        });
    });
</script>