@extends('layouts.front')

@section('page-title', trans('crm.announcements'))

@section('content')
    <div class="content">
        <div class="d-flex align-items-center justify-content-between pt-3 pb-3">
            <div class="d-flex">
                <h4 class="m-0">
                    <a href="javascript:history.back()" style="color: black;">
                        <a href="javascript:history.back()" style="color: black;">
                            <i class="icon-arrow-left52 mr-2"></i>
                        </a>
                    </a>
                    <span class="font-weight-semibold">
                        @lang('crm.announcements')
                    </span>
                </h4>
            </div>
            <div class="header-elements ">
                <div class="d-flex justify-content-center">
                    <div class="form-check form-check-switch form-check-switch-left">
                        <label class="form-check-label d-flex align-items-center">
                            <span class="d-sm-block d-none">Announcement Show/Hide&nbsp;</span>
                            <input type="checkbox" data-on-color="success" data-off-color="danger" data-on-text="Show" data-off-text="Hide"
                                   class="form-check-input-switch" id="announcement_show_hide" @if(Auth::user()->announcement_show) checked @endif>
                        </label>
                    </div>
                </div>
            </div>

        </div>

        <div class="card-group-control card-group-control-right">
            @foreach($announcements as $announcement)
                <div class="card mb-2">
                    <div class="card-header">
                        <h6 class="card-title">
                            <a class="text-primary font-size-xl collapsed" data-toggle="collapse" href="#question{{ $announcement['announcementid'] }}" aria-expanded="false">
                                <i class="icon-comment mr-2 text-primary"></i> {{ $announcement['name'] }}
                            </a>
                            <br><small>Date posted   {{ local_time_format($announcement['dateadded']) }}</small>
                        </h6>
                    </div>

                    <div id="question{{ $announcement['announcementid'] }}" class="collapse">
                        <div class="card-body">
                            {!! $announcement['message'] !!}
                        </div>
                        @if($announcement['showname'])
                            <div class="card-footer bg-transparent d-sm-flex align-items-sm-center border-top-0 pt-0">
                                <span class="text-muted">From {{ $announcement['userid'] }}</span>
                            </div>
                        @endif
                    </div>
                </div>
            @endforeach
            {{ $announcements->render("pagination::bootstrap-4") }}
        </div>
    </div>
@stop

@section('scripts')
    <script>
        function vote(articleid, vot, obj) {
            var vote_obj = $(obj).siblings('.vote_count');

            $.ajax({
                type: 'POST',
                url: "/front/faq/knowledge/vote",
                data: {id: articleid, vote:vot},
                success: function (response) {
                    if (response.status == 1) {
                        successNotify('Success', response.msg);
                        if(vote_obj){
                            vote_obj.html(vote_obj.html() * 1 + vot);
                        }
                    } else {
                        errorNotify('Error', response.msg);
                    }
                },
                error: function (response) {
                    errorNotify('Error', response.message);
                },
                complete: function () {

                }
            }, 'json')
        }
    </script>
@stop