{{-- Extends layout --}}
@extends('front.layouts.app')

@section('content')
    <div class="clear"></div>
    <nav class="navbar navbar-expand-lg navbar-light p-0">
        <h4 class="mb-0 pr-2 ls1  font-weight-bold">{{ $forum->title ?? __('Forum') }}</h4>

        @if ($forum->subscribers->where('user_id', Auth::id())->count() > 0)
            <a class="btn-sm bg-danger text-white"
                href="{{ route('community.forum.subscription', ['forum_slug' => $forum->slug]) }}">{{ __('Üyelikten Ayrıl') }}</a>
        @else
            <a class="btn-sm bg-success text-white"
                href="{{ route('community.forum.subscription', ['forum_slug' => $forum->slug]) }}">{{ __('Üye Ol') }}</a>
        @endif
    </nav>
    <div class="line line-xs line-dark"></div>

    <div class="container row">
        <div class="col-md-9">
            <h4 class="mb-3 pr-2 ls1  font-weight-bold">{{ __('Mesajlar (:total)', ['total' => $forum->messages->count()]) }}
            </h4>
            @component('front.components.forum_message', ['messages' => $messages])
            @endcomponent

            @component('front.components.forum_message_submit', ['forum' => $forum])
            @endcomponent
        </div>
        <div class="col-md-3">
            <h4 class="mb-3 pr-2 ls1  font-weight-bold">
                {{ __('Üyeler (:total)', ['total' => $forum->subscribers->count()]) }}</h4>
            @foreach ($forum->subscribers as $subscriber)
                @component('front.components.user_details_simple', ['user' => $subscriber->user])
                @endcomponent
            @endforeach
        </div>
    </div>

@endsection


@section('breadcrumbs')
    {{ Breadcrumbs::render('community.forums') }}
@endsection

{{-- Styles Section --}}
@section('styles')
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="{{ asset('css/jquery.mentions.css') }}">

@endsection


@section('scripts')
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
    @auth
        <script src="{{ asset('js/jquery.mentions.js') }}"></script>

        <script>
            $('#comment_text').mentionsInput({
                source: '{{ route('json.all-users') }}',
                showAtCaret: true
            });
        </script>

    @endauth
@endsection