@extends("template.layouts.simple.master")
@section('content')
    <div class="page-body">
        @include("master.notification")
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="">

                        <div class="card-body">
                            <div class="row">
                                @foreach($details as $d)
                                    @php
                                        $date = \Carbon\Carbon::createFromFormat('Y-m-d', $d->scheduling_date_time)->format("d F Y");
                                        $user = \App\Models\User::find($d->entry_by);
                                        $role = $user->getRoleNames()[0];

                                    @endphp
                                    <div class="col-md-3 col-xxl-12 box-col-6">
                                        <div class="card">
                                            <div class="card-header">
                                                <h6 class="fw-bold text-center">{{$d->title}}</h6>
                                            </div>
                                            <div class="blog-box blog-grid">

                                                @php

                                                    $comments = $d->getComments()->orderByDesc("id")->get();

                                                @endphp
                                                @if(isset($comments))
                                                    <h6 class="m-l-20">COMMENTS</h6>
                                                    @foreach($comments as $comment)
                                                        @php
                                                            $comment_user  = \App\Models\User::find(isset($comment->comment_by)? $comment->comment_by : "");
                                                   $comment_role = isset($comment_user) ? $comment_user->getRoleNames()[0] : "";
                                                        @endphp
                                                        <div class="col-sm-12 m-2 bg-light text-black">
                                                            <div class="m-2">
                                                                <ul class="m-3">
                                                                    <li>
                                                                        <div class="media align-self-center d-flex">
                                                                            <img
                                                                                class="img-thumbnail"
                                                                                style="width: 70px;height: 70px"
                                                                                src="{{url("assets/images/users_images/$comment_user->image")}}"
                                                                                alt="Generic placeholder image">
                                                                            <div class="media-body m-l-20">
                                                                                <div
                                                                                    class="fw-bold ">{{$comment_user->name}}
                                                                                    ({{$comment_role}})
                                                                                </div>
                                                                                <div>{{$comment->comments}}</div>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>

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


    </div>
@endsection
{{--@include("")--}}
@section("scripts")
    @include("master.notification_show_hide")
    <script>
        $(document).ready(function () {

        })
    </script>

@endsection