@extends('layouts.master')
@section('page_title', "Content Library")
@section('content')
    <div class="container collect-settings-wrapper">
        {{ Form::page_header("Content Library", "library") }}
        @if(\App\Models\Content_Library::can_add_article())
            <div class="row grid-header">
                {{ Form::button_link('ADD AN ARTICLE', action('ContentLibraryController@create'), 'add_article') }}
            </div>
        @endif
        <div class="row">
            <div class="grey-bg curve_container">
                <form class="row" id="search_form">
                    @include('search._grid_search_filters', ['col_width' => 6, 'filters' => [
                        //['name' => 'content_library_status', 'col_width' => 4, 'list' => \App\Models\Old_Content_Library_Article::$content_library_type_filter, 'placeholder' =>'All'],
                        ['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', ['sort_column' => 'age'])
                </form>
                <div class="row">
                    <div class="row bottom-padding">
                        {{ Form::label_title("Top Email Results") }}
                    </div>
                    <div class="row">
                        <div class="col-sm-12" style="padding-left:0">
                            <div id="campaign-wrapper col-md-12 text-center">
                                @include('search._search_grid_wrapper')
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page_script')
    @include('shared_script._dynamic_search_columns')
    @include('shared_script._search_script_render')
    <script>
        function accept_article(post_url) {
            $.ajax({
                dataType: 'json',
                url: post_url,
                method: 'POST',
                success: function (response) {
                    if (response.message == 'success') {
                        location.reload();
                    } else {
                        presentModalAlert('Error', 'There was an error handling this request.');
                    }
                }
            });
        }
    </script>

@endsection
@section('page_style')
    <style>
        .collect-settings-wrapper .detail-container {
            padding: 15px 15px 15px 15px;
            margin: 0 0 0 0;
        }

        .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;
        }

        .second-label {
            font-size: 14px !important;
            color: #979797;
        }

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

        /*styling the grid list, list style position puts the bullet points inside the li so overflow hidden does not affect it*/
        .grid-list-item {
            overflow: hidden;
            list-style-position: inside;
            text-overflow: ellipsis;
            word-break: normal;
        }

        table.table.source-data-table.source-table-responsive.border-table > tbody > tr > td {
            max-width: 210px;
        }

        #search {
            background-color: white;
            height: 45px;
            margin-top: 0;
        }

        #search-text-area {
            padding-left: 0;
        }

        #search-text-area-box {
            background-color: white;
            margin-top: -1px;
            height: 45px;
        }
    </style>
@endsection