@extends('layouts.backend')

@section('content')
    <section class="privatePanel Messages">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 menu">
                    <div class="col-lg-12 menuContent">
                        <ul>
                            <a href="/Private/NewLoads">
                            <span class="unread_items newloadsItems @if($getThis->getUnreadInfoLoads()==0) hide @endif">{{$getThis->getUnreadInfoLoads()}}</span>
                                <li>New Loads</li>
                            </a>
                            <a href="/Private/ReadyLoads">
                                <li>Ready Loads</li>
                            </a>
                            <a href="/Private/CompletedLoads">
                                <li>Completed Loads</li>
                            </a>
                            <a href="/Private/RejectedLoads">
                                <li>Rejected Loads</li>
                            </a>
                            <a href="/Private/Customers">
                                <li>Customers</li>
                            </a>
                            <a class="active" href="/Private/Messages">
                                <span class="unread_items messagesItems @if($getThis->getImportUnreadMessages()==0) hide @endif">{{$getThis->getImportUnreadMessages()}}</span>
                                <li>Messages</li>
                            </a>
                            <a href="/Private/Logout">
                                <li>Logout</li>
                            </a>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-10 content MessagesArea">
                    <h2 class="title">Messages</h2>
                    <input type="hidden" name="sender_type" value="import" />
                    <input type="hidden" name="customer_id" value="{{$customer}}" />

<div class="row col-lg-12 msgRow">

    <div class="col-lg-2 messagesMenu">
        <ul>
            @foreach($customers as $usr)
            <a @if ($customer==$usr->customer_id) class="active" @endif id="{{$usr->customer_id}}" href="/Private/Messages/customer/{{md5($usr->customer_id)}}/{{$usr->customer_id}}"><li>{{$usr->getCustomer->legal_name}}
                <span class="unread_msgs customer{{$usr->customer_id}} @if($getThis->getUnreadCustomersMessages('import',$usr->customer_id)=='0') hide @endif">{{$getThis->getUnreadCustomersMessages('import',$usr->customer_id)}}</span>
            </li></a>
            @endforeach
        </ul>
    </div>
                

                <div class="col-lg-10 messagesContent">
                    <div class="content">
                        <ul class="row">
                            @foreach ($messages as $msg) 
                            @php
                            $type='receiver';
                            $sender_type=$msg->getSender->name;
                            if ($msg->sender_type==0) { 
                                $type='sender';
                                $sender_type=explode(" ",$msg->getSender->name)[0];
                            }

                            @endphp
                            <li class="item col-lg-12 {{$type}}" id="{{$msg->id}}"><div><span>{{$sender_type}}:</span> {{$msg->message}}
                                <div class="time">{{date('Y/m/d H:i',strtotime($msg->updated_at))}}</div>
                            </div></li>
                            @endforeach
                        </ul>
                    </div>
                
                <div class="col-lg-12 messagesCompose">
                    <textarea class="form-control" name="messageText"></textarea>
                    </div>
    
                    <div class="row col-lg-12 messagesAction aicoAction">
                        <div class="col-lg-8"></div>
                        <div class="col-lg-4 alignRight">
                            @if($customer > 0)
                                <button class="btn btn-success sendMessage">Send</button>
                            @endif
                        </div>
                    </div>
                </div>
</div>

                
                </div>
            </div>
        </div>

    </section>
@endsection