@php
  $base_path       = asset('dist/images'); 
  $default_usr_pic = $base_path."/"."profile-default.png";

  if(@$chat_wth_usr_info)
  {
    $f_nm   = trim(@$chat_wth_usr_info->first_name);
    $l_nm   = trim(@$chat_wth_usr_info->last_name);

    $cht_usr_name        = ucwords(strtolower(trim(@$f_nm.' '.@$l_nm)));
    $profile_pic         = trim(@$chat_wth_usr_info->profile_pic);
    $cht_usr_type        = (@$chat_wth_usr_info->user_type) ?? ''; //Chat User Type
    $cht_usr_role_ids    = @explode(',', @$chat_wth_usr_info->usr_role_ids); //Role Ids Assigned to Chat User 
    $cht_usr_type_cap    = '';
    $user_last_activity_time_stamp = $chat_wth_usr_info->user_last_activity_time_stamp ?? "";

    if(@$cht_usr_type == 'ADMIN' || @$cht_usr_type == _ADMIN_USER_ || @in_array(_DEVELOPER_ROLE_ID_, @$cht_usr_role_ids) || @in_array(_ADMIN_ROLE_ID_, @$cht_usr_role_ids))
    {
      $cht_usr_type_cap = @_USER_TYPE_ARR_[@_ADMIN_USER_];      
    }
    else if(@$cht_usr_type == _INVESTOR_USER_ || @in_array(_INVESTOR_ROLE_ID_, @$cht_usr_role_ids))
    {
      $cht_usr_type_cap = @_USER_TYPE_ARR_[@_INVESTOR_USER_];
    }
    else if(@$cht_usr_type == 'MENTOR' || @in_array(_MENTOR_ROLE_ID_, @$cht_usr_role_ids))
    {
      $cht_usr_type_cap = @_USER_TYPE_ARR_[@_MENTOR_USER_];
    }
    else if(@$cht_usr_type == 'VC_FUND' || @in_array(_VC_FUND_ROLE_ID_, @$cht_usr_role_ids))
    {
      $cht_usr_type_cap = @_USER_TYPE_ARR_[@_VC_FUND_USER_];
    }
    else if(@$cht_usr_type == 'STARTUP' || @in_array(_STARTUP_ROLE_ID_, @$cht_usr_role_ids))
    {
      $cht_usr_type_cap = @_USER_TYPE_ARR_[@_STARTUP_USER_];
    }
    else if(@$cht_usr_type == 'INHOUSE' || @in_array(_IN_HOUSE_ROLE_ID_, @$cht_usr_role_ids))
    {
      $cht_usr_type_cap = @_USER_TYPE_ARR_[@_INHOUSE_USER_];
    }

    $cht_usr_type_cap = (@$cht_usr_type_cap) ?? 'User';

    $cht_usr_profile_pic = '';

    if(@$profile_pic && @$profile_pic != '')
    {
      $cht_usr_profile_pic = asset('uploads/users_profile_pic').'/'.@$profile_pic;
      $cht_usr_profile_pic = (@file_exists(public_path().'/uploads/users_profile_pic/'.@$profile_pic)) ? $cht_usr_profile_pic : '';
    }

    $chat_status = strtolower(trim(@$chat_wth_usr_info->chat_status));
    $status_cls  = 'avatar-online';

    if(@$chat_status == 'busy')
    {
      $status_cls = 'avatar-busy';
    }
    else if(@$chat_status == 'away')
    {
      $status_cls = 'avatar-away';  
    }
  }
