@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>
                            <h3 class="text-primary">Events</h3>
                            {{ Breadcrumbs::render('events.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">
                                                    <i class="fa fa-wrench" aria-hidden="true"></i>
                                                </div>
                                                <div class="col-auto my-auto">
                                                    <i class="fa fa-calendar-o" aria-hidden="true"></i>
                                                </div>
                                                <div class="col-auto my-auto">
                                                    <i class="fa fa-file-o" aria-hidden="true"></i>
                                                </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('/events/sub-category?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="Comments" 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">
                                                <i class="fa fa-wrench" title="events" aria-hidden="true"></i>
                                            </div> --}}
                                            <div class="col-auto my-auto">
                                                <a href="{{ url('events/list?topic='.\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">
                                                <i class="fa fa-file-o" aria-hidden="true"></i>
                                            </div> --}}
                                        </div>
                                    </div>
                                    <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