@extends('layouts.master')
@section('page_title', $campaign->name)
@section('content')
    <div class="container collect-settings-wrapper">
        {{ Form::page_header($campaign->name, $campaign->type == \App\Models\Campaign::CAMPAIGN_TYPE_BUILD ? "build_campaign" : "convo_engage") }}
        <div class="row">
            <div class="grey-bg curve_container">
                <div class="white-bg">
                    <div class="row bottom-padding">
                        {{ Form::label_title("About the Campaign") }}
                    </div>
                    <div class="row">
                        <div class="col-sm-6 detail-left-side">
                            {{ Form::row_label_inline('Business Name', $business->company, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::row_label_inline("Campaign Name", $campaign->name, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::row_label_inline('Created By', $auth_user->full_name, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            @if($campaign->type == \App\Models\Campaign::CAMPAIGN_TYPE_BUILD)
                                {{ Form::row_label_inline('Start Date',Carbon\Carbon::parse($campaign->start_date)->format('m/d/Y'), null, 4,6, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            @endif
                            @if($campaign->type == \App\Models\Campaign::CAMPAIGN_TYPE_ENGAGE)
                                {{ Form::row_label_inline('Approximate Duration', $campaign->approximate_duration != null ? \App\Models\Campaign::$approximate_duration_map[$campaign->approximate_duration] : null, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            @endif
                            {{ Form::row_label_inline('Default Delay',($campaign->default_delay == 0) ? "0 " : $campaign->default_delay, 'default_delay', 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::row_label_inline('Milestone', $campaign->business_milestone != null ? $campaign->_business_milestone->name : null, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            @if($campaign->type == \App\Models\Campaign::CAMPAIGN_TYPE_BUILD)
                                {{ Form::row_label_inline('Default Send Time', \Carbon\Carbon::parse($campaign->default_sendtime)->format('g:i A'), null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                {{ Form::row_label_inline('Default Duration', ($campaign->default_duration == 0) ? "0 " : $campaign->default_duration, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            @endif
                            {{ Form::row_label_inline('Industry', !empty($industry->industry_name) ? $industry->industry_name : '', null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            @if($campaign->type == \App\Models\Campaign::CAMPAIGN_TYPE_ENGAGE)
                                {{ Form::row_label_inline('When Done', $campaign->when_done_label, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            @endif
                            {{ Form::button_click_col('Change Delay', 'change_delay()', 'change_delay_btn') }}
                            <div id="change_delay" class="bt-botton-row text-left">
                                <div class="row">
                                    {{ Form::separator_row() }}
                                    {{ Form::label_inline('Change Delay', null, 4, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                    {{ Form::number('delay', $campaign->default_delay, ['id="delay" class= "bt-input bt-text col-md-2"', 'style="margin: 8px"']) }}
                                    <div class="col-md-4">
                                        {{ Form::button_click_col('Save Delay', 'save_delay()', 'save_delay') }}
                                        {{ Form::button_click_col('Cancel', 'exit_change_delay()', 'exit_change_delay') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 detail-right-side">
                            {{ Form::row_label_inline('Status', $campaign->status_label, 'status-label', 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::row_label_inline("Default From Name", $campaign->default_from_name, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::row_label_inline('Campaign Type', \App\Models\Campaign::$campaign_type_map[$campaign->type], null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::row_label_inline('Diction', \App\Models\Campaign::$diction_map[$campaign->diction], null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::row_label_inline('Tone', $campaign->tones, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::row_label_inline('Delivery', $campaign->delivery_map, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::row_label_inline('Voice', $campaign->voice_map, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::row_label_inline('Audience', implode(', ', $campaign_audience_label), null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            @if(!$campaign_recording_links->isEmpty())
                                <div class="row">
                                    {{ Form::label_styled('Recording Links', 'campaign_recording_links', \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 4) }}
                                </div>
                                <ul style="list-style: none; margin-left: 19px">
                                    @foreach($campaign_recording_links as $campaign_recording_link)
                                        <li class="col-md-offset-3">{{ Form::label_link($campaign_recording_link->link_url, 'Link_'. $campaign_recording_link->campaign_recording_link,\App\Helpers\FormComponentHelper::SIZE_SMALL, 'link-label') }}</li>
                                    @endforeach
                                </ul>
                            @endif
                        </div>
                    </div>

                    @include('shared.feedback._feedback_collection', ['request'=> $campaign, 'is_add_copy' => false, 'ignore_separator' => true ])

                </div>
                <div class="row campaign-messages" style="display: none"></div>
                @if(\Gate::allows(\App\Providers\AuthServiceProvider::SUPER_ADMIN))
                    {{ Form::open(['url' => action('CampaignController@export', [$business->business,$campaign->campaign])]) }}
                    <div class="row bt-button-row text-right">
                        {{ Form::button_actual("SEND ALL AS TEST", "show_send_email_modal();", 'send_test_email_btn') }}
                        @if($campaign->can_request_client_feedback())
                            {{ Form::button_link('Request Client Feedback', action('CampaignController@campaigns_review', [$business->business])) }}
                        @endif
                        @if(Gate::allows(\App\Providers\AuthServiceProvider::GATE_CONTENT_MANAGER))
                            {{ Form::button_save(\App\Http\Controllers\CampaignController::EXPORT_ARTICLE_REQUESTS, "action") }}
                            {{--{{ Form::button_save(\App\Http\Controllers\CampaignController::EXPORT_DESIGN_REQUESTS , "action") }}--}}
                        @endif
                        {{ Form::button_link('PAUSE', action('CampaignController@pause', [$business->business,$campaign->campaign]), 'pause_btn') }}
                        {{ Form::button_ex('UNPAUSE', 'unpause_campaign("'.action('CampaignController@unpause', [$business->business,$campaign->campaign]).'");', 'unpause_btn') }}
                        {{--SNF 10/26/18 we don't do this anymore from here but we might bring it back --}}
                        {{--@if($campaign->status == \App\Models\Campaign::STATUS_ACTIVE)--}}
                        {{--{{ Form::button_link('Performance', action('CampaignController@performance', [$business->business,$campaign->campaign])) }}--}}
                        {{--@endif--}}
                        @if($campaign->can_launch())
                            {{ Form::button_link('LAUNCH', action('CampaignController@campaign_launch', [$business->business,$campaign->campaign])) }}
                        @endif
                        {{ Form::button_link('EDIT', action('CampaignController@edit_campaign', [$business->business,$campaign->campaign])) }}
                        {{ Form::button_cancel() }}
                    </div>
                    {{ Form::close() }}
                @endif

                <div class="row">
                    <div class="row bottom-padding">
                        {{ Form::label_title("Campaign Content") }}
                    </div>
                    <div class="row campaign-event-messages" style="display: none"></div>
                </div>

                @include('search._search_grid_wrapper')
                {{--@if(\Gate::allows(\App\Providers\AuthServiceProvider::CSMCCT))--}}
                <div class="row bt-button-row text-right">
                    @if($campaign->can_submit())
                        {{ Form::button_ex('Submit to Content Manager', 'submit_events();', 'submit_all_btn') }}
                        {{ Form::button_ex('Submit for Styling', 'submit_events();', 'submit_for_styling_btn') }}
                    @endif
                    @if($campaign->type == \App\Models\Campaign::CAMPAIGN_TYPE_BUILD)
                    {{ Form::button_link('ADD FROM LIBRARY', action('CampaignController@add_campaign_content', compact('business','campaign')), 'add_from_library') }}
                    @endif
                    {{ Form::button_link('ADD ARTICLE', action('ArticleController@create', compact('business', 'campaign')), 'add_article') }}
                    {{--{{ Form::button_link('ADD PROMOTION', action('PromoController@create', compact('business', 'campaign'))) }}--}}
                </div>
                {{--@endif--}}
            </div>
        </div>
    </div>
    @include('shared._send_email', ['title' => 'Send All Test Emails', 'post_url' => action('CampaignController@send_all_test_emails', compact('campaign'))])

    @if($campaign->can_submit())
        @include('shared._select_from_drop_down', ['type' => 'role', 'list' => $business->get_submit_roles_map(), 'title' => 'Select Promotion Ticket Assignee'])
    @endif
@endsection

{{--@extends('shared.show_preview', ['email' => true])--}}

@section('page_script')
    @include('shared_script._drag_drop_helper')
    @include('shared_script._action_grid_script')
    @include('shared_script._list_manager')
    @include('shared_script._request_feedback_shared_script')
    @include('shared_script._multi_select_checkbox_script')
    @include('shared_script._send_email_script')
    @if($campaign->can_submit())
        @include('shared_script._select_from_drop_down_script')
    @endif

    <script type="text/javascript">
                @if($campaign->can_submit())
        var role;
        var pks = [];
        @endif

        $(document).ready(function () {
            var reorder_url;
            reorder_url = '{!! action('CampaignController@post_reorder_campaign',compact('campaign')) !!}';
            if ('{{ $campaign->can_drag_drop() }}' === '1') {
                init_drag_drop('sortable', 'campaign_event', reorder_url, 'do_after_reorder');
            }

            init_feedback_list_manager();
            show_hide_feedback();

            $('.delete-article').click(function () {
                var delete_url = $(this).attr('data-delete-url')
                var $onclick_text = "do_delete_article('" + delete_url + "')";
                showYesNoModalAlert('Delete Article', 'Are you sure you want to delete this article?', $onclick_text);
            });

            $('.delete-promo').click(function () {
                var delete_url = $(this).attr('data-delete-url')
                var $onclick_text = "do_delete_promo('" + delete_url + "')";
                showYesNoModalAlert('Delete Promotion', 'Are you sure you want to delete this promotion?', $onclick_text);
            });

            @if($campaign->can_submit())
            // set up the modal for selecting a role on submitting
            _on_save_selection = 'on_select_role';
            _hide_assign_to_all = true;
            @endif

            @if(!$campaign->can_pause())
            $('#pause_btn').hide();
            @endif
            @if(!$campaign->can_unpause())
            $('#unpause_btn').hide();
            @endif
            $('#change_delay').hide();
        });

        function do_after_reorder(data) {
            for (var index = 0; index < data.length; ++index) {
                if ('{{$campaign->type}}' == '{{\App\Models\Campaign::CAMPAIGN_TYPE_BUILD}}')
                    $('#scheduled_date_' + data[index].campaign_event).text(data[index].scheduled_date);
                else {
                    $('#sequence_' + data[index].campaign_event).text(data[index].sequence);
                    $('#delay_' + data[index].campaign_event).text(data[index].delay);
                }
            }
        }

        function do_delete_article(deleteUrl) {
            $.ajax({
                url: deleteUrl,
                method: 'DELETE',
                success: function (data) {
                    $('#' + data.article).remove();
                    location.href = '{{ action('CampaignController@campaign_content', compact('business','campaign')) }}';
                },
                error: function (data) {
                    presentModalAlert('Alert!', 'Unable to delete article.');
                    $('#modal_alert_save').hide();
                    $('.btn-primary-cancel').text('Close');
                    console.log(data);
                }
            });
        }

        function do_delete_promo(deleteUrl) {
            $.ajax({
                url: deleteUrl,
                method: 'DELETE',
                success: function (data) {
                    $('#' + data.promo).remove();
                    location.href = '{{ action('CampaignController@campaign_content', compact('business','campaign')) }}';
                },
                error: function (data) {
                    presentModalAlert('Alert!', 'Unable to delete promo.');
                    $('#modal_alert_save').hide();
                    $('.btn-primary-cancel').text('Close');
                    console.log(data);
                }
            });
        }


        @if($campaign->can_submit())
        function submit_events() {
            pks = get_checked_values();
            if (pks.length == 0)
                presentModalAlert('Error', 'Please select at least one item.');
            else {
                var is_promo = false;
                // if there is at least one promo in the set, ask which role they want assigned to the ticket
                for (var i = 0; i < pks.length; i++) {
                    var pk_array = pks[i].split("{{ \App\Search\Campaign_Event_Column_Set::DELIMITOR }}");
                    if (pk_array['{{ \App\Search\Campaign_Event_Column_Set::TYPE }}'] == '{{ \App\Search\Campaign_Event_Column_Set::PROMO }}') {
                        is_promo = true;
                        break;
                    }
                }
                if (is_promo)
                    open_selection_modal(null, '', pks, 'role');
                else
                    do_submit_events();
            }
        }

        function on_select_role(selection, assign_to_all, _pks) {
            role = selection;
            do_submit_events();
        }

        function do_submit_events() {
            $.ajax({
                dataType: 'json',
                data: {'pks': pks, 'role': role},
                url: '{{ action('CampaignEventController@submit_events', compact('business')) }}',
                method: 'POST',
                success: function (response) {
                    uncheck_all();
                    show_success_message('campaign-event-messages', response.data.msgs);
                    close_selection_modal();
                    set_new_status(response.data.scratch, 'Content');
                    set_new_status(response.data.content, 'Formatting');
                },
                error: function (xhr, status, err) {
                    // var responseJSON = JSON.parse(xhr.responseText);
                    // presentModalAlert('Alert!', '<ul class="failed-alert"><li>'+responseJSON.article+'</li></ul>',true);
                },
                complete: function (data) {
                    // $('#save').prop('disabled', false);
                }
            });
        }

        function set_new_status(pks, status) {
            for (var i = 0; i < pks; i++) {
                var pk = pks[i];
                var row = $('#row_' + pk);
                row.find('td').each(function () {
                    var td = $(this);
                    if (td[0].dataset.label == 'status_label')
                        td[0].innerText = status;
                });
            }
        }

        @endif

        function pause_campaign(post_url) {
            hide_message_container('campaign-messages');
            $.ajax({
                dataType: 'json',
                type: "POST",
                url: post_url,
                success: function (result) {
                    location.reload();
                },
                error: function (response) {
                    show_error_message('campaign-messages', response.responseJSON.data.msg);
                }
            });
        }

        function unpause_campaign(unpause_url) {
            hide_message_container('campaign-messages');
            $.ajax({
                dataType: 'json',
                type: "POST",
                url: unpause_url,
                success: function (result) {
                    var status = result.data.status;
                    $('.status-label').text(status);
                    $('#pause_btn').show();
                    $('#unpause_btn').hide();
                },
                error: function (response) {
                    show_error_message('campaign-messages', response.responseJSON.data.msg);
                }
            });
        }

        function change_delay(campaign) {
            $('#change_delay_btn').hide();
            $('#change_delay').show();
        }

        function exit_change_delay() {
            $('#change_delay').hide();
            $('#change_delay_btn').show();
        }

        function save_delay() {
            var delay = $('#delay').val();
            $.ajax({
                dataType: 'json',
                data: {'delay': delay},
                url: '{{ action('CampaignController@post_update_campaign_delay', compact('business', 'campaign')) }}',
                method: 'POST',
                success: function (response) {
                    location.reload();
                }
            })
        }
    </script>

@endsection

@section('page_style')
    @include('shared_style._action_grid_style')
    @include('shared_style._multi_select_checkbox_style')
    <style>
        h4.bt-label {
            text-align: center !important;
        }

        table thead tr th {
            font-size: 14px;
            font-weight: 200;
        }

        tbody {
            font-size: 14px;
            font-weight: 200
        }

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

        .update-success {
            margin-bottom: 0;
        }

        /*#parent_items {*/
        /*!*color: white;*!*/
        /*background-color: white;*/
        /*}*/

        .campaign-messages {
            margin-top: 10px;
        }

        .campaign-messages p {
            margin-bottom: 0;
        }
    </style>
@endsection