@extends('layouts.master')
@section('page_title', "Content Library")
@section('content')
    <div class="container">
        {{ Form::page_header("Content Library", "library") }}
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 grey-bg curve_container">
                <div class="detail-container">
                    <div class="row">
                        <div class="alert alert-danger"></div>
                    </div>
                    <div class="alert alert-success"></div>
                    <div class="row">
                        <div class="col-md-12 white-bg curve_container search_wrapper">
                            <form class="row" id="search_form">
                                @include('search._grid_search_filters', ['col_width' => 6, 'filters' => [
                                    ['name' => 'industry', 'col_width' => 4, 'list' => \App\Models\Industry::get_industry_filter(), 'placeholder' => 'All Industries'],
                                    ['name' => 'taxonomy', 'col_width' => 4, 'list' => \App\Models\Taxonomy::get_taxonomy_filter(), 'placeholder' => 'All Taxonomy'],
                                ]])
                                @include('search._complex_search', ['col_width' => 6])

                                @include('search._complex_search_parameter')
                            </form>
                        </div>
                    </div>
                    <div class="row results_column">
                        {{ Form::label_ex('Top Email Results', \App\Helpers\FormComponentHelper::SIZE_SUPER_DUPER) }}
                        <div id="campaign-wrapper col-md-12 text-center">
                            @include('search._search_grid_wrapper')
                        </div>
                    </div>
                    <div class="row content_library_buttons_wrapper">
                        {{ Form::button_link('RETURN TO CAMPAIGN', action('CampaignController@campaign_content',compact('business','campaign'))) }}
                        {{ Form::button_safe_save('ADD SELECTED TO CAMPAIGN', null, 'save') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@extends('shared.show_preview')
@section('page_script')
    @include('shared_script._search_script_render')
    @include('shared_script._multi_select_checkbox_script')
    @include('shared_script._row_colors')
    <script>

        $('.alert-danger').hide();
        $('.alert-success').hide();

        $(document).ready(function () {
            $('#save').click(function (e) {
                e.preventDefault();
                $('.alert-danger').hide();
                $('.alert-success').hide();
                $('.alert-danger').text('');
                $('.alert-success').text('');
                var success_text = '';
                var values = get_checked_values();

                $('#modal-alert').on('show.bs.modal', function (event) {
                    $(this).find('.modal-dialog').attr('class', 'modal-dialog modal-sm');
                });

                $.ajax({
                    dataType: 'json',
                    data: {'content_library': values},
                    url: '{{ action('CampaignController@post_add_campaign_content',compact('business','campaign')) }}',
                    method: 'POST',
                    success: function (response) {
                        $.each(response.data.articles, function (key, value) {
                            var success_msg = value.subject_line;
                            success_text = success_text + '<li>' + success_msg + '</li>';

                        });
                        presentModalAlert('Alert!', response.data.msg + '<ul>' + success_text + '</ul>', true);
                        uncheck_all();
                    },
                    error: function (xhr, status, err) {
                        var responseJSON = JSON.parse(xhr.responseText);
                        presentModalAlert('Alert!', '<ul class="failed-alert"><li>' + responseJSON.errors.content_library + '</li></ul>', true);
                    },
                    complete: function (data) {
                        $('#save').prop('disabled', false);
                    }
                });
            });
        });
    </script>
@endsection
@section('page_style')
    @include('shared_style._multi_select_checkbox_style')
    <style>
        .content_library_buttons_wrapper {
            text-align: right;
        }

        .failed-alert {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .failed-alert li {
            margin: 0;
            padding: 0;
        }

        .results_column .bt-label-super {
            margin-top: 30px;
            margin-bottom: 15px;
            font-size: 23px;
        }

        #campaign-wrapper table th {
            font-size: 14px;
            font-weight: 200;
        }

        .table.source-data-table thead tr th,
        .table tr td {
            font-size: 14px;
            font-weight: 200;
        }

        .bt-checkbox-label {
            min-width: 24px;
        }

        th .bt-checkbox-label, td .bt-checkbox-label {
            top: -2px !important;
        }

        .action {
            text-align: left;
            border: 1px solid #000000;
            background-color: #ffffff;
            width: 121px;
            position: absolute;
            right: 15px;
            display: none;
        }

        .action ul {
            margin: 8px 10px;
            padding: 0;
        }

        .action li {
            list-style: none;
            margin: 8px 10px;
            padding: 0;
        }

        #content_library_status,
        #category {
            margin-bottom: 0 !important;
        }

        .detail-container {
            padding: 0;
            margin: 0;
        }

    </style>
@endsection