@extends('layouts.personal_core')
@section('profile_title')
    Mesajlar
@endsection
@section('csrf_token')
<meta name="csrf-token" content="{{csrf_token()}}">
@endsection
@section('dashboard_wrapper')
    <div class="col-xl-9 col-lg-8">
        <div class="dashboard-wrapper box-style">
            <div class="title">
                <h3>Mesajlar</h3>
            </div>
            <div class="chat-wrapper">
                <div class="row">
                    <div class="col-lg-10 col-xl-4" style="overflow-y:auto">
                        <div class="chat-list-wrapper">
                            <h5 class="mb-25">Şirketler</h5>
                            <ul class="chat-list" id="user_list">
                                @foreach ($messages as $message)
                                    <li class="chat-item" id="{{ $message->id }}">
                                        <a href="javascript:void(0)" class="chat-link">
                                            <div class="image @if ($message->notification == $user->id) active @endif "
                                                id="notification{{ $message->id }}">
                                                <img src="/storage/site/{{ $message->user->image }}" alt="">
                                            </div>
                                            <div class="info">
                                                <h5>{{ $message->name($message->id)->fname }}</h5>
                                                <span>{{ $message->name($message->id)->company_name }}</span>
                                            </div>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-12" style="height:680px">
                        <div class="message-wrapper">
                            <h5 class="mb-25">Mesajlar</h5>
                            <ul class="message-list" id="message_list" style="height: 400px;overflow-y:auto">
                                <!-- Mesaj listesi buraya eklenecek -->
                            </ul>
                            <form id="message_form" action="#">
                            </form>
                            <p id="error_message" style="display: block;color:red"></p>
                        </div>
                    </div>
                </div>
            </div>
      </div>
    </div>
@endsection
@section('extra_js')
<script src="/assets/js/messagep.js"></script>
@endsection