@extends('layouts.default', ['appTopMenu' => true])

<!-- @section('title','Receipt') -->
@push('scripts')
<!--<script src="{{ asset('js/typeahead.js') }}"></script>
<script src="{{ asset('js/bootstrap3-typeahead.min.js') }}"></script

<script src="{{ asset('js/autocomplete.js') }}"></script>-->
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>
<script src="{{ asset('js/bootstrap-datetimepicker.js')}}"></script>
<link href="../assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="../assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
<style>
    .container{
        padding-bottom: 30px;
    }
</style>
 <!--<script src="{{ asset('js/bootstrap-datetimepicker.fr.js') }}"></script>-->
@endpush

@push('head')


<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>



@endpush

@section('content') 


<script>
@if (Session::has('success'))

        swal("{{Session::get('success')}}").then(function() {
//window.location = "/project/" + loc;
});
@endif


</script>

<div class="row">
    <div class="col-12">
        <div class="row">
            <div class="col-xl-12 ui-sortable">
                @php
                if(count($projectname) > 0){
                @endphp


                <ul class="nav nav-tabs" role="tablist">
                    @php
                    $i = 1;
                    $arr = array();
                    foreach($projectname as $assign){
                    $arr[] = $assign->id;
                    $arail = 'false';
                    $active = '';
                    if($i == 1) {  $arail = 'true'; $active='active'; }
                    @endphp
                    <li class="nav-item" role="presentation">
                        <a href="#tab-{{ $i }}" data-bs-toggle="tab" class="nav-link {{ $active }}" aria-selected="{{ $arail }}" role="tab">
                            <span class="d-sm-none">Tab 1</span>
                            <span class="d-sm-block d-none">{{ $assign->menu_name }}</span>
                        </a>
                    </li>
                    @php
                    ++$i;
                    }
                    @endphp
                    <!--                <li class="nav-item" role="presentation">
                                        <a href="#t2" data-bs-toggle="tab" class="nav-link" aria-selected="false" role="tab" tabindex="-1">
                                            <span class="d-sm-none">Tab 2</span>
                                            <span class="d-sm-block d-none">Default Tab 2</span>
                                        </a>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <a href="#t3" data-bs-toggle="tab" class="nav-link" aria-selected="false" role="tab" tabindex="-1">
                                            <span class="d-sm-none">Tab 3</span>
                                            <span class="d-sm-block d-none">Default Tab 3</span>
                                        </a>
                                    </li>-->
                </ul>


                <div class="tab-content panel rounded-0 p-3 m-0">
                    @php
                    $j=1;


                    foreach($arr as $ar){
                    $active = '';
                    $cnt = 1;
                    if($j == 1) {  $active='active show'; }
                    @endphp
                    <div class="tab-pane fade {{ $active }}" id="tab-{{ $j }}" role="tabpanel">
                        <div class="col-xl-12">
                            <div class="row">
                                <div class="col-xl-9">
                                    <div class="table-responsive">
                                        <table class="table table-striped mb-0">
                                            <thead>
                                                <tr>
                                                    <td style="width: 2%">No.</td>
                                                    <td>Description</td>
                                                    <td width="30">Priority</td>
                                                    <td width="100">Assigned Date</td>
                                                    <td width="30">Target Date</td>
                                                    <td width="30"><i class="fas fa-paperclip fa-lg"></i></td>
                                                    <td width="30">Completed</td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                
                                                $pro = DB::table('tm_project_member')->select('project_id')->where('id','=',$ar)->get();
                                                
                                                $pid = $pro[0]->project_id;
                                                
                                                $projectmembers = DB::table('tm_project_member')->select('*')->where('project_id','=',$pid)->get();
                                                
                                                $details = DB::table('tm_project_member_task')->select('description', 'file', 'target_dt', 'priority', 'id', 'from_dt')
                                                ->where('pro_mem_id', '=', $ar)->where('status', '=', 'Pending')
                                                ->whereNull('complete_dt')
                                                ->orderBy('target_dt','desc')->get();

                                                foreach($details as $assigns){
                                                @endphp
                                                <tr>
                                                    <td>{{ $cnt }}</td>
                                                    <td>{{ $assigns->description }}</td>
                                                    <td>{{ $assigns->priority }}</td>
                                                    <td>{{ date("d-m-Y",strtotime($assigns->target_dt))  }}</td>
                                                    <td>{{ date("d-m-Y",strtotime($assigns->from_dt))  }}</td>
                                                    <td> <a href="../uploads/{{ $assigns->file }}" target="_blank" ><i class="fas fa-paperclip fa-lg"></i></a> </td>
                                                    <td><a href="{{"/complete/".Crypt::encryptString($assigns->id)}}">Complete</a></td>
                                                </tr>
                                                @php 
                                                $cnt++;
                                                } 
                                                @endphp
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="col-xl-3">
                                    <div class="widget-chat rounded mb-4" data-id="widget">

                                        <div class="widget-chat-header">
                                            <div class="widget-chat-header-content">
                                                <h4 class="widget-chat-header-title">Project Discussion Group</h4>
                                                <p class="widget-chat-header-desc">{{ count($projectmembers)+1 }} members</p>
                                            </div>
                                        </div>


                                        <div class="widget-chat-body ps ps--active-y" data-scrollbar="true" id='chat' data-height="450px">

                                            @php
                                            
                                            $allMsgs = DB::table('tm_msg')->select('tm_msg.*', 'users.name')
                                                        ->LEFTJOIN('users', 'tm_msg.from_id', '=', 'users.id')
                                                        ->where('tm_msg.pid', '=', $pid)->orderBy('ent_dt', 'asc')->get();
                                            
                                            
                                            $dt = "";
                                            foreach($allMsgs as $msg){

                                                if (date("Y-m-d", strtotime($msg->ent_dt)) == date("Y-m-d")) {
                                                $tme = "Today";
                                                } else {
                                                $tme = date('F d, Y', strtotime($msg->ent_dt));
                                                }

                                                if (date("Y-m-d", strtotime($msg->ent_dt)) == date('Y-m-d', strtotime("-1 days"))) {
                                                $tme = "Yesterday";
                                                }
                                                if($dt != date("d-m-Y",strtotime($msg->ent_dt))){
                                                @endphp
                                                <div class="text-center text-gray-500 m-2 fw-bold">{{ $tme }}</div>
                                                @php
                                                $dt = date("d-m-Y",strtotime($msg->ent_dt));
                                                }

                                                if($msg->from_id != Auth::user()->id){
                                                @endphp

                                                <div class="widget-chat-item with-media start">
                                                    <div class="widget-chat-info" style='margin-left:0px;'>
                                                        <div class="widget-chat-info-container">
                                                            <div class="widget-chat-name text-primary">{{ strtok(ucwords(strtolower($msg->name)), " ") }}</div>
                                                            <div class="widget-chat-message" style='font-weight: normal;'>{{ $msg->msg }}
                                                                @php
                                                                if($msg->file != 'NA'){
                                                                @endphp
                                                                        <a target='_blank' href="../uploads/{{ $msg->file }}"><i style="color: red" class="fas fa-paperclip fa-lg"></i></a>
                                                                @php
                                                                }
                                                                @endphp
                                                            </div>
                                                            <div class="widget-chat-time" style="right:12px;">{{ date("H:i A", strtotime($msg->ent_dt)) }}</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @php
                                                }else{
                                                @endphp   

                                                <div class="widget-chat-item end">
                                                    <div class="widget-chat-info">
                                                        <div class="widget-chat-info-container">
                                                            <div class="widget-chat-time">{{ date("h:i A", strtotime($msg->ent_dt)) }}</div>
                                                            <div class="widget-chat-message" style='font-weight: normal;'>{{ $msg->msg }}
                                                                @php
                                                                if($msg->file != 'NA'){
                                                                @endphp
                                                                        <a target='_blank' href="../uploads/{{ $msg->file }}"><i style="color: red" class="fas fa-paperclip fa-lg"></i></a>
                                                                @php
                                                                }
                                                                @endphp
                                                            </div>

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

                                                @php
                                                }
                                            }
                                            @endphp



                                            <div class="ps__rail-x" style="left: 0px; bottom: 0px;"><div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__rail-y" style="top: 0px; height: 235px; right: 0px;"><div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 115px;"></div></div>
                                            
                                        </div>


                                        <div class="widget-input">
                                            <form action="{{url('/sendMsg')}}" method="POST" name="" enctype="multipart/form-data">
                                                @csrf
                                                <div class="widget-input-container">
                                                    <div class="widget-input-box">
                                                        <input type='hidden' id='pid' name='pid' value="{{ $pid }}" />
                                                        <input type="text" name="msg" autocomplete="off" class="form-control @error('msg') border border-danger @enderror" placeholder="Write a message...">                           
                                                        @error('msg')
                                                        <small class="help-block text-danger">{{ $message }}</small>
                                                        @enderror
                                                    </div>
                                                    <div class="widget-input-icon"><input type='file' name="file" class="form-control" style="width:150px;" /></div>


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

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @php
                    $j++;

                    }
                    @endphp
                </div>

                @php
                }else{
                @endphp
                <!--<center><div>No Record Found</div></center>-->
                @php
                }
                @endphp

            </div>

        </div>
        <div class="row mb-3">



        </div>

    </div>

</div>    
@endsection

@push('scripts')







<script>

            $(document).ready(function () {
    $(".multiple-select2").select2({placeholder: "Select Users"});
    $('.multiple-select2').trigger('change');
    }
    );</script>
<script>
    $("#datepicker-autoClose").datepicker({
    todayHighlight: true,
            autoclose: true,
            format : "dd-mm-yyyy"
    });
//    function loadlink(){
//    $('#chat').load('/loadmsgs');
//    console.log('TESTING!!!!');
//    }

//    loadlink();
//    setInterval(function(){
//    loadlink()
//    }, 10000);
var elem = document.getElementById('chat');
  elem.scrollTop = elem.scrollHeight;
</script>
@endpush