@endphp
<div class="chat-history-wrapper">
  <!-- BEGIN : Chat history -->
  <div class="chat-history-header">
    <div class="d-flex justify-content-between align-items-center" style="padding-bottom:3px;">
      <div class="d-flex overflow-hidden align-items-center">
        <div class="flex-shrink-0 avatar">
          @if(@$chat_wth_usr_info)
            @if(@$cht_usr_profile_pic && @$cht_usr_profile_pic != '')
              <div class="flex-shrink-0 avatar {{ $status_cls }}" id="cht_wth_usr_status_{{ $chat_wth_usr_info->id }}">
                <img src="{{ @$cht_usr_profile_pic }}" alt="{{ @$cht_usr_name }}" class="rounded-circle" data-bs-toggle="sidebar" data-overlay data-target="#app-chat-sidebar-right" />
              </div>
            @else
              @php 
                $arr_nm = explode(' ', @$cht_usr_name);
                $fnm    = @$arr_nm[0];
                $lnm    = @$arr_nm[1];

                $f_fc              = substr(@$fnm, 0, 1);
                $l_lc              = substr(@$fnm, -1);
                $l_lc              = (@$lnm && @$lnm != '') ? substr(@$lnm, 0, 1) : $l_lc;
              @endphp
              <div class="avatar d-block flex-shrink-0 {{ $status_cls }}" id="cht_wth_usr_status_{{ $chat_wth_usr_info->id }}">
                <span class="avatar-initial rounded-circle bg-label-primary" data-bs-toggle="sidebar" data-overlay data-target="#app-chat-sidebar-right">
                  {{ strtoupper($f_fc.$l_lc) }}
                </span>
              </div>
            @endif
            <i class="ti ti-x ti-sm cursor-pointer close-sidebar" data-bs-toggle="sidebar" data-overlay data-target="#app-chat-sidebar-left"></i>
          @endif
        </div>
        <div class="chat-contact-info flex-grow-1 ms-2">
          <div class="d-flex">  
            <h6 class="m-0">
              @if(@$cht_usr_name)
                {{ $cht_usr_name }}
              @else
                &nbsp;
              @endif
            </h6>
            
            @if($user_last_activity_time_stamp)
              @php
                $hour_diff = (strtotime(date('Y-m-d H:i:s')) - strtotime($user_last_activity_time_stamp))/3600;
              @endphp
              
              @if($hour_diff >= (24 * 15))
                <span class="user_last_activity badge bg-label-danger ms-1">
                  last seen {{ @date_format(@date_create(@$user_last_activity_time_stamp),'j F Y') }}
                </span>
              @elseif($hour_diff <= 24)
                <span class="user_last_activity badge bg-label-success ms-1">
                  last seen {{ displayHumanFormat($user_last_activity_time_stamp) }}
                </span>
              @else
                <span class="user_last_activity badge bg-label-success ms-1">
                  last seen {{ @date_format(@date_create(@$user_last_activity_time_stamp),'j F Y') }}
                <span class="user_last_activity badge bg-label-success ms-1">
              @endif
              
            @endif
          </div>
          
          <small class="user-status text-muted">
            @if(@$cht_usr_type_cap)
              {{ $cht_usr_type_cap }}
            @else
              &nbsp;
            @endif  
          </small>
        </div>
      </div>
      <div class="d-flex align-items-center">
        <!--
          <i class="ti ti-phone-call cursor-pointer d-sm-block d-none me-3"></i>
          <i class="ti ti-video cursor-pointer d-sm-block d-none me-3"></i>
          <i class="ti ti-search cursor-pointer d-sm-block d-none me-3"></i>
        -->
        <div class="dropdown">
          @if(@$chat_wth_usr_info)
            <i class="ti ti-dots-vertical cursor-pointer" id="chat-header-actions" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></i>
            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="chat-header-actions">
              @php
                $mute = 'Y';
                $mcap = 'Mute';

                if(@$chat_wth_usr_notification_mute == 'Y')
                {
                  $mute = 'N';
                  $mcap = 'Un-Mute';
                }
              @endphp
              <a class="dropdown-item" href="javascript:muteNotifications();" data-mute="{{ $mute }}" id="cht_wth_usr_mute">{{ $mcap }} Notifications</a>
              <a class="dropdown-item" href="javascript:clearChat();">Clear Chat</a>
            </div>
          @endif
        </div>
      </div>
      <i class="ti ti-menu-2 ti-sm cursor-pointer d-lg-none d-block me-2" data-bs-toggle="sidebar" data-overlay data-target="#app-chat-contacts"></i>
    </div>
  </div>
  <hr class="container-m-nx m-0" />
  <div class="chat-history-body bg-body">
    <ul class="list-unstyled chat-history" id="chat_msg_list">
      @include('admin.chat.chat_message_list')
    </ul>
  </div>
  <!-- END : Chat history -->

  <!-- BEGIN : Chat message form -->
  <div class="chat-history-footer shadow-sm">
    <form class="form-send-message d-flex justify-content-between align-items-center p-0 m-0" id="frm_send_message">
      @if(@$chat_wth_usr_info)
        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
        <input type="hidden" name="from_user_id" id="from_user_id" value="{{ $logged_in_usr_id }}" />
        <input type="hidden" name="to_user_id" id="to_user_id" value="{{ $currently_cht_wth_usr_id }}" />
        <input class="form-control message-input border-0 me-3 shadow-none" name="chat_msg" placeholder="Type your message here" autocomplete="off" />
        <div class="message-actions d-flex align-items-center">
          <label for="attach-doc" class="form-label mb-0">
            <i class="ti ti-photo ti-sm cursor-pointer mx-3" id="upload_chat_file"></i>
            <input type="file" name="chat_file" id="attach-doc" hidden  />
          </label>
          <button class="btn btn-primary d-flex send-msg-btn" id="send-msg-btn">
            <i class="ti ti-send me-md-1 me-0"></i>
            <span class="align-middle d-md-inline-block d-none">Send</span>
          </button>
        </div>
      @else
        <input class="form-control message-input border-0 me-3 shadow-none" name="chat_msg_0" placeholder="" autocomplete="off" readonly />
      @endif
    </form>
  </div>
  <!-- END : Chat message form -->
</div>