use Koha::Catalog::Concerns;

=head3 concerns

  my $concerns = $biblio->concerns();

Returns all concerns linked to the biblio

=cut

sub concerns {

    my ( $self ) = @_;

    my $rs = $self->_result->catalog_concerns;

    return Koha::Catalog::Concerns->_new_from_dbic( $rs );

}

[% IF ( Koha.Preference('CatalogConcerns') || Koha.Preference('OpacCatalogConcerns') ) %]<li role="presentation"><a href="#concerns" aria-controls="concerns" role="tab" data-toggle="tab">Concerns ([% biblio.concerns.count | html %])</a></li>[% END %]

[% IF ( Koha.Prefernce('CatalogConcerns') || Koha.Preference('OpacCatalogConcerns') ) %]

<div role="tabpanel" class="tab-pane" id="concerns">

    <fieldset class="action" style="cursor:pointer;">

        <a id="hideResolved"><i class="fa fa-minus-square"></i> Hide resolved</a>

        | <a id="showAll"><i class="fa fa-bars"></i> Show all</a>

    </fieldset>

    <table id="table_concerns" width="100%">

        <thead>

            <tr>

                <th>Reported</th>

                <th>Details</th>

                <th>Status</th>

                <th data-class-name="actions noExport">Actions</th>

            </tr>

        </thead>

    </table>

    <!-- Resolve concern modal -->

    <div class="modal" id="resolveConcernModal" tabindex="-1" role="dialog" aria-labelledby="resolveConcernLabel">

        <div class="modal-dialog" role="document">

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                    <h4 class="modal-title" id="resolveConcernLabel">Resolve concern</h4>

                </div>

                <div class="modal-body">

                    <fieldset class="rows">

                        <ol>

                            <li>

                                <label for="notify">Notify: </label>

                                <input type="checkbox" name="notify" id="resolve_notify">

                            </li>

                            <li>

                                <label for="message">Resolution: </label>

                                <textarea id="resolve_message" name="message"></textarea>

                                <p id="helpBlock" class="help-block">Optional message to include with the notification to the reporter</p>

                            </li>

                        </ol>

                    </fieldset>

                </div> <!-- /.modal-body -->

                <div class="modal-footer">

                    <input type="hidden" name="concern_id" id="concern_id">

                    <button type="submit" class="btn btn-default" id="resolveConfirm">Confirm</button>

                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>

                </div> <!-- /.modal-footer -->

            </div> <!-- /.modal-content -->

        </div> <!-- /.modal-dialog -->

    </div> <!-- /#resolveConcernModal -->

</div>

[% END %]

            $(document).ready(function() {

                var table_settings = [% TablesSettings.GetTableSettings( 'cataloguing', 'concerns', 'table_concerns', 'json' ) | $raw %];

                var concerns_url = '/api/v1/catalog/concerns';

                var concerns = $("#table_concerns").kohaTable({

                    "ajax": {

                        "url": concerns_url

                    },

                    "embed": [

                        "reporter",

                        "resolver",

                    ],

                    'emptyTable': '<div class="dialog message">'+_("Congradulations, there are no catalog concerns.")+'</div>',

                    "columnDefs": [ {

                        "targets": [0,1,2],

                        "render": function (data, type, row, meta) {

                            if ( type == 'display' ) {

                                if ( data != null ) {

                                    return data.escapeHtml();

                                }

                                else {

                                    return "";

                                }

                            }

                            return data;

                        }

                    } ],

                    "columns": [

                        {

                            "data": "reported_date:reporter.firstname",

                            "render": function(data, type, row, meta) {

                                let reported = '<span class="date clearfix">'+$datetime(row.reported_date)+'</span>';

                                reported += '<span class="reporter clearfix">'+$patron_to_html( row.reporter, { display_cardnumber: false, url: true } )+'</span>';

                                return reported;

                            },

                            "searchable": true,

                            "orderable": true

                        },

                        {

                            "data": "message:resolution_message",

                            "render": function(data, type, row, meta) {

                                let result = '<span class="clearfix">'+row.message+'</span>';

                                if ( row.resolution_message ) {

                                    result += '<span class="clearfix">'+_('Resolution: %s').format(row.resolution_message)+'</spani>';

                                }

                                return result;

                            },

                            "searchable": true,

                            "orderable": true

                        },

                        {

                            "data": "resolved_date",

                            "render": function(data, type, row, meta) {

                                let result = '';

                                if ( row.resolved_date ) {

                                    result += _("Resolved by:")+' <span>'+$patron_to_html( row.resolver, { display_cardnumber: false, url: true } )+'</span>';

                                    result += '<span class="clearfix">'+$datetime(row.resolved_date)+'</span>';

                                } else {

                                    result += _("Open");

                                }

                                return result;

                            },

                            "searchable": true,

                            "orderable": true

                        },

                        {

                            "data": function( row, type, val, meta ) {

                                let result = '';

                                if ( !row.resolved_date ) {

                                    result += '<a class="btn btn-default btn-xs" role="button" href="#" data-toggle="modal" data-target="#resolveConcernModal" data-concern="'+ encodeURIComponent(row.concern_id) +'"><i class="fa fa-check" aria-hidden="true"></i> '+_("Resolve")+'</a>';

                                }

                                return result;

                            },

                            "searchable": false,

                            "orderable": false

                        },

                    ]

                }, table_settings, 0, { biblio_id: [% biblionumber | uri %]});

                $('#hideResolved').on( "click", function() {

                    // It would be great if we could pass null here but it gets stringified

                    concerns.DataTable().columns('3').search('special:undefined').draw();

                });

                $('#showAll').on( "click", function() {

                    concerns.DataTable().columns('3').search('').draw();

                });

                $('#resolveConcernModal').on('show.bs.modal', function (event) {

                      let modal = $(this);

                      let button = $(event.relatedTarget);

                      let concern = button.data('concern');

                      modal.find('.modal-footer input').val(concern)

                });

                $('#resolveConcernModal').on('click', '#resolveConfirm', function(e) {

                    let concern_id = $('#concern_id').val();

                    let params = { notify: $('#resolve_notify').is(":checked"), message: $('#resolve_message').val() };

                    $.ajax({

                        url: "/api/v1/catalog/concerns/"+concern_id+"/resolve",

                        method: "POST",

                        data: JSON.stringify(params)

                    }).success(function() {

                        $("#resolveConcernModal").modal('hide');

                        concerns.DataTable().ajax.reload(function (data) {

                            $("#concern_action_result_dialog").hide();

                            $("#concern_delete_success").html(_("Concern #%s deleted successfully.").format(concern_id)).show();

                        });

                    }).error(function () {

                        $("#concern_resolve_error").html(_("Error resolving concern #%s. Check the logs.").format(concern_id)).show();

                    });

                });

            });