@extends('home.layouts.master')
@section('content')
    <!-- Main Container -->
    <main id="main-container">
        <!-- Page Content -->
        <div class="content mt-8">
            <div class="row justify-content-center">
                <div class="col-xl-10">
                    <!-- Story -->
                    <div class="block block-rounded">
                        <div class="block-content p-0 overflow-hidden">
                            <div class="block-header block-header-default">
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb breadcrumb-alt  ">
                                        <li class="breadcrumb-item">
                                            <a href="{{url('scholarship')}}">Scholarship</a>
                                        </li>
                                        <li class="breadcrumb-item active" aria-current="page">
                                            <a href="{{url('scholarship').'?category_id='.$news->category_id}}">@if(isset($news->category->name)) {{$news->category->name}} @else Uncategorized @endif</a>
                                        </li>
                                    </ol>
                                </nav>
                                <div class="block-options">
                                    <button type="button" class="btn-block-option" data-toggle="block-option" data-action="fullscreen_toggle"><i class="si si-size-fullscreen"></i></button>
                                    <button type="button" class="btn-block-option" data-toggle="block-option" data-action="state_toggle" data-action-mode="demo">
                                        <i class="si si-refresh"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="row no-gutters">
                                @php
                                    if($news->user->type=='admin'){
                                        $storagePath = config('filesystems.asset').'/'.'clients'.'/'.$news->user->name.'/notice';
                                        $author = $news->user->client->company_name;
                                    }elseif($news->user->type=='moderator'){
                                        $storagePath = config('filesystems.asset').'/'.'notice';
                                        $author = $news->user->admin->full_name;
                                    }else{
                                        $storagePath = config('filesystems.asset').'/'.'notice';
                                        $author = 'admin';
                                    }
                                @endphp

                                <div class="col-md-12 col-lg-12 overflow-hidden d-flex align-items-center">
                                    <div class="px-4 py-3">
                                        <h4 class="mb-1">
                                            {{$news->title}}
                                        </h4>
                                    </div>
                                </div>
                                <div class="col-md-12 col-lg-12 overflow-hidden d-flex align-items-center">
                                    @if (isset($news->image))
                                        @php
                                        $url = $storagePath.'/'.$news->image;
                                        $uploadedFile = pathinfo($url);
                                        $old_filename = $uploadedFile['filename'];
                                        $extension = $uploadedFile['extension'];
                                        $imageLink = $storagePath.'/'.$old_filename.'.webp';
                                        @endphp
                                        <picture>
                                            <source type="image/webp" srcset="{{$imageLink}}">
                                            <source type="image/{{$extension}}" srcset="{{$url}}">
                                            <img class="img-fluid img-link" src="{{$url}}" alt="{{$news->title}}">
                                        </picture>
                                    @else
                                        <img class="img-fluid img-link" src="{{asset('public/theme/assets/media/photos/photo19.jpg')}}" alt="">
                                    @endif
                                </div>
                                <div class="col-md-12 col-lg-12 d-flex align-items-center">
                                    <div class="px-4 py-3">
                                        {!! $news->details !!}
                                    </div>
                                </div>
                            </div>
                            @if(count($news_relateds)>0)
                                <div class="content container-full" id="releted_article">
                                    <div class="py-4 text-center">
                                        <h5 class="font-w700 mb-2">
                                            Related Scholarship
                                        </h5>
                                    </div>
                                    <div class="row row-deck">
                                    @foreach($news_relateds as $news_related)
                                        <!-- Story -->
                                            <div class="col-lg-4 invisible" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                                                <a class="block block-rounded block-link-pop" href="{{url('scholarship').'/'.$news_related->slug}}">
                                                    @if (isset($news_related->image))
                                                        @php
                                                            if($news->user->type=='admin'){
                                                                $storagePath = config('filesystems.asset').'/'.'clients'.'/'.$news->user->name.'/notice';
                                                                $author = $news->user->client->company_name;
                                                            }elseif($news->user->type=='moderator'){
                                                                $storagePath = config('filesystems.asset').'/'.'notice';
                                                                $author = $news->user->admin->full_name;
                                                            }else{
                                                                $storagePath = config('filesystems.asset').'/'.'notice';
                                                                $author = 'admin';
                                                            }
                                                        @endphp
                                                        @php
                                                            $url = $storagePath.'/'.$news_related->image;
                                                            $uploadedFile = pathinfo($url);
                                                            $old_filename = $uploadedFile['filename'];
                                                            $extension = $uploadedFile['extension'];
                                                            $imageLink = $storagePath.'/'.$old_filename.'.webp';
                                                        @endphp
                                                        <picture>
                                                            <source type="image/webp" srcset="{{$imageLink}}">
                                                            <source type="image/{{$extension}}" srcset="{{$url}}">
                                                            <img class="img-fluid" src="{{$url}}" alt="{{$news->title}}">
                                                        </picture>
                                                    @else
                                                        <img class="img-fluid" src="{{url('public/theme/assets/media/photos/photo7@2x.jpg')}}" alt="">
                                                    @endif
                                                    <div class="block-content">
                                                        <h6 class="mb-1">{{$news_related->title}}</h6>
                                                        <p class="font-size-sm">
                                                            <i class="far fa-clock"></i> {{date('d M,Y',strtotime($news_related->create_at))}}·| <span class="fa fa-tag"> {{$news_related->category->name}}</span>
                                                        </p>
                                                    </div>
                                                </a>
                                            </div>
                                            <!-- END Story -->
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                    <!-- END Story -->
                </div>
            </div>
        </div>
        <!-- END Page Content -->


    </main>
    <!-- END Main Container -->



@endsection