@extends('layouts.master')
@section('page_title', $page_title)
@section('content')
    <div class="container">
        {{ Form::page_header($page_title, "business") }}
		@if(\Gate::allows(\App\Providers\AuthServiceProvider::SUPER_ADMIN))
			{{ Form::open(['url' => action('SuperAdminBusinessController@export_org_clients', compact('business'))]) }}
		@else
			{{ Form::open(['url' => action('BusinessController@export_org_clients', compact('business'))]) }}
		@endif
        <div class="row">
            @if(isset($new_lead_link))
                {{ Form::button_link('Add Contact', $new_lead_link, 'new_lead_btn') }}
            @endif
            @if($can_sync_mailchimp)
                {{ Form::button_link('Sync Mailchimp', action('SuperAdminBusinessController@sync_mailchimp_list_data', compact('business')), 'sync_mailchimp_btn') }}
            @endif
			{{ Form::button_save('Export', 'action', 'export_btn') }}
			{{ Form::close() }}
        </div>
        <div class="row">
            <div class="col-md-12 grey-bg-search curve_container search-container">
                <form class="row" id="search_form">
                    @include('search._grid_search_filters', ['col_width' => 3, 'filters' => [
                       ['name' => 'owner', 'col_width' => 12, 'list' => $business_users, 'placeholder' => 'Any Owner'],
                    ]])
                    @include('search._complex_search', ['col_width' => 9])
                    @include('search._complex_search_parameter', ['sort_column' => 'last_name'])
                </form>
            </div>
        </div>
        
        @if((\Gate::allows(\App\Providers\AuthServiceProvider::SUPER_ADMIN) ||
			\Gate::allows(\App\Providers\AuthServiceProvider::GATE_BUSINESS_ADMIN, $business)) && $followup_enabled)
            <div class="row">
                <div class="col-md-12 grey-bg-search curve_container" style="padding:5px 30px; margin-bottom:20px;">
                    <div class="row">
                        <div class="no-left-pad col-xs-6 col-md-3 search-form-label bt-label-small">Change Multiple Followups</div>
                    </div>
                    <div class="row">
                        <div class="col-xs-6 col-md-3 no-left-pad">
                            <div class="bulk-action-value" id="bulk_action_value_followup">
                                {{ Form::select_ex('followup', null, $followup_select, 12, null, null, 'followup_selection', 'Select') }}
                            </div>
                        </div>
                        <div class="no-left-pad col-xs-6 col-md-1">
                            <input id="bulk_action_submit" type="button" class="btn btn-xs" value="Submit" dusk="bulk_action_btn">
                        </div>
                        <div class="no-left-pad col-xs-6 col-md-3">
                            <div id="bulk_action_alert" class="alert alert-danger hide">
                                <a id="bulk_action_alert_close" href="#" class="close" aria-label="close">&times;</a>
                                <span id="bulk_action_alert_message"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        <div id="search_grid">
            @include('search._search_grid_wrapper', compact('column_set'))
        </div>
    </div>
@endsection
@section('page_script')
    @include('shared_script._search_script_render')
    @include('shared_script._dynamic_search_columns')
    @include('shared_script._tickets_checkall_script')
    <script>
        $(document).ready(function () {
            @if($can_sync_mailchimp)
            $('#sync_mailchimp_btn').click(function () {
                $(this).val('Syncing Mailchimp Data...').prop('disabled', true);
            });
            @endif
            $('#bulk_action_select').on('change', function(ev) {
                // swap in the input values relevant to the bulk action
                ev.preventDefault();
                $('#bulk_action_alert').addClass('hide'); // hide alert in case it was previously opened
                var valueId = '#bulk_action_value_followup';
                $('.bulk-action-value').addClass('hide');
                $(valueId).removeClass('hide');
            });

            $('#bulk_action_alert_close').on('click', function(ev) {
                // handle dismissing alert by hiding it instead of removing it, so it can be reused
                ev.preventDefault();
                $(this).closest('.alert').addClass('hide');
            });
            $('#bulk_action_submit').on('click', function(ev) {
                ev.preventDefault();

                var inputId = '#followup_selection';
                var followup_value = $(inputId).val();

                // get the text of the followup value
                var findStr = inputId + ' option[value="' + followup_value + '"]';
                var followup_text = $(findStr).text();

                // get alert elements
                var alertElem = $('#bulk_action_alert');
                var alertMessage = $('#bulk_action_alert_message');
                alertElem.addClass('hide'); // hide alert in case it was previously opened

                // if there is no value, show error
                if (followup_value == null || followup_value == '') {
                    alertMessage.text("No followup selected.");
                    alertElem.removeClass('hide');
                    return false;
                }

                // get the selected contacts
                var checked_items = [];
                $('.checkbox-options').each(function() {
                    if ($(this).is(':checked')) {
                        checked_items.push($(this).val());
                    }
                });

                // if no contacts selected, show error
                if (!checked_items.length) {
                    alertMessage.text("No contacts selected.");
                    alertElem.removeClass('hide');
                    return false;
                }

                // formulate warning message
                var warningMsg = "You are about to change <strong>" + checked_items.length + "</strong> contacts' followups to <strong>";
                warningMsg += followup_text + ".</strong><br /><br />";
                warningMsg += "Are you sure?";

                // formulate complete function string
                var completeFunc = "followup_multiselect_complete('" + followup_value + "', [" + checked_items + "])";

                // show confirm dialog
                showYesNoModalAlert('Bulk Action', warningMsg, completeFunc);
            });
        });

        function followup_multiselect_complete(followup_value, checked_items) {
            // close the modal manually, otherwise it lingers on screen until the ajax is done
            $('#modal-alert').modal('hide');

            // get alert elements
            var alertElem = $('#bulk_action_alert');
            var alertMessage = $('#bulk_action_alert_message');

            // complete bulk action after confirm dialog; refresh page on success
            $.ajax({
                type: "POST",
                url: '{{ action('ImapIntegrationController@multiselect_update_follow_up') }}',
                data: {
                    followup_value: followup_value,
                    checked_items: checked_items
                },
                success: function (response) {
                    if (!response.success) {
                        alertMessage.text("An unknown error occurred: One or more followups failed to update");
                        alertElem.removeClass('hide');
                    } else {
                        location.reload();
                    }
                },
                error: function (err) {
                    console.log(err);
                    alertMessage.text("An unknown error occurred.");
                    alertElem.removeClass('hide');
                }
            });
        }

        function update_follow_up(org_client, select_dropdown) {
            var follow_up_interest_id = $(select_dropdown).val();
            $.ajax({
                url: '{{ action('ImapIntegrationController@update_follow_up') }}',
                method: 'POST',
                data: { org_client: org_client, follow_up_interest_id: follow_up_interest_id },
                success: function (data) {
					// TODO add follow-up save indicator
                }
            });
        }
    </script>
@endsection
@section('page_style')
    <style>
        #new_lead_btn, #sync_mailchimp_btn, #export_btn{
            margin-bottom: 15px;
        }

        table.table.source-data-table > thead > tr > th input[type="checkbox"],
        table.table.source-data-table > tbody > tr > td input[type="checkbox"] {
            width: auto;
        }
        table.source-data-table thead tr th {
            font-size: 12px;
        }
        .alert {
            margin-bottom: 0;
            padding: 10px 15px;
        }
        .alert .close {
            top: 2px;
            right: 0;
            font-size: 24px;
            text-decoration: none;
        }
    </style>
@endsection