@extends('seller.layouts.app')

@section('panel_content')
    <div class="aiz-titlebar mt-2 mb-4">
      <div class="row align-items-center">
          <div class="col-md-6">
              <b class="h4">{{ translate('Conversations')}}</b>
          </div>
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <ul class="list-group list-group-flush">
            @foreach ($conversations as $key => $conversation)
                <li class="list-group-item px-0">
                    <div class="row gutters-10">
                        <div class="col-auto">
                            <div class="media">
                                <span class="avatar avatar-sm flex-shrink-0">
                                    <img @if ($conversation->sender->avatar_original == null) src="{{ static_asset('assets/img/avatar-place.png') }}" @else src="{{ uploaded_asset($conversation->sender->avatar_original) }}" @endif class="rounded-circle" onerror="this.onerror=null;this.src='{{ static_asset('assets/img/avatar-place.png') }}';">
                                </span>
                            </div>
                        </div>
                        <div class="col-auto col-lg-3">
                            <span class="fw-600">{{ $conversation->sender->name }}</span>
                            <br>
                            <span class="opacity-50">
                                {{ date('h:i:m d-m-Y', strtotime($conversation->messages->last()->created_at)) }}
                            </span>
                        </div>
                        <div class="col-12 col-lg">
                            <div class="block-body">
                                <div class="block-body-inner pb-3">
                                    <div class="row no-gutters">
                                        <div class="col">
                                            <h6 class="mt-0">
                                                <a href="{{ route('seller.preorder-conversations.show', encrypt($conversation->id)) }}" class="text-dark fw-600">
                                                    {{ $conversation->title }}
                                                </a>
                                                @if ($conversation->messages()->where('sender_id', '!=' , auth()->id())->whereReceiverViewed(0)->count() > 0)
                                                    <span class="badge badge-inline badge-danger">{{ translate('New') }}</span>
                                                @endif
                                            </h6>
                                        </div>
                                    </div>
                                    <p class="mb-0 opacity-50">
                                        {{ $conversation->messages->last()->message }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            @endforeach
      </ul>
      </div>
    </div>
    <div class="aiz-pagination">
      	{{ $conversations->links() }}
    </div>

@endsection