{{-- 
<div class="modal-content modal-dialog-scrollable">
    <div class="d-none modal-header">
        <h5 class="modal-title" id="ajaxModalLabel">ANALISA SPV</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <div aria-hidden="true">×</div>
        </button>
    </div>

    <div class="modal-body">
    </div>

    <div class="d-none modal-footer card-footer">
        <a href="#{{ url()->previous() }}" class="btn btn-secondary" data-dismiss="modal">
            Close
        </a>
    </div>
    
</div>
    --}}
        <div class="modal-content card card-custom _gutter-b">
            <div class="modal-header card-header card-header-tabs-line">
                <div class="card-toolbar">
                    <ul class="nav nav-tabs nav-bold nav-tabs-line">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#log_act">
                                <span class="nav-icon"><i class="flaticon2-chat-1"></i></span>
                                <span class="nav-text">Log Aktifitas</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#gantt">
                                <span class="nav-icon"><i class="flaticon2-drop"></i></span>
                                <span class="nav-text">Gantt Chart</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="_d-none card-toolbar">
                    <a href="void:javascript();" class="btn btn-xs btn-icon btn-light btn-hover-primary" data-dismiss="modal" aria-label="Close">
						<i class="ki ki-close icon-xs text-muted"></i>
					</a>
                    <div class="d-none dropdown dropdown-inline">
                        <button type="button" class="btn btn-hover-light-primary btn-icon btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="ki ki-more-hor"></i>
                        </button>
                        <div class="dropdown-menu dropdown-menu-sm">
                            <a class="dropdown-item" href="#">Action</a>
                            <a class="dropdown-item" href="#">Another action</a>
                            <a class="dropdown-item" href="#">Something else here</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Separated link</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-body card-body" data-scroll="true" data-height="300">
                <div class="tab-content">
                    <div class="tab-pane fade show active" id="log_act" role="tabpanel" aria-labelledby="log_act">
                    <div class="card-body">
                    <div class="scroll scroll-pull" data-mobile-height="350" >
                        <div class="messages">
                        @if( $data->count() > 0)
                            @foreach( $data as $key => $value)
                            @php
                                $user_img 	= asset( 'avatar/'.strtolower(trim($value->created_by)).'.jpg') ;
                                $path_user 	= 'avatar/'.strtolower(trim($value->created_by)).'.jpg' ;
                                if (file_exists($path_user)){
                                    $user_img 	= asset($path_user);
                                }
                                else {
                                    $user_img 	= asset('avatar/user-pdam.png');
                                }
                            @endphp
                            @if( $value->created_by == Auth::user()->userid )
                            <div class="d-flex flex-column pt-3 mb-5 align-items-end">
                                <div class="d-flex align-items-center">
                                    <div class="text-right mr-2">
                                        <a href="#" class="text-dark-75 text-hover-primary font-weight-bold font-size-h6">
                                            {{-- $value->user_create->nama --}} Anda
                                        </a>
                                        <span class="d-block text-muted font-size-sm">{{ $value->created_at }}</span>
                                    </div>
                                    <div class="symbol symbol-circle symbol-40 ml-3">
                                        <img alt="Pic" src="{{ $user_img }}" onerror="this.onerror=null; this.src='avatar/user-pdam.png'" />
                                    </div>
                                </div>
                                <div class="mt-2 rounded p-5 bg-light-primary text-dark-50 font-weight-bold font-size-lg text-right mw-75 _max-w-400px">
                                    <span class="d-block font-weight-bold">{{ !empty($value->ket_status)?$value->ket_status->ket:$value->chat_jenis }}</span>
                                    <span class="d-block text-muted">{{ $value->keterangan }}</span>
                                </div>
                            </div>
                            @else
                            <div class="d-flex flex-column pt-3 mb-5 align-items-start">
                                <div class="d-flex align-items-center">
                                    <div class="symbol symbol-circle symbol-40 mr-3">
                                        <img alt="Pic" src="{{ $user_img }}" onerror="this.onerror=null; this.src='avatar/user-pdam.png'" />
                                    </div>
                                    <div class="ml-2">
                                        <a href="#" class="text-dark-75 text-hover-primary font-weight-bold font-size-h6">
                                        {{ $value->user_create->nama }}
                                        </a>
                                        <span class="d-block text-muted font-size-sm">{{ $value->created_at }}</span>
                                    </div>
                                </div>
                                <div class="mt-2 rounded p-5 bg-light-success text-dark-50 font-weight-bold font-size-lg text-left mw-75 _max-w-400px">
                                    <span class="d-block font-weight-bold">{{ !empty($value->ket_status)?$value->ket_status->ket:$value->chat_jenis }}</span>
                                    <span class="d-block text-muted">{{ $value->keterangan }}</span>
                                </div>
                            </div>
                            @endif
                            @endforeach
                        @else
                            <div class="alert alert-custom alert-outline-warning fade show mb-5" role="alert">
                                <div class="alert-icon"><i class="flaticon-warning"></i></div>
                                <div class="alert-text">
                                    <ul class="navi navi-hover py-5">
                                        <li class="navi-item my-1">
                                            <span class="navi-icon mr-4">
                                                <i class="fa fa-genderless text-warning"></i>
                                            </span>
                                            <span class="navi-text font-weight-bolder font-size-lg">Data Log Aktifitas Belum tersedia..</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="alert-close">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true"><i class="ki ki-close"></i></span>
                                    </button>
                                </div>
                            </div>
                        @endif
                        </div>
                    </div>
                    </div>
                    </div>
                    <div class="tab-pane fade" id="gantt" role="tabpanel" aria-labelledby="gantt">
                        ...
                    </div>
                </div>
            </div>
            <div class="_d-none modal-footer card-footer">
                <a href="#{{ url()->previous() }}" class="btn btn-secondary" data-dismiss="modal">
                    Close
                </a>
            </div>
        </div>
	<script src="{{asset('assets_7.0.6/js/pages/custom/chat/chat.js?v=7.0.6')}}"></script>
	<script type="text/javascript">

        $(document).ready(function () {            
        });

    </script>