@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/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="../assets/plugins/select2/dist/js/select2.min.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>
<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>
<style>
.container {
    padding-bottom: 30px;
}
</style>
<!--<script src="{{ asset('js/bootstrap-datetimepicker.fr.js') }}"></script>-->
@endpush

@push('head')

<link href="../assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="../assets/plugins/select2/dist/js/select2.min.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" defer></script>
<script src="../assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<title>Assigned Tasks</title>
<style>
.badge {}
</style>


@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){

                       

                    $detai = DB::table('tm_project_member_task')->select('description', 'file', 'target_dt', 'priority',
                    'tm_project_member_task.id', 'from_dt', 'tm_project.project')
                    ->LEFTJOIN('tm_project', 'tm_project_member_task.module_id', '=', 'tm_project.id')
                    ->where('pro_mem_id', '=',$assign->id)->where('status', '=', 'Pending')
                    ->whereNull('complete_dt')
                    ->orderBy('target_dt','desc')->get();

                   

                    $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->project }} <span class="badge"
                                    style="background-color: #0e4b8e;border-radius: 30px; padding: 3px 6px;">{{ count($detai) }}</span></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-8">

                                    <div class="table-responsive">
                                        <table class="table table-striped mb-0">
                                            <thead>
                                                <tr>
                                                    <td style="width: 2%">No.</td>
                                                    <td width="30">Module</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>
                                                    <td width="30">Date Change</td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                
                                                $pro =
                                                DB::table('tm_project_member')->select('project_id')->where('id','=',$ar)->where('display','=','Y')->get();
                                               
                                              
                                                $pid = $pro[0]->project_id;
                                               
                                                $mem = "";
                                                
                                                $projectmembers =
                                                DB::table('tm_project_member')->select('tm_project_member.*','name')
                                                ->LEFTJOIN('users', 'tm_project_member.user_id', '=', 'users.id')
                                                ->where('project_id','=',$pid)->where('display','=','Y')->orderBy('name', 'desc')->get();
                       
                                               
                                                
                                                foreach($projectmembers as $pmem){
                                                //echo $pmem->name;
                                                //$mem = strtok(ucwords(strtolower($pmem->name)), " ").", ".$mem;
                                                $mem = ucwords(strtolower($pmem->name)).", ".$mem;
                                                }
                                                
                                                $mem= rtrim($mem,', ');

                                                $details =
                                                DB::table('tm_project_member_task')->select('tm_project_member_task.id','description',
                                                'file', 'target_dt', 'priority', 'tm_project_member_task.id', 'from_dt',
                                                'tm_project.project', 'date_change')
                                                ->LEFTJOIN('tm_project', 'tm_project_member_task.module_id', '=',
                                                'tm_project.id')
                                                ->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->project }}</td>
                                                    <td>{{ $assigns->description }}</td>
                                                    <td>{{ $assigns->priority }}</td>
                                                    <td>{{ date("d-m-Y",strtotime($assigns->from_dt))  }}</td>
                                                    <td>{{ date("d-m-Y",strtotime($assigns->target_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>
                                                    <td>
                                                                                                                <center><a href='javascript:'
                                                                data-id="{{ $assigns->id.'@'.$assigns->target_dt }}"
                                                                class='pr-1 text-primary dtchange'
                                                                title='Change Target Date'><i
                                                                    class='fas fa-lg fa-fw me-10px fa-calendar'></i></a>
                                                        </center>
                                                                                                            </td>
                                                </tr>
                                                @php
                                                $cnt++;
                                                }
                                                @endphp
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                
                                <div class="col-xl-4">
                                    <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) }} members
                                                </p>
                                                <p style="font-alignment:justify">({{ $mem }})</p>
                                            </div>
                                        </div>


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

                                            @php

                                            $allMsgs = DB::table('tm_msg')->select('tm_msg.*', 'users.name')
                                            ->LEFTJOIN('users', 'tm_msg.from_id', '=', 'users.id')
                                            ->where('tm_msg.pid', '=', $pid)->where('tm_msg.display','=','Y')
                                            ->orderBy('ent_dt', 'asc')->get();

                                            $dt = "";
                                            foreach($allMsgs as $msg){
                                              
                                            $strname = "";
                                            

                                                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));
                                                }

                                                $old = DB::table('tm_msg')->select('*')->where('id',$msg->old_id)->where('display','Y')->get();
                                                if(count($old) > 0){
                                                $old_msg = $old[0]->msg;
                                                }
                                               

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

                                                    if($msg->to_id != 0){
                                                        $to_id = $msg->to_id;
                                                        $to_id = explode('@', $to_id);
                                                        if(!in_array(Auth::user()->id, $to_id)){
                                                            continue;
                                                        }else{

                                                            for($i=0; $i < count($to_id); $i++){ 
                                                                if(Auth::user()->id != $to_id[$i]){
                                                                    $res = DB::table("users")->where('id',$to_id[$i])->select('name')->get();
                                                                    if (!empty($res[0])) {
                                                                        $fname = ucwords(strtolower(strtok($res[0]->name, " ")));
                                                                        $strname = $fname.", ".$strname;
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                    $strname = rtrim($strname, ", ");
                                                @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><br />
                                                            <div class="widget-chat-time">
                                                                {{ $strname }} </div>
                                                            <div class="widget-chat-time" style="right:12px;">
                                                                {{ date("H:i A", strtotime($msg->ent_dt)) }}</div>
                                                        </div>
                                                        <a href='#' id='reply-{{ $msg->id }}' class='pr-1 text-primary reply' title='Reply'><i class='fas fa-sm fa-fw me-5px fa-reply-all'></i></a>
                                                    </div>
                                                    
                                                </div> 
                                                @php
                                                }else{
                                                    $strname = "";
                                                    if($msg->to_id != '0'){
                                                        $to_id = $msg->to_id;
                                                        $to_id = explode('@', $to_id);
                                                        $strname = "";
                                                        for($i=0; $i < count($to_id); $i++){ 
                                                            $res = DB::table("users")->where('id',$to_id[$i])->select('name')->get();
                                                            if (!empty($res[0])) {
                                                                $fname = ucwords(strtolower(strtok($res[0]->name, " ")));
                                                                $strname = $fname.", ".$strname;
                                                            }
                                                        }                                                        
                                                    }
                                                    $strname = rtrim($strname, ", ");
                                                @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
                                                                <br/>
                                                                <span style='font-size:10px;color:#adb5bd;font-weight:bold'><i>{{ $strname }}</i></span>
                                                            </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('/sendMsgProject')}}" method="POST" name=""
                                                enctype="multipart/form-data">
                                                @csrf
                                                <div class="input-group mt-1 multiple">
                                                        <select name="chat_to_user[]"
                                                            class="multiple-select2 form-control form-control-sm @error('to_user') is-invalid @enderror"
                                                            multiple>
                                                            @php foreach($projectmembers as $pro1){
                                                            @endphp
                                                            <option value="{{$pro1->user_id}}">
                                                                {{ ucwords(strtolower($pro1->name)) }}</option>
                                                            @php
                                                            } @endphp
                                                        </select>
                                                    </div>
                                                    <span class='replytomsg'></span><i style='margin-left:5px' onclick="clearspan();" class='fas fa-sm fa-fw me-5px fa-close'></i>
                                                <div class="widget-input-container">
                                                   
                                                    <br/>
                                                 
                                                    <div class="widget-input-box" style="width:50%">                                                        
                                                        <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..." contenteditable> -->
                                                        
                                                        <textarea style="margin-top:5px;" class="form-control" rows="1" id="msg" name="msg" placeholder="Write a message..."></textarea>    
                                                        <!-- <span class="input form-control @error('msg') border border-danger @enderror" placeholder="Write a message..." name="msg" role="textbox" contenteditable></span> -->
                                                        @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:100px;" /></div>
                                                    @error('file')
                                                    <small class="help-block text-danger">{{ $message }}</small>
                                                    @enderror
                                                    <input type="hidden" id="old_id" name="old_id" value="0" />         
                                                </div>
                                                <div style='width:30%'  class="col-sm-2 input-group mt-1">
                                                        <input class="btn-primary form-control" type='submit' value="SEND" />
                                                    </div> 
                                            </form>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal" id="myModal">
                        <div class="modal-dialog modal-xl modal-dialog-scrollable">
                            <div class="modal-content" style="margin:auto; width:50%">

                                <!-- Modal Header -->
                                <div class="modal-header">
                                    <b><small class="modal-title" id="modal_heading"></small></b>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                </div>

                                <!-- Modal body -->
                                <div class="modal-body" id="dv_shw_pdf">


                                </div>


                                <!-- Modal footer -->
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                                </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() {
    $(".fa-close").hide();
    $(".replytomsg").hide();
    $(".multiple-select2").select2({
        placeholder: "Select Users"
    });
    $('.multiple-select2').trigger('change');

    $(document).on('focus', '.targe_dt', function() {
        $(this).datepicker({
            todayHighlight: true,
            autoclose: true,
            format: "dd-mm-yyyy"
        });
    });

    $(document).on('click', '.dtchange', function() {
        var idd = $(this).data('id');
        ids = idd.split("@");
        id = ids[0];
        date = ids[1];
        $.ajax({
            url: "/target_date_change",
            type: 'GET',
            cache: false,
            async: true,
            data: {
                id: id,
                date: date
            },
            beforeSend: function() {
                $('#myModal').modal('show');
                $('#dv_shw_pdf').html(
                    "<div class='text-center'><div class='spinner-border'></div></div>");
            },
            success: function(data, status) {
                //$('#modal_heading').html(heading_data);
                $("#dv_shw_pdf").html(data);

                // $('#data-table-combine').DataTable(options);
            },
            error: function(xhr) {
                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
    });

    /* For Change the target date */
    $(document).on('click', '#btnchdate', function() {
        var id = $("#id").val();
        var date = $(".targe_dt").val();
        $.ajax({
            url: "/task/changetargetdate",
            type: 'POST',
            cache: false,
            async: true,
            data: {
                id: id,
                date: date
            },
            beforeSend: function() {
                $('#chat').html("");
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(data, status) {
                alert(trim(data));
                window.location.href = "/task/assigned_task";

            },
            error: function(xhr) {
                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
    });

    $(document).on('click', '.reply', function() {
        var id = $(this).attr("id");
        id = id.split('-');
        act = id[0];
        rid = id[1];
        $.ajax({
            url: "/task/getMsg",
            type: 'GET',
            cache: false,
            async: true,
            data: {
                rid: rid,
            },
            beforeSend: function() {
              //  $('#chat').html("");
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(data, status) {
                $(".replytomsg").show();
                $(".replytomsg").css('margin-left','10px');            
                $(".replytomsg").html("<br/><i>Reply of - </i>"+data);
                $(".fa-close").show();
                $("#old_id").val(rid);
                $(".multiple-select2").attr('disabled', true);
                $("#msg").focus();
            },
            error: function(xhr) {
                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
    });
});

function clearspan(){
    $(".replytomsg").html("");
    $(".replytomsg").hide();
    $(".fa-close").hide();
    $("#old_id").val("0");
    $(".multiple-select2").attr('disabled', false);
}

// $("#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