@extends('layouts.master')
@section('page_title', $page_title)

@section('content')

    <div class="container">
        {{ Form::page_header($page_title, $campaign->type == \App\Models\Campaign::CAMPAIGN_TYPE_BUILD ? "build_campaign" : "convo_engage") }}

        <div class="row">
            <div class="grey-bg curve_container">
                <div class="white-bg">
                    <div class="row">
                        <div class="no-left-pad col-md-6 col-xs-6">
                            {{ Form::label_title($page_title) }}
                        </div>
                        <div class="col-md-6 col-xs-6 text-right form-filter-div">
                            @include('shared.forms._form_filter', ['size' => \App\Helpers\FormComponentHelper::SIZE_SMALL, 'filters' => [
                                ['id' => 'show_active_link', 'title' => 'Show Active Only', 'action' => 'show_active'],
                                ['id' => 'show_all_link', 'title' => 'Show All', 'default' => true, 'action' => 'show_all'],
                                ]])
                        </div>
                    </div>
                    {{ Form::separator_row('grey-divider') }}
                    @foreach($feedbacks as $feedback)
                        @include('shared.feedback._feedback', ['request_feedback' => $feedback, 'partial' => 'campaign._feedback'])
                    @endforeach
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page_script')
    @include('shared_script._list_manager')
    @include('shared_script._request_feedback_shared_script')
    @include('shared_script._form_filter_script')

    <script>
        $(document).ready(function() {
            init_feedback_list_manager();
        });

        function show_all()
        {
            $('.complete').show();
        }

        function show_active()
        {
            $('.complete').hide();
        }

    </script>
@endsection

@section('page_style')
    <style>
        .link-label {
            color: #979797;
        }
    </style>

@endsection