@extends('.frontend.default')

@php
    $file_count = $educationResource->attachments->whereNotNull('file_size')->count();
    $attachment_count = $educationResource->attachments->count();
@endphp

@section('content')
    <div id="education_resource_details_page" class="container details_page">
        <div class="row">
            <div class="col-12 col-lg-10 offset-lg-1">

                <div id="education_resource_details_page_header" style="margin-bottom: 30px">
                    <a class="back_button" href="{{$previous_url}}"><i class="fa fa-angle-left" aria-hidden="true"></i> 返回搜尋結果</a>
                </div>

                <div id="education_resource_details_page_information" class="w-100" style="margin-bottom: 65px">
                    <div class="row">
                        <div class="col-12 col-lg-5" style="margin-right: 35px">
                            <div class="text-center text-lg-left">
                                <img src="{{$educationResource->imagePathDetailUrl}}" alt="">
                            </div>

                            <div class="d-flex justify-content-lg-between mt-3" style="max-width: 350px">
                                <div class="mr-2 mr-lg-0">
                                    @include('frontend.template.education_resource.class_tag', ['education_resource_class_tag' => $educationResource->educationResourceClass])
                                </div>
                                <div>
                                    @include('frontend.template.education_resource.target_tag', ['education_resource_target_tag' => $educationResource->educationResourceTarget])
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 mt-3 mt-lg-0">
                            <div class="d-flex flex-column h-100">
                                <div>
                                    @foreach($educationResource->attachments->groupBy('type_id') as $attachment)
                                        <div class="mb-2 text-size-l d-inline-block mr-1">
                                            @include('frontend.template.education_resource.attachment.type_tag',['education_resource_attachment_type_tag'=> $attachment->first()->type])
                                        </div>
                                    @endforeach
                                </div>

                                <div class="mt-auto text-center text-lg-left">
                                    @if($file_count > 0)
                                        <a class="btn btn-primary w-75 px-4 py-2 border-radius-15" href="#education_resource_details_page_download_list">
                                            <i class="fas fa-download mr-2"></i> 下載所有資源({{ $file_count }})
                                        </a>
                                    @elseif($attachment_count > 0)
                                        <div class="btn-disable w-75 px-4 py-2 border-radius-15 text-center">
                                            只提供資源連結
                                        </div>
                                    @else
                                        <div class="btn-disable w-75 px-4 py-2 border-radius-15 text-center">
                                            未找到相關資源
                                        </div>
                                    @endif
                                </div>

                                <div class="text-right mt-3">
                                    <a class="text-primary st-custom-button cursor-pointer" data-network="sharethis"
                                       data-url="{{route('.education_resource.details',['education_resource_id'=>$educationResource->id])}}" href="#">
                                        分享
                                        <i class="fas fa-share-alt"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div style="margin-top: 25px">
                        <h1 class="mb-2">
                            {{$educationResource->title}}
                        </h1>

                        <div>
                            <div class="mb-4">
                                <div class="d-inline-block" style="vertical-align: top">
                                    <i class="far fa-clock"></i> 上架時間：
                                </div>
                                <div class="d-inline-block" style="max-width: calc(100% - 140px);word-break: break-all;">
                                    {{\Carbon\Carbon::parse($educationResource->on_shelf_date)->format('d/m/Y')}}
                                </div>
                            </div>

                            <div class="mb-4">
                                <div class="d-inline-block" style="vertical-align: top">
                                    <i class="fas fa-city" style="width: 20px"></i> 提供單位：
                                </div>
                                <div class="d-inline-block" style="max-width: calc(100% - 140px);word-break: break-all;">
                                    {{ $educationResource->unit->c_unitname }}
                                </div>
                            </div>

                            <div class="mb-4 row">
                                <div class="col-auto pr-0" style="vertical-align: top">
                                    <i class="far fa-clipboard" style="width: 20px"></i> 資源簡介：
                                </div>
                                <div class="col-12 col-md pl-md-0" style="word-break: break-all">
                                    @nl2br($educationResource->description ?? '-')
                                </div>
                            </div>

                            <div class="mb-4 row">
                                <div class="col-auto pr-0" style="vertical-align: top">
                                    <i class="fas fa-bookmark" style="width: 20px;"></i> 學習重點：
                                </div>
                                <div class="col-12 col-md pl-md-0" style="word-break: break-all">
                                    @nl2br($educationResource->learning_points ?? '-')
                                </div>
                            </div>

                            <div class="mb-4 row">
                                <div class="col-auto pr-0" style="vertical-align: top">
                                    <i class="far fa-comment-dots" style="width: 20px;"></i> 教學建議：
                                </div>
                                <div class="col-12 col-md pl-md-0" style="word-break: break-all">
                                    @nl2br($educationResource->teaching_advice ?? '-')
                                </div>
                            </div>

                            <div class="mb-4 row">
                                <div class="col-auto pr-0" style="vertical-align: top">
                                    <i class="fas fa-info-circle" style="width: 20px;"></i> 使用說明：
                                </div>
                                <div class="col-12 col-md pl-md-0" style="word-break: break-all">
                                    @nl2br($educationResource->use_instructions ?? '-')
                                </div>
                            </div>

                            @if($educationResource->url)
                                <div class="mb-4 row">
                                    <div class="col-auto pr-0" style="vertical-align: top">
                                        <i class="fas fa-link" style="width: 20px;"></i> 連結：
                                    </div>
                                    <div class="col-12 col-md pl-md-0">
                                        <a href="{{$educationResource->url}}" target="_blank">{{$educationResource->url}}</a>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>

                    <div>
                        此教學資源版權屬香港青年協會所有，不得作商業用途。違者須負法律責任。
                    </div>
                </div>
                <div id="">

                </div>

                <div id="education_resource_details_page_download_list" style="margin-bottom: 120px">
                    <h1>
                        資源列表 </h1>
                    <div style="margin: 20px 0;border-bottom: 2px solid black;"></div>
                    <table class="table table-borderless" style="height: 1px;max-height: 442px;overflow: scroll">
                        <thead>
                        <tr>
                            <th>檔案名稱</th>
                            <th>類別</th>
                            <th>大小</th>
                            <th>上傳日期</th>
                            <th>上傳單位</th>
                            <th>下載</th>
                        </tr>
                        </thead>
                        <tbody>
                        @if($attachment_count > 0)
                            @foreach($educationResource->attachments as $attachment)
                                <tr>
                                    <td>{{$attachment->name . ($attachment->file_type ? '.'.$attachment->file_type : '')}}</td>
                                    <td>{{optional($attachment->type)->name ?? '-'}}</td>
                                    <td>{{$attachment->fileSizeFormat ?? '-'}}</td>
                                    <td>{{\Carbon\Carbon::parse($attachment->updated_at)->format('d/m/Y')}}</td>
                                    <td>{{$attachment->unit->c_unitname}}</td>
                                    <td>
                                        @switch($attachment->file_or_url)
                                            @case(\App\Models\EducationResource\EducationResourceAttachment::FILE_OR_URL_IS_FILE)
                                            <a href="{{$attachment->disk()->url($attachment->upload_file_path)}}" target="_blank" class="text-color-base-1">
                                                <i class="fas fa-download"></i>
                                            </a>
                                        @break
                                            @case(\App\Models\EducationResource\EducationResourceAttachment::FILE_OR_URL_IS_URL)
                                            <a href="{{$attachment->attachment_or_link}}" target="_blank" class="text-color-base-1">
                                                <i class="fas fa-link"></i>
                                            </a>
                                        @break
                                        @endswitch
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="6">
                                    未找到相關資源
                                </td>
                            </tr>
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="col-12" style="margin-bottom: 150px">
                <h1 class="text-center" style="margin-bottom: 30px">
                    單位提供以下服務
                </h1>

                <div id="featured" class="owl-carousel education_resource_details_page_maybe_you_will_like_list">
                    @php
                        $teacher = \App\Models\School\Teacher\Teacher::anyUser();
                        $events = $educationResource->unit->event()->limit(10)->get();
                    @endphp

                    @forelse($events as $event)
                        @include('.frontend.template.event.card',[
                                                   'event' => $event,
                                                   'in_wishlist' => !empty($teacher) && $teacher->eventWishList->where('id',$event->id)->count() > 0
                                                   ])
                    @empty
                        未找到相關單位活動
                    @endforelse
                </div>
            </div>
        </div>
    </div>
@endsection

@section('pagescript')
@endsection

@section('pagecss')
@endsection