@extends('layouts.app')
@push('css')
    <style>
        .col-xl-3{
            max-width: 23% !important;
        }
    </style>
    @endpush
@section('content')
    <!-- Main Container -->
    <main id="main-container">
        <!-- Hero -->
        <div class="bg-image" style="background-image: url('{{asset(\Illuminate\Support\Facades\Storage::url('subjects_image/'.\App\Setting::first()->subjects_image))}}');">
            <div class="bg-black-50">
                <div class="content content-top content-full text-center">
                    <h1 class=" text-white mb-1 py-5 text-white text-center">{{$data->name}}</h1>
                </div>
            </div>
        </div>
        <!-- END Hero -->

        <!-- Page Content -->
        <div class="content content-full">
            <div class="row row-deck">
                <!----------------------------- Desktop View -------------------------------->
                <div class="col-12 d-md-flex d-none">
                    <!-- Block Tabs Animated Slide Right -->
                    <div class="block block-rounded">
                        <ul class="nav nav-tabs nav-tabs-block" data-toggle="tabs" role="tablist">
                            <li class="nav-item ">
                                <a class="nav-link active" href="#btabs-animated-slideright-Presentations">{{trans('web.presentations')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#btabs-animated-slideright-writtenPreparation">{{trans('web.written_preparation')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#btabs-animated-slideright-Files">{{trans('web.files')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#btabs-animated-slideright-Media">{{trans('web.media')}}</a>
                            </li>
                        </ul>
                        <div class="block-content tab-content overflow-hidden">


                            <div class="tab-pane fade fade-right show active" id="btabs-animated-slideright-Presentations" role="tabpanel">
                                <div class="seacrh" style="margin-bottom:10px">
                                    <lable>{{trans('web.search')}}</lable>
                                    <input type="text" name="search" class="form-control sample_search"  data-search="presentation">
                                </div>
{{--                                <h4 class="font-w400">Presentations Content</h4>--}}
                                <div id="presentation">
                                    @foreach(\App\SubjectData::where([['status',1],['subject_id',request()->route('subject')],['type','presentation']])->orderBy('fixed','DESC')->get() as $file)
                                        <div class="col-sm-6 col-md-4 col-xl-3 d-inline-block align-items-center">
                                            <!-- Example File -->
                                            <div class="options-container fx-overlay-zoom-out w-100">
                                                <!-- Example File Block -->
                                                <div class="options-item block block-rounded bg-body mb-0">
                                                    <div class="block-content text-center">
                                                        <p class="mb-2 overflow-hidden">
                                                            <i class="fa fa-fw fa-4x fa-file-alt text-black"></i>
                                                        </p>
                                                        <p class="font-w600 mb-0">
                                                            {{$file->name}} - {{$file->ext}}
                                                        </p>
                                                        @if($file->size)
                                                            <p class="font-size-sm text-muted">
                                                                {{$file->size}}KB
                                                            </p>
                                                        @endif
                                                        <div class="block-content block-content-full d-flex align-items-center py-0 mb-2">
                                                            <img class="img-avatar img-avatar48" src="{{asset($file->user->image)}}" alt="{{$file->user->name}}">
                                                            <div class="ml-3 text-right">
                                                                <p class="font-w600 font-size-sm mb-0">{{$file->user->name}}</p>
                                                            </div>
                                                        </div>
                                                        <div class="d-flex justify-content-between mb-2">
                                                            <div class="d-flex">
                                                                <div class="mr-2"> <i class="far fa fa-eye" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','view'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                                <div><i class="far fa fa-download" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','download'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            </div>
                                                            <div class="d-flex">
                                                    <div class="mr-2"> <i class="far fa fa-thumbs-up" style="font-size: 13px;"></i> <span id="like-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','like'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                    <div><i class="far fa fa-thumbs-down" style="font-size: 13px;"></i> <span id="dislike-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','dislike'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END Example File Block -->

                                                <!-- Example File Hover Options -->
                                                <div class="options-overlay rounded-lg bg-white-50">
                                                    <div class="options-overlay-content">
                                                        <div class="mb-3">
                                                            <a class="btn btn-hero-light" target="_blank" href="{{route('website.subject_data.show',$file->id)}}">
                                                                <i class="fa fa-eye text-primary mr-1"></i> {{trans('web.view')}}
                                                            </a>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                            <a download href="{{$file->link}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">
                                                                {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                                <i class="fa fa-fw fa-download"></i>
                                                            </a>
                                                            <a  href="{{route('website.users.show',$file->user_id)}}" type="button" class="btn btn-hero-warning px-3 py-2 mr-1 mb-3">
                                                                {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                                <i class="fa fa-fw fa-user"></i>
                                                            </a>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                            <a href="javascript:void(0)" onclick="likeBtn('{{$file->id}}')" class="btn btn-hero-primary mr-1 mb-3 px-3 py-2">
                                                                <i class="fa fa-fw fa-thumbs-up mr-1"></i> <span class="font-size-sm">Like</span>
                                                            </a>
                                                            <a href="javascript:void(0)" onclick="disLikeBtn('{{$file->id}}')" class="btn btn-hero-danger mr-1 mb-3 px-3 py-2">
                                                                <i class="fa fa-fw fa-thumbs-down mr-1"></i> <span class="font-size-sm">Dislike</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END Example File Hover Options -->
                                            </div>
                                            <!-- END Example File -->
                                        </div>
                                    @endforeach

                                </div>
                            </div>


                            <div class="tab-pane fade fade-right" id="btabs-animated-slideright-writtenPreparation" role="tabpanel">
                                <div class="seacrh" style="margin-bottom:10px">
                                    <lable>{{trans('web.search')}}</lable>
                                    <input type="text" name="search" class="form-control sample_search" data-search="preparation">
                                </div>
{{--                                <h4 class="font-w400">Written Preparation Content</h4>--}}

                                <div id="preparation">
                                    @foreach(\App\SubjectData::where([['status',1],['subject_id',request()->route('subject')],['type','preparation']])->orderBy('fixed','DESC')->get() as $file)
                                        <div class="col-sm-6 col-md-4 col-xl-3 d-inline-block align-items-center">
                                            <!-- Example File -->
                                            <div class="options-container fx-overlay-zoom-out w-100">
                                                <!-- Example File Block -->
                                                <div class="options-item block block-rounded bg-body mb-0">
                                                    <div class="block-content text-center">
                                                        <p class="mb-2 overflow-hidden">
                                                            <i class="fa fa-fw fa-4x fa-file-alt text-black"></i>
                                                        </p>
                                                        <p class="font-w600 mb-0">
                                                            {{$file->name}} - {{$file->ext}}
                                                        </p>
                                                        @if($file->size)
                                                            <p class="font-size-sm text-muted">
                                                                {{$file->size}}KB
                                                            </p>
                                                        @endif
                                                        <div class="block-content block-content-full d-flex align-items-center py-0 mb-2">
                                                            <img class="img-avatar img-avatar48" src="{{asset($file->user->image)}}" alt="{{$file->user->name}}">
                                                            <div class="ml-3 text-right">
                                                                <p class="font-w600 font-size-sm mb-0">{{$file->user->name}}</p>
                                                            </div>
                                                        </div>
                                                        <div class="d-flex justify-content-between mb-2">
                                                            <div class="d-flex">
                                                                <div class="mr-2"> <i class="far fa fa-eye" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','view'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                                <div><i class="far fa fa-download" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','download'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            </div>
                                                            <div class="d-flex">
                                                    <div class="mr-2"> <i class="far fa fa-thumbs-up" style="font-size: 13px;"></i> <span id="like-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','like'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                    <div><i class="far fa fa-thumbs-down" style="font-size: 13px;"></i> <span id="dislike-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','dislike'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END Example File Block -->

                                                <!-- Example File Hover Options -->
                                                <div class="options-overlay rounded-lg bg-white-50">
                                                    <div class="options-overlay-content">
                                                        <div class="mb-3">
                                                            <a class="btn btn-hero-light" href="{{route('website.subject_data.show',$file->id)}}">
                                                                <i class="fa fa-eye text-primary mr-1"></i> {{trans('web.view')}}
                                                            </a>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                            <a download href="{{$file->link}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">
                                                                {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                                <i class="fa fa-fw fa-download"></i>
                                                            </a>
                                                            <a  href="{{route('website.users.show',$file->user_id)}}" type="button" class="btn btn-hero-warning px-3 py-2 mr-1 mb-3">
                                                                {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                                <i class="fa fa-fw fa-user"></i>
                                                            </a>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                            <a href="javascript:void(0)" onclick="likeBtn('{{$file->id}}')" class="btn btn-hero-primary mr-1 mb-3 px-3 py-2">
                                                                <i class="fa fa-fw fa-thumbs-up mr-1"></i> <span class="font-size-sm">Like</span>
                                                            </a>
                                                            <a href="javascript:void(0)" onclick="disLikeBtn('{{$file->id}}')" class="btn btn-hero-danger mr-1 mb-3 px-3 py-2">
                                                                <i class="fa fa-fw fa-thumbs-down mr-1"></i> <span class="font-size-sm">Dislike</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END Example File Hover Options -->
                                            </div>
                                            <!-- END Example File -->
                                        </div>
                                    @endforeach

                                </div>
                            </div>


                            <div class="tab-pane fade fade-right" id="btabs-animated-slideright-Files" role="tabpanel">
                                <div class="seacrh" style="margin-bottom:10px">
                                    <lable>{{trans('web.search')}}</lable>
                                    <input type="text" name="search" class="form-control sample_search"  data-search="file">

                                </div>
                                <div id="file">
                                @foreach(\App\SubjectData::where([['status',1],['subject_id',request()->route('subject')],['type','file']])->orderBy('fixed','DESC')->get() as $file)
                                    <div class="col-sm-6 col-md-4 col-xl-3 d-inline-block align-items-center">
                                        <!-- Example File -->
                                        <div class="options-container fx-overlay-zoom-out w-100">
                                            <!-- Example File Block -->
                                            <div class="options-item block block-rounded bg-body mb-0">
                                                <div class="block-content text-center">
                                                    <p class="mb-2 overflow-hidden">
                                                        <i class="fa fa-fw fa-4x fa-file-alt text-black"></i>
                                                    </p>
                                                    <p class="font-w600 mb-0">
                                                        {{$file->name}} - {{$file->ext}}
                                                    </p>
                                                    @if($file->size)
                                                        <p class="font-size-sm text-muted">
                                                            {{$file->size}}KB
                                                        </p>
                                                    @endif
                                                    <div class="block-content block-content-full d-flex align-items-center py-0 mb-2">
                                                        <img class="img-avatar img-avatar48" src="{{asset($file->user->image)}}" alt="{{$file->user->name}}">
                                                        <div class="ml-3 text-right">
                                                            <p class="font-w600 font-size-sm mb-0">{{$file->user->name}}</p>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex justify-content-between mb-2">
                                                        <div class="d-flex">
                                                            <div class="mr-2"> <i class="far fa fa-eye" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','view'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            <div><i class="far fa fa-download" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','download'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                        </div>
                                                        <div class="d-flex">
                                                    <div class="mr-2"> <i class="far fa fa-thumbs-up" style="font-size: 13px;"></i> <span id="like-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','like'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                    <div><i class="far fa fa-thumbs-down" style="font-size: 13px;"></i> <span id="dislike-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','dislike'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- END Example File Block -->

                                            <!-- Example File Hover Options -->
                                            <div class="options-overlay rounded-lg bg-white-50">
                                                <div class="options-overlay-content">
                                                    <div class="mb-3">
                                                        <a class="btn btn-hero-light" href="{{route('website.subject_data.show',$file->id)}}">
                                                            <i class="fa fa-eye text-primary mr-1"></i> {{trans('web.view')}}
                                                        </a>
                                                    </div>
                                                    <div class="d-flex justify-content-center">
                                                        <a download href="{{$file->link}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">
                                                            {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                            <i class="fa fa-fw fa-download"></i>
                                                        </a>
                                                        <a  href="{{route('website.users.show',$file->user_id)}}" type="button" class="btn btn-hero-warning px-3 py-2 mr-1 mb-3">
                                                            {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                            <i class="fa fa-fw fa-user"></i>
                                                        </a>
                                                    </div>
                                                    <div class="d-flex justify-content-center">
                                                <a href="javascript:void(0)" onclick="likeBtn('{{$file->id}}')" class="btn btn-hero-primary mr-1 mb-3 px-3 py-2">
                                                            <i class="fa fa-fw fa-thumbs-up mr-1"></i> <span class="font-size-sm">Like</span>
                                                        </a>
                                                <a href="javascript:void(0)" onclick="disLikeBtn('{{$file->id}}')" class="btn btn-hero-danger mr-1 mb-3 px-3 py-2">
                                                            <i class="fa fa-fw fa-thumbs-down mr-1"></i> <span class="font-size-sm">Dislike</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- END Example File Hover Options -->
                                        </div>
                                        <!-- END Example File -->
                                    </div>
                                @endforeach
                                </div>

                            </div>

                            <div class="tab-pane fade fade-right" id="btabs-animated-slideright-Media" role="tabpanel">
                                <div class="seacrh" style="margin-bottom:10px">
                                    <lable>{{trans('web.search')}}</lable>
                                    <input type="text" name="search"class="form-control sample_search" data-search="media">
                                </div>
                                <div class="row items-push row-deck" id="media">
                                  @foreach(\App\SubjectData::where([['status',1],['subject_id',request()->route('subject')],['type','media']])->orderBy('fixed','DESC')->get() as $file)
                                      <div class="col-md-4 animated fadeIn" role="button">
                                         <iframe src="{{$file->link}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

                                      </div>
                                    <br>
                                          <div class="ml-3">
                                              <img class="img-avatar img-avatar48" src="{{asset($file->user->image)}}" >
                                              <a href="{{route('website.users.show',$file->user_id)}}">{{$file->user->name}}</a>

                                          </div>


                                 @endforeach

                                 </div>

                            </div>

                        </div>
                    </div>
                    <!-- END Block Tabs Animated Slide Right -->
                </div>
                <!----------------------------- Mobile View -------------------------------->
                <div class="col-12 push d-md-none">
                    <div class="w-100" id="accordion" role="tablist" aria-multiselectable="true">
                        <div class="block block-rounded mb-1">
                            <div class="block-header block-header-default" role="tab" id="accordion_h1">
                                <a class="font-w600 collapsed" data-toggle="collapse" data-parent="#accordion" href="#accordion_Presentations" aria-expanded="false" aria-controls="accordion_Presentations">{{trans('web.presentations')}}</a>
                            </div>
                            <div id="accordion_Presentations" class="collapse p-3" role="tabpanel" aria-labelledby="accordion_h1" data-parent="#accordion" style="">
                                <div class="block-content">
{{--                                    <h4 class="font-w400">Presentations Content</h4>--}}
                                    @foreach(\App\SubjectData::where([['status',1],['subject_id',request()->route('subject')],['type','presentation']])->orderBy('fixed','DESC')->get() as $file)
                                        <div class="col-sm-6 col-md-4 col-xl-12 d-inline-block align-items-center">
                                            <!-- Example File -->
                                            <div class="options-container fx-overlay-zoom-out w-100">
                                                <!-- Example File Block -->
                                                <div class="options-item block block-rounded bg-body mb-0">
                                                    <div class="block-content text-center">
                                                        <p class="mb-2 overflow-hidden">
                                                            <i class="fa fa-fw fa-4x fa-file-alt text-black"></i>
                                                        </p>
                                                        <p class="font-w600 mb-0">
                                                            {{$file->name}} - {{$file->ext}}
                                                        </p>
                                                        @if($file->size)
                                                            <p class="font-size-sm text-muted">
                                                                {{$file->size}}KB
                                                            </p>
                                                        @endif
                                                        <div class="block-content block-content-full d-flex align-items-center py-0 mb-2">
                                                            <img class="img-avatar img-avatar48" src="{{asset($file->user->image)}}" alt="{{$file->user->name}}">
                                                            <div class="ml-3 text-right">
                                                                <p class="font-w600 font-size-sm mb-0">{{$file->user->name}}</p>
                                                            </div>
                                                        </div>
                                                        <div class="d-flex justify-content-between mb-2">
                                                            <div class="d-flex">
                                                                <div class="mr-2"> <i class="far fa fa-eye" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','view'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                                <div><i class="far fa fa-download" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','download'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            </div>
                                                            <div class="d-flex">
                                                    <div class="mr-2"> <i class="far fa fa-thumbs-up" style="font-size: 13px;"></i> <span id="like-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','like'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                    <div><i class="far fa fa-thumbs-down" style="font-size: 13px;"></i> <span id="dislike-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','dislike'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END Example File Block -->

                                                <!-- Example File Hover Options -->
                                                <div class="options-overlay rounded-lg bg-white-50">
                                                    <div class="options-overlay-content">
                                                        <div class="mb-3">
                                                            <a class="btn btn-hero-light" href="{{route('website.subject_data.show',$file->id)}}">
                                                                <i class="fa fa-eye text-primary mr-1"></i> {{trans('web.view')}}
                                                            </a>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                            <a download href="{{$file->link}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">
                                                                {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                                <i class="fa fa-fw fa-download"></i>
                                                            </a>
                                                            <a  href="{{route('website.users.show',$file->user_id)}}" type="button" class="btn btn-hero-warning px-3 py-2 mr-1 mb-3">
                                                                {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                                <i class="fa fa-fw fa-user"></i>
                                                            </a>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                <a href="javascript:void(0)" onclick="likeBtn('{{$file->id}}')" class="btn btn-hero-primary mr-1 mb-3 px-3 py-2">
                                                                <i class="fa fa-fw fa-thumbs-up mr-1"></i> <span class="font-size-sm">Like</span>
                                                            </a>
                                                <a href="javascript:void(0)" onclick="disLikeBtn('{{$file->id}}')" class="btn btn-hero-danger mr-1 mb-3 px-3 py-2">
                                                                <i class="fa fa-fw fa-thumbs-down mr-1"></i> <span class="font-size-sm">Dislike</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END Example File Hover Options -->
                                            </div>
                                            <!-- END Example File -->
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="block block-rounded mb-1">
                            <div class="block-header block-header-default" role="tab" id="accordion_h2">
                                <a class="font-w600" data-toggle="collapse" data-parent="#accordion" href="#accordion_WrittenPreparation" aria-expanded="true" aria-controls="accordion_WrittenPreparation">{{trans('web.written_preparation')}}</a>
                            </div>
                            <div id="accordion_WrittenPreparation" class="collapse show" role="tabpanel" aria-labelledby="accordion_h2" data-parent="#accordion" style="">
                                <div class="block-content">
{{--                                    <h4 class="font-w400">Written Preparation Content</h4>--}}
                                    @foreach(\App\SubjectData::where([['status',1],['subject_id',request()->route('subject')],['type','preparation']])->orderBy('fixed','DESC')->get() as $file)
                                        <div class="col-sm-6 col-md-4 col-xl-12 d-inline-block align-items-center">
                                            <!-- Example File -->
                                            <div class="options-container fx-overlay-zoom-out w-100">
                                                <!-- Example File Block -->
                                                <div class="options-item block block-rounded bg-body mb-0">
                                                    <div class="block-content text-center">
                                                        <p class="mb-2 overflow-hidden">
                                                            <i class="fa fa-fw fa-4x fa-file-alt text-black"></i>
                                                        </p>
                                                        <p class="font-w600 mb-0">
                                                            {{$file->name}} - {{$file->ext}}
                                                        </p>
                                                        @if($file->size)
                                                            <p class="font-size-sm text-muted">
                                                                {{$file->size}}KB
                                                            </p>
                                                        @endif
                                                        <div class="block-content block-content-full d-flex align-items-center py-0 mb-2">
                                                            <img class="img-avatar img-avatar48" src="{{asset($file->user->image)}}" alt="{{$file->user->name}}">
                                                            <div class="ml-3 text-right">
                                                                <p class="font-w600 font-size-sm mb-0">{{$file->user->name}}</p>
                                                            </div>
                                                        </div>
                                                        <div class="d-flex justify-content-between mb-2">
                                                            <div class="d-flex">
                                                                <div class="mr-2"> <i class="far fa fa-eye" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','view'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                                <div><i class="far fa fa-download" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','download'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            </div>
                                                            <div class="d-flex">
                                                    <div class="mr-2"> <i class="far fa fa-thumbs-up" style="font-size: 13px;"></i> <span id="like-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','like'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                    <div><i class="far fa fa-thumbs-down" style="font-size: 13px;"></i> <span id="dislike-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','dislike'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END Example File Block -->

                                                <!-- Example File Hover Options -->
                                                <div class="options-overlay rounded-lg bg-white-50">
                                                    <div class="options-overlay-content">
                                                        <div class="mb-3">
                                                            <a class="btn btn-hero-light" href="{{route('website.subject_data.show',$file->id)}}">
                                                                <i class="fa fa-eye text-primary mr-1"></i> {{trans('web.view')}}
                                                            </a>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                            <a download href="{{$file->link}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">
                                                                {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                                <i class="fa fa-fw fa-download"></i>
                                                            </a>
                                                            <a  href="{{route('website.users.show',$file->user_id)}}" type="button" class="btn btn-hero-warning px-3 py-2 mr-1 mb-3">
                                                                {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                                <i class="fa fa-fw fa-user"></i>
                                                            </a>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                            <a href="javascript:void(0)" onclick="likeBtn('{{$file->id}}')" class="btn btn-hero-primary mr-1 mb-3 px-3 py-2">
                                                                <i class="fa fa-fw fa-thumbs-up mr-1"></i> <span class="font-size-sm">Like</span>
                                                            </a>
                                                            <a href="javascript:void(0)" onclick="disLikeBtn('{{$file->id}}')" class="btn btn-hero-danger mr-1 mb-3 px-3 py-2">
                                                                <i class="fa fa-fw fa-thumbs-down mr-1"></i> <span class="font-size-sm">Dislike</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END Example File Hover Options -->
                                            </div>
                                            <!-- END Example File -->
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="block block-rounded mb-1">
                            <div class="block-header block-header-default" role="tab" id="accordion_h3">
                                <a class="font-w600 collapsed" data-toggle="collapse" data-parent="#accordion" href="#accordion_Files" aria-expanded="false" aria-controls="accordion_Files">{{trans('web.files')}}</a>
                            </div>
                            <div id="accordion_Files" class="collapse p-3" role="tabpanel" aria-labelledby="accordion_h3" data-parent="#accordion" style="">
                                <div class="row items-push">


                                    @foreach(\App\SubjectData::where([['status',1],['subject_id',request()->route('subject')],['type','file']])->orderBy('fixed','DESC')->get() as $file)
                                        <div class="col-sm-6 col-md-4 col-xl-12 d-inline-block align-items-center">
                                            <!-- Example File -->
                                            <div class="options-container fx-overlay-zoom-out w-100">
                                                <!-- Example File Block -->
                                                <div class="options-item block block-rounded bg-body mb-0">
                                                    <div class="block-content text-center">
                                                        <p class="mb-2 overflow-hidden">
                                                            <i class="fa fa-fw fa-4x fa-file-alt text-black"></i>
                                                        </p>
                                                        <p class="font-w600 mb-0">
                                                            {{$file->name}} - {{$file->ext}}
                                                        </p>
                                                        @if($file->size)
                                                            <p class="font-size-sm text-muted">
                                                                {{$file->size}}KB
                                                            </p>
                                                        @endif
                                                        <div class="block-content block-content-full d-flex align-items-center py-0 mb-2">
                                                            <img class="img-avatar img-avatar48" src="{{asset($file->user->image)}}" alt="{{$file->user->name}}">
                                                            <div class="ml-3 text-right">
                                                                <p class="font-w600 font-size-sm mb-0">{{$file->user->name}}</p>
                                                            </div>
                                                        </div>
                                                        <div class="d-flex justify-content-between mb-2">
                                                            <div class="d-flex">
                                                                <div class="mr-2"> <i class="far fa fa-eye" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','view'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                                <div><i class="far fa fa-download" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','download'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            </div>
                                                            <div class="d-flex">
                                                    <div class="mr-2"> <i class="far fa fa-thumbs-up" style="font-size: 13px;"></i> <span id="like-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','like'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                    <div><i class="far fa fa-thumbs-down" style="font-size: 13px;"></i> <span id="dislike-{{$file->id}}" class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','dislike'],['subject_data_id',$file->id]])->count()}}</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END Example File Block -->

                                                <!-- Example File Hover Options -->
                                                <div class="options-overlay rounded-lg bg-white-50">
                                                    <div class="options-overlay-content">
                                                        <div class="mb-3">
                                                            <a class="btn btn-hero-light" href="{{route('website.subject_data.show',$file->id)}}">
                                                                <i class="fa fa-eye text-primary mr-1"></i> {{trans('web.view')}}
                                                            </a>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                            <a download href="{{$file->link}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">
                                                                {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                                <i class="fa fa-fw fa-download"></i>
                                                            </a>
                                                            <a  href="{{route('website.users.show',$file->user_id)}}" type="button" class="btn btn-hero-warning px-3 py-2 mr-1 mb-3">
                                                                {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                                                                <i class="fa fa-fw fa-user"></i>
                                                            </a>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                            <a href="javascript:void(0)" onclick="likeBtn('{{$file->id}}')" class="btn btn-hero-primary mr-1 mb-3 px-3 py-2">
                                                                <i class="fa fa-fw fa-thumbs-up mr-1"></i> <span class="font-size-sm">Like</span>
                                                            </a>
                                                            <a href="javascript:void(0)" onclick="disLikeBtn('{{$file->id}}')" class="btn btn-hero-danger mr-1 mb-3 px-3 py-2">
                                                                <i class="fa fa-fw fa-thumbs-down mr-1"></i> <span class="font-size-sm">Dislike</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END Example File Hover Options -->
                                            </div>
                                            <!-- END Example File -->
                                        </div>
                                    @endforeach



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



                        <div class="block block-rounded mb-1">
                            <div class="block-header block-header-default" role="tab" id="accordion_h4">
                                <a class="font-w600 collapsed" data-toggle="collapse" data-parent="#accordion" href="#accordion_Media" aria-expanded="false" aria-controls="accordion_Media">{{trans('web.media')}}</a>
                            </div>
                            <div id="accordion_Media" class="collapse p-5" role="tabpanel" aria-labelledby="accordion_h4" data-parent="#accordion">
                                <div class="row items-push row-deck">
{{--                                    <div class="seacrh" style="margin-bottom:10px">--}}
{{--                                        <lable>Search</lable>--}}
{{--                                        <input type="text" name="search"class="form-control sample_search" data-search="media">--}}
{{--                                    </div>--}}
                                    <div class="row items-push row-deck" id="media">
                                        @foreach(\App\SubjectData::where([['status',1],['subject_id',request()->route('subject')],['type','media']])->orderBy('fixed','DESC')->get() as $file)
                                            <div class="col-md-4 animated fadeIn" role="button">
                                                <iframe src="{{$file->link}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

                                            </div>
                                            <br>
                                            <div class="ml-3">
                                                <img class="img-avatar img-avatar48" src="{{asset($file->user->image)}}" >
                                                <a href="{{route('website.users.show',$file->user_id)}}">{{$file->user->name}}</a>

                                            </div>


                                        @endforeach

                                    </div>
                                </div>

                                <!-- Pagination -->
                                <!-- END Pagination -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Page Content -->
    </main>
@endsection
@push('js')
    <script>
        var searchRequest = null;

        $(function () {
            var minlength = 3;

            $("body").on('keyup','.sample_search',function () {
                var that = this,
                    value = $(this).data('search');
                    text = $(this).val();

                if (value.length >= minlength ) {

                    if (searchRequest != null)
                        searchRequest.abort();
                    searchRequest = $.ajax({
                        type: "GET",
                        url: "{{route('get-search')}}",
                        data: {
                            'value' : value,
                            'text' : text,
                        },
                        dataType: "json",
                        success: function(response){
                            if(response.status == true){
                                $('#'+response.type).empty();
                                $('#'+response.type).append(response.data);
                            }else{
                                $('#'+response.type).empty();

                            }

                        }
                    });
                }
            });
        });
    </script>
    <script>
        function likeBtn(id){
            //get company_services
            $.ajax({
                url: '{{url('subject_data/like')}}'+'/'+id,
                {{--url: '{{route('website.subject_data.like')}}'+id,--}}
                type: 'GET',
                // data: {
                //     'id': $('#class_id').val(),
                // },
                dataType: 'json',
                success: function (response) {
                    var data = response.data;
                    console.log(data);
                    console.log(id);
                    if (data){
                        $('#like-'+id).text(data);
                        // $('#subject_container').empty();
                        // $('#subject_container').append(data);
                    }else {

                    }

                },
                error: function () {

                }

            });
        }
        function disLikeBtn(id){
            //get company_services
            $.ajax({
                url: '{{url('subject_data/dislike')}}'+'/'+id,
                {{--url: '{{route('website.subject_data.like')}}'+id,--}}
                type: 'GET',
                // data: {
                //     'id': $('#class_id').val(),
                // },
                dataType: 'json',
                success: function (response) {
                    var data = response.data;
                    console.log(data);
                    console.log(id);
                    if (data){
                        $('#dislike-'+id).text(data);
                        // $('#subject_container').empty();
                        // $('#subject_container').append(data);
                    }else {

                    }

                },
                error: function () {

                }

            });
        }
    </script>


@endpush