@php
//dd($comments);
@endphp

@include('includes.header')
<section class="pt-2 pb-2">
    <div class="container">
        <div class="row align-items-lg-end">
            <div class="col-md-12">
                <h3 data-animate="fadeInUp" data-delay=".1" class="animated fadeInUp"
                    style="animation-duration: 0.6s; animation-delay: 0.1s;">View Document</h3>
                @if($doc->workflow_status == '0')
                <p><b>Document Status:</b> No Action</p>
                @elseif ($doc->workflow_status == '1')
                <p><b>Document Status:</b> In Process</p>
                @else
                <p><b>Document Status:</b> Action Taken</p>
                @endif
                <p><b>Document Type:</b> {{$doc->document_type->name}}</p>
                <p><b>Message:</b> {{$doc->description}}</p>
                <p><b>Date:</b> {{date('d-m-Y',strtotime($doc->created_at))}}</p>
            </div>
        </div>
    </div>
</section>
<section class="pt-2 pb-2">
    <div class="container">
        <div class="row align-items-lg-end">
            <div class="col-md-12">
                <h3 data-animate="fadeInUp" data-delay=".1" class="animated fadeInUp"
                    style="animation-duration: 0.6s; animation-delay: 0.1s;">Attachments</h3>
                <div class="row">
                @foreach($doc->attachment as $attachment)
                    @if($attachment->is_remove != '1')
                        @if($attachment->type == 'pdf')
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="single-member animated fadeInUp" data-animate="fadeInUp" data-delay="0"
                                     style="animation-duration: 0.6s; animation-delay: 0s;">
                                    <div class="image-hover-wrap"> <img src="{{URL::asset('frontend')}}/img/member1.jpg"
                                                                        alt="">
                                    </div>
                                    <div class="single-member-info bg-light">
                                        <h4>{{(strlen($attachment->name) > 15)?substr($attachment->name, 0, 15) . '...':$attachment->name}}</h4> <span><a href="{{url($attachment->path)}}" download><img style="width: 20%;" src="{{URL::asset('frontend')}}/img/download-icn.png"></a></span>
                                    </div>
                                </div>
                            </div>
                        @elseif($attachment->type == 'jpg' || $attachment->type == 'jpeg' || $attachment->type == 'png' || $attachment->type == 'gif')
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="single-member animated fadeInUp" data-animate="fadeInUp" data-delay="0"
                                     style="animation-duration: 0.6s; animation-delay: 0s;">
                                    <div class="image-hover-wrap"> <img src="{{URL::asset('frontend')}}/img/member4.jpg" alt="">
                                    </div>
                                    <div class="single-member-info bg-light">
                                        <h4>{{(strlen($attachment->name) > 15)?substr($attachment->name, 0, 15) . '...':$attachment->name}}</h4> <span><a href="{{url($attachment->path)}}" download><img style="width: 20%;" src="{{URL::asset('frontend')}}/img/download-icn.png"></a></span>
                                    </div>
                                </div>
                            </div>
                        @elseif($attachment->type == 'msword' || $attachment->type == 'doc' || $attachment->type == 'docx')
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="single-member">
                                    <div class="image-hover-wrap animated fadeInUp" data-animate="fadeInUp" data-delay="0"
                                         style="animation-duration: 0.6s; animation-delay: 0s;"> <img src="{{URL::asset('frontend')}}/img/member2.jpg" alt="">
                                    </div>
                                    <div class="single-member-info bg-light">
                                        <h4>{{(strlen($attachment->name) > 15)?substr($attachment->name, 0, 15) . '...':$attachment->name}}</h4> <span><a href="{{url($attachment->path)}}" download><img style="width: 20%;" src="{{URL::asset('frontend')}}/img/download-icn.png"></a></span>
                                    </div>
                                </div>
                            </div>
                        @elseif($attachment->type == 'xls' || $attachment->type == 'xlsx')
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="single-member animated fadeInUp" data-animate="fadeInUp" data-delay="0"
                                     style="animation-duration: 0.6s; animation-delay: 0s;">
                                    <div class="image-hover-wrap"> <img src="{{URL::asset('frontend')}}/img/member3.jpg" alt="">
                                    </div>
                                    <div class="single-member-info bg-light">
                                        <h4>{{(strlen($attachment->name) > 15)?substr($attachment->name, 0, 15) . '...':$attachment->name}}</h4> <span><a href="{{url($attachment->path)}}" download><img style="width: 20%;" src="{{URL::asset('frontend')}}/img/download-icn.png"></a></span>
                                    </div>
                                </div>
                            </div>
                        @elseif($attachment->type == 'ppt' || $attachment->type == 'pptx')
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="single-member animated fadeInUp" data-animate="fadeInUp" data-delay="0"
                                     style="animation-duration: 0.6s; animation-delay: 0s;">
                                    <div class="image-hover-wrap"> <img src="{{URL::asset('frontend')}}/img/member5.jpg" alt="">
                                    </div>
                                    <div class="single-member-info bg-light">
                                        <h4>{{(strlen($attachment->name) > 15)?substr($attachment->name, 0, 15) . '...':$attachment->name}}</h4> <span><a href="{{url($attachment->path)}}" download><img style="width: 20%;" src="{{URL::asset('frontend')}}/img/download-icn.png"></a></span>
                                    </div>
                                </div>
                            </div>
                        @elseif($attachment->type == 'zip')
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="single-member animated fadeInUp" data-animate="fadeInUp" data-delay="0"
                                     style="animation-duration: 0.6s; animation-delay: 0s;">
                                    <div class="image-hover-wrap"> <img src="{{URL::asset('frontend')}}/img/member7.jpg" alt="">
                                    </div>
                                    <div class="single-member-info bg-light">
                                        <h4>{{(strlen($attachment->name) > 15)?substr($attachment->name, 0, 15) . '...':$attachment->name}}</h4> <span><a href="{{url($attachment->path)}}" download><img style="width: 20%;" src="{{URL::asset('frontend')}}/img/download-icn.png"></a></span>
                                    </div>
                                </div>
                            </div>
                        @endif
                    <!-- <div class="col-md-3">
{{--                        <img src="{{url($attachment->path)}}" alt="" class="img img-responsive">--}}
{{--                        <a href="{{url($attachment->path)}}" download>{{substr($attachment->name, 0, 15) . '...'}}</a>--}}
                    </div> -->
                    @endif
                @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
<section class="pt-2 pb-2">
    <div class="container">
        <div class="row align-items-lg-end">
            <div class="col-md-12">
                <div class="post-details animated fadeInUp" data-animate="fadeInUp" data-delay=".1"
                    style="animation-duration: 0.6s; animation-delay: 0.1s;">
                    <div class="comments">
                        <h3 data-animate="fadeInUp" data-delay=".1" class="animated fadeInUp"
                            style="animation-duration: 0.6s; animation-delay: 0.1s;">Comments</h3>
                        <ul class="main-comment list-unstyled">
                            @foreach($comments as $message)
                            <li data-animate="fadeInUp" data-delay=".2" class="animated fadeInUp"
                                style="animation-duration: 0.6s; animation-delay: 0.2s;">
                                <div class="single-comment">
                                    <!-- <div class="comment-author float-left"> <img src="img/authors/comment-author1.png" alt=""></div> -->
                                    <div class="comment-content">
                                        <h4>{{ucwords(str_replace('_',' ',$message->user->name))}}</h4>
                                        <span>{{date('d-m-Y h:i A',strtotime($message->created_at))}}</span>
                                        <p>{{$message->comment}}</p>
                                    </div>
                                </div>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="comment-form mt-5">
                        <form action="{{route('addcomment')}}" method="post" name="comments"
                            class="form-group col-md-12" id="comments">
                            {{csrf_field()}}
                            <input type="hidden" name="id" value="{{$doc->id}}">
                            <textarea name="comment" id="comment" class="form-control animated fadeInUp"
                                placeholder="Write your Comment" data-animate="fadeInUp" data-delay=".2"
                                style="animation-duration: 0.6s; animation-delay: 0.2s;"></textarea>
                            <button type="submit" class="btn btn-square btn-primary mt-3 animated fadeInUp"
                                id="inquiry_reply_submit" data-animate="fadeInUp" data-delay=".6"
                                style="animation-duration: 0.6s; animation-delay: 0.6s;display: block">Comment</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@include('includes.footer')