@extends('layouts.app_discussion')

@section('content')


<div class="container mb-4">
    <div class="row">
        <div class="col-md-3">
            @include('includes/dashboard/left_menu')
        </div>
        <div class="col-md-9">
            <div class="col-lg-12">
             
                <div class="wrapper wrapper-content animated fadeInRight">
                    <div class="ibox-content forum-container">
                        <div class="forum-title">
                            <div class="pull-right forum-desc">   
                            </div>
                            @include('discussion_forum/include/title')
                            {{ Breadcrumbs::render('topic', $topics->fa_full_form) }}
                        </div>
                        <div class="forum-item active">
                            <div class="row">
                                <div class="col">
                                        <div class="forum-icon">
                                            <i class="fa fa-shield"></i>
                                        </div>
                                        <div class="d-flex justify-content-between">
                                            <a href="" class="text-primary  h4">{{ $topics->fa_full_form}}</a>
                                            <div class="row">
                                                <div class="col-auto my-auto">
                                                    <a href="{{url('tools')}}"><i class="fa fa-wrench" title="Tools" aria-hidden="true"></i></a>
                                                </div>
                                                <div class="col-auto my-auto">
                                                    <a href="{{ url('events?category='.\App\Helpers\Helper::encriptId($topics->id))}}"><i class="fa fa-calendar-o" title="Events" aria-hidden="true"></i></a>
                                                </div>
                                                <div class="col-auto my-auto">
                                                    <a href="{{ url('resources?category='.\App\Helpers\Helper::encriptId($topics->id))}}">
                                                        <i title="Resources" class="fa fa-file-o" aria-hidden="true"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    <div class="forum-sub-title">{{ $topics->description }}</div>
                                </div>
                               
                            </div>
                            <hr>
                            @foreach ($topics['faAccountability'] as $sub_topic )
                            
                            <div class="row">
                                <div class="col-12">
                                    {{-- <div class="forum-icon">
                                        <i class="fa fa-bolt"></i>
                                    </div> --}}
                                    <div class="d-flex justify-content-between">
                                        <div class="row">
                                            <div class="col">
                                                <a href="{{url($role.'/discussion-forum/fourth-level?key_title='.\App\Helpers\Helper::encriptId($sub_topic->id))}}" class="forum-item-title text-secondary">{{$sub_topic->accountabilities}}</a>
                                            </div>
                                        </div>
                                    
                                        <div class="row">
                                            <div class="col-auto my-auto">
                                                <a title="Discussion Forum" href="{{url($role.'/discussion-forum/fourth-level?key_title='.\App\Helpers\Helper::encriptId($sub_topic->id))}}"><i class="fa fa-comment-o" aria-hidden="true"></i></a>
                                            </div>
                                            <div class="col-auto my-auto">
                                                <a href="{{url('tools')}}"><i class="fa fa-wrench" title="Tools" aria-hidden="true"></i></a>
                                            </div>
                                            <div class="col-auto my-auto">
                                                <a href="{{ url('events?sub_category='.\App\Helpers\Helper::encriptId($sub_topic->id))}}"><i class="fa fa-calendar-o" title="Events" aria-hidden="true"></i></a>
                                            </div>
                                            <div class="col-auto my-auto">
                                                <a href="{{ url('resources?sub_category='.\App\Helpers\Helper::encriptId($sub_topic->id))}}">
                                                    <i title="Resources" class="fa fa-file-o" aria-hidden="true"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-1">
                                        <div class="col">
                                            <div class="bg-light py-1">
                                                @if($sub_topic['tags'] !== null)
                                                    @foreach($sub_topic['tags'] as $tag_item)
                                                        <a href=" {{ url('/discussion-forum/fourth-level?key_title='.\App\Helpers\Helper::encriptId($sub_topic->id)).'&tag='.$tag_item['id'] }}" class="text-primary">#{{ ($tag_item ['tag'])  }}</a>
                                                    @endforeach
                                                @endif 
                                            </div>  
                                        </div>
                                    </div>
                                    {{-- <a href="{{url($role.'/discussion-forum/sub-topic?key_title='.\App\Helpers\Helper::encriptId($sub_topic->id))}}" class="forum-item-title">{{$sub_topic->accountabilities}}</a> --}}
                                    <div class="forum-sub-title">
                                      {{$sub_topic->description}}
                                    </div>
                                </div>
                            </div><hr>
                                {{-- <div class="card my-2">
                                    <div class="card-body p-2 p-sm-3">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="forum-icon">
                                                    <i class="fa fa-bolt"></i>
                                                </div>
                                                <a href="{{url($role.'/discussion-forum/fourth-level?key_title='.\App\Helpers\Helper::encriptId($sub_topic->id))}}" class="forum-item-title">{{$sub_topic->accountabilities}}</a> --}}
                                                {{-- <a href="{{url($role.'/discussion-forum/sub-topic?key_title='.\App\Helpers\Helper::encriptId($sub_topic->id))}}" class="forum-item-title">{{$sub_topic->accountabilities}}</a> --}}
                                                {{-- <div class="forum-sub-title">
                                                  {{$sub_topic->description}}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> --}}
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>


                   
        </div>
        </div>


@endsection