@extends('Backend::layout')

@section('head')
<script type="text/javascript">
    $(function() {
        DynamicTable = new Core.DynamicTable('{{ URL::route('backend_newsletter_group_with_email_relations_json', ['groupId' => $group->getKey()]) }}', 'newsletter-group-with-email-relations-table', {debug: true, optionsColumn: false});

        $(document).on("change", ".newsletter-email-group-binding-checkbox", function(e) {
            var url = {{ json_encode(route('backend_xhr_newsletter_manage_subscriber_relation')) }};
            var relateCheckbox = $(this);

            relateCheckbox.prop('disabled', true);

            var data = {};
            $(this).prop("checked") ? data.action = "relate" : data.action = "unrelate";
            data.core_nltrg_id = groupId;
            data.core_nltrs_id = $(this).val();
            data._token = Env.Request.csrfToken;
            $.ajax({
                url: url,
                data: data,
                type: "POST"
            }).always(function() {
                console.log('aa');
                relateCheckbox.prop('disabled', false);
            });
        });
    });
</script>
@stop

@section('content')
{{ HTML::widgetBox(['name' => trans('MailingEvents::common.group_with_email_relations', ['group_name' => e($group->core_nltrg_name)]), 'icon' => 'icon-code-fork']) }}
    <div id="newsletter-group-with-email-relations-table"></div>
{{ HTML::widgetBox(false) }}
@stop