@extends('layouts.backend')


@section('content')
    <section class="privatePanel Messages CustomerMessages">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 menu">
                    <div class="col-lg-12 menuContent">
                        <ul>
                        <a href="/Private/addNewLoad">
                                <li>Add New Load</li>
                            </a>
                            <a href="/Private/Loads">
                                <li>Loads</li>
                            </a>
                            <a href="/Private/CompletedEntries">
                                <span class="unread_items completedloadsItems @if($getThis->getUnreadCompletedLoads()==0) hide @endif">{{$getThis->getUnreadCompletedLoads()}}</span>
                                <li>Completed Entries</li>
                            </a>
                            <a href="/Private/RejectedEntries">
                                <span class="unread_items rejectedloadsItems @if($getThis->getUnreadRejectedLoads()==0) hide @endif">{{$getThis->getUnreadRejectedLoads()}}</span>
                                <li>Rejected Entries</li>
                            </a>
                            @if($user->parent==0)
                            <a href="/Private/Invoices">
                                <span class="unread_items invoicesItems @if($getThis->getUnreadInvoices()==0) hide @endif">{{$getThis->getUnreadInvoices()}}</span>
                                <li>Invoices</li>
                            </a>
                            @endif
                            <a class="active" href="/Private/Messages">
                                <span class="unread_items messagesItems @if($getThis->getCustomerUnreadMessages()==0) hide @endif">{{$getThis->getCustomerUnreadMessages()}}</span>
                                <li>Messages</li>
                            </a>
                            @if ($user->parent==0)
                            <a href="/Private/Users">
                                <li>Users</li>
                            </a>
                            @endif
                            <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="customer" />

                    <div class="row col-lg-12 actions">
                        <div class="col-lg-10"></div>
    <input type="hidden" name="dep" value="{{$dep}}" />
    @php
    $user_id = $user->id;
    if ($user->parent > 0)
    $user_id = $user->parent;
    @endphp

    <input type="hidden" name="customer_id" value="{{$user_id}}" />
    <input type="hidden" name="sender" value="{{$user->id}}" />
    <input type="hidden" name="senderName" value="{{explode(" ",$user->name)[0]}}" />
    
                    </div>

                    <div class="row col-lg-12 subMenu">
                        <ul>
                            <a @if ($dep=='info') class="active" @endif href="/Private/Messages">
                                <li class="info">General Enquiries
                                    <span class="unread_msgs @if($getThis->getUnreadAicoMessages('info')=='0') hide @endif">{{$getThis->getUnreadAicoMessages('info')}}</span>
                                </li>
                            </a>
                            <a @if ($dep=='import') class="active" @endif href="/Private/Messages/import">
                                <li class="import">Import/Export
                                    <span class="unread_msgs @if($getThis->getUnreadAicoMessages('import')=='0') hide @endif">{{$getThis->getUnreadAicoMessages('import')}}</span>
                                </li>
                            </a>
                            @if ($user->parent == 0)
                            <a @if ($dep=='financial') class="active" @endif href="/Private/Messages/financial">
                                <li class="financial">Accounts
                                    <span class="unread_msgs @if($getThis->getUnreadAicoMessages('financial')=='0') hide @endif">{{$getThis->getUnreadAicoMessages('financial')}}</span>
                                </li>
                            </a>
                            <a @if ($dep=='admin') class="active" @endif href="/Private/Messages/admin">     
                                <li class="admin">Complaints
                                    <span class="unread_msgs @if($getThis->getUnreadAicoMessages('admin')=='0') hide @endif">{{$getThis->getUnreadAicoMessages('admin')}}</span>
                                </li>
                            </a>
                            @endif
                        </ul>
                    </div>

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

                    <div class="col-lg-12 messagesCompose">
                    <textarea class="form-control" name="messageText"></textarea>
                    </div>

                    <div class="row col-lg-12 messagesAction customerAction">
                        <div class="col-lg-8"></div>
                        <div class="col-lg-4 alignRight">
                            <button class="btn btn-success sendMessage">Send</button>
                        </div>
                    </div>


   


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

    </section>
@endsection