@extends('admin.layouts.master')
@section('content')
    @include('admin.layouts.breadcrumbs',['contract_id'=>request()->get('contract_id')])

    <!-- Accordion with margin start -->
    <section id="accordion-with-margin">
        <div class="row">
            <div class="col-sm-12">
                <div class="card collapse-icon accordion-icon-rotate">
                    <div class="card-header" style="direction: ltr">
                        <h4 class="card-title">
                            @can('create reports')
                            <a href="{{route('admin.reports.create',['contract_id'=>$_GET['contract_id']])}}" class="btn btn-primary font-weight-bold">أضف تقرير</a>
                            @endcan
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="accordion" id="accordionExample">
                            @foreach($reports as $report)
                                <div class="collapse-margin">
                                <div class="card-header" id="headingOne" data-toggle="collapse" role="button" data-target="#collapse-{{$report->id}}" aria-expanded="{{($loop->first)?'true':'false'}}" aria-controls="collapseOne">
                                                <span class="lead collapse-title">
                                                    @php
                                                        Date::setLocale('ar');
                                                    @endphp
                                                    {{\Jenssegers\Date\Date::create($report->created_at->toDateTimeString())->diffForHumans()}}
                                                </span>

                                    @can('edit reports')
                                        <a href="{{route('admin.reports.edit',$report->id)}}" class="btn btn-sm btn-info"><i class="feather icon-edit"></i></a>
                                    @endcan


                                    @can('delete reports')

                                        <a onclick="fireDeleteEvent({{$report->id}})" type="button" class="btn btn-sm btn-danger" style="color: white;"><i class="feather icon-trash"></i>حذف</a>
                                        <form action="{{route('admin.reports.destroy',$report->id)}}" method="POST" id="form-{{$report->id}}">
                                            {{csrf_field()}}
                                            {{method_field('DELETE')}}
                                        </form>
                                    @endcan
                                </div>

                                <div id="collapse-{{$report->id}}" class="collapse {{($loop->first)?'show':''}}" aria-labelledby="headingOne" data-parent="#accordionExample">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-start align-items-center mb-1">
                                            <div class="avatar mr-1">
                                                <img src="{{asset($report->user->image)}}" alt="avtar img holder" height="45" width="45">
                                            </div>
                                            <div class="user-page-info">
                                                <p class="mb-0">{{$report->user->name}}</p>
                                                <span class="font-small-2">{{$report->created_at}}</span>
                                            </div>
                                        </div>
                                        <p>{{$report->content}}</p>
                                        <div class="row">
                                            @if($report->files != null)
                                            @foreach(unserialize($report->files) as $file)
                                                    @if(strstr(mime_content_type($file), "video/"))
                                                    <div class="col-md-3 my-2">
                                                            <video controls style="width: 100%;height: 100%">
                                                                <source src="{{asset($file)}}" type="video/mp4">
                                                                Your browser does not support the video tag.
                                                            </video>
                                                    </div>
{{--                                                    <!-- VIDEO -->--}}
{{--                                                    <div class="video-player" id="plyr-video-player">--}}
{{--                                                        <iframe src="{{asset($file)}}" allowfullscreen>--}}
{{--                                                        </iframe>--}}
{{--                                                    </div>--}}
{{--                                                    <!-- VIDEO END -->--}}
                                                    @else
                                                    <div class="col-md-3 my-2">
                                                        <a href="{{asset($file)}}" data-lightbox="roadtrip-{{$report->id}}">
                                                            <img class="img-fluid" src="{{asset($file)}}" alt="banner">
                                                        </a>
                                                    </div>
                                                    @endif
                                            @endforeach

                                            @else


                                            @endif
                                        </div>
{{--                                        <div class="swiper-navigations swiper-container my-2" style="height: 300px">--}}
{{--                                            <div class="swiper-wrapper">--}}
{{--                                                @foreach(unserialize($report->files) as $file)--}}
{{--                                                <div class="swiper-slide">--}}
{{--                                                @if(strstr(mime_content_type($file), "video/"))--}}
{{--                                                        <video controls style="width: 100%;height: 100%">--}}
{{--                                                            <source src="{{asset($file)}}" type="video/mp4">--}}
{{--                                                            Your browser does not support the video tag.--}}
{{--                                                        </video>--}}
{{--                                                @else--}}
{{--                                                         <img class="img-fluid" src="{{asset($file)}}" alt="banner">--}}
{{--                                                @endif--}}
{{--                                                </div>--}}
{{--                                                @endforeach--}}
{{--                                            </div>--}}
{{--                                            <!-- Add Arrows -->--}}
{{--                                            <div class="swiper-button-next"></div>--}}
{{--                                            <div class="swiper-button-prev"></div>--}}
{{--                                        </div>--}}
                                        @foreach($report->comments()->orderBy('id','desc')->get() as $comment)
                                            <div class="d-flex justify-content-start align-items-center mb-1">
                                            <div class="avatar mr-50">
                                                <img src="{{asset($comment->user->image)}}" alt="Avatar" height="30" width="30">
                                            </div>
                                            <div class="user-page-info">
                                                <h6 class="mb-0">{{$comment->user->name}}</h6>
                                                <span class="font-small-2">{{$comment->comment}}</span>
                                            </div>
                                            <div class="ml-auto cursor-pointer">
                                                <span class="font-small-2">{{$comment->created_at}}</span>
                                            </div>
                                        </div>
                                            <hr>
                                        @endforeach
                                        <form action="{{route('add_comment',$report->id)}}" method="post">
                                            {{csrf_field()}}
                                            <fieldset class="form-label-group mb-50">
                                                <textarea required name="comment" class="form-control" id="label-textarea" rows="3" placeholder="اضف تعليق"></textarea>
                                                <label for="label-textarea">اضف تعليق</label>
                                            </fieldset>
                                            <button type="submit" class="btn  btn-primary">اضف تعليق</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Accordion with margin end -->
@endsection