@extends('layouts.master')
@section('page_title',$title)
@section('content')

    <div class="container">
        {{ Form::page_header($title, "paper_stack") }}

        <div class="row">
            <div class="grey-bg curve_container">
                <div class="row review-invite-messages" style="display: none"></div>
                <div class="row content-blocks">
                    @if ($campaign_deliverable->uses_builder)
                        <div id="campaign_deliverable_style"></div>
                        <div id="campaign_deliverable_body" style="width: 550px"></div>
                    @elseif($campaign_deliverable->type == \App\Models\Campaign_Deliverable::DELIVERABLE_TYPE_SMS)
                        @include('reach.campaign_event.content_block.sms.text_preview')
                    @endif
                </div>
                <div class="row bt-button-row text-right">
                    @if ($campaign_deliverable->type == \App\Models\Campaign_Deliverable::DELIVERABLE_TYPE_EMAIL)
                        @if(\Gate::allows(\App\Providers\AuthServiceProvider::GATE_CAN_SEE_INVITE_CLIENT_TO_REVIEW_BUTTON))
                            {{ Form::button_actual("Invite Client to Review", "open_multi_select_modal('".\App\Http\Controllers\BusinessTicketController::INVITE_CLIENT_MODAL."', 'send_invitation_emails');") }}
                        @endif
                        {{ Form::button_actual("SEND TEST EMAIL", "show_send_email_modal();", 'send_test_email_btn') }}
                    @endif
                    @if ($campaign_deliverable->can_submit_feedback())
                        {{ Form::button_actual("Submit Feedback", "submit_feedback();") }}
                    @endif
                    @if($campaign_deliverable->can_format_from_client_review())
                        {{ Form::button_link('Format', $campaign_deliverable->design_url) }}
                    @endif
                </div>
            </div>
        </div>
    </div>


    @if ($campaign_deliverable->type == \App\Models\Campaign_Deliverable::DELIVERABLE_TYPE_EMAIL)
        @include('shared._send_email', ['title' => 'Send Test Email', 'post_url' => action('CampaignDeliverableController@send_test_email', compact('campaign_deliverable'))])
        @if(\Gate::allows(\App\Providers\AuthServiceProvider::GATE_CAN_SEE_INVITE_CLIENT_TO_REVIEW_BUTTON))
            @include('shared.modals._multi_select_modal', ['title' => 'Invite Client to Review',
                'type' => \App\Http\Controllers\BusinessTicketController::INVITE_CLIENT_MODAL, 'list' => $business_users])
        @endif
    @endif
    @if ($campaign_deliverable->uses_builder)
        <div id="feedback_partials" style="display: none">
            @foreach($campaign_deliverable->ordered_blocks as $data)
                <div id="feedback_partial_{{ $data->campaign_deliverable_content_block }}">
                    @include('reach.campaign_event.content_block._review_buttons_feedback')
                </div>
            @endforeach
        </div>
    @endif
    @include('shared.modals._feedback_modal', ['title' => 'Add Feedback'])

@endsection

@section('page_script')
    @if ($campaign_deliverable->type == \App\Models\Campaign_Deliverable::DELIVERABLE_TYPE_EMAIL)
        @include('shared_script._send_email_script')
        @if(\Gate::allows(\App\Providers\AuthServiceProvider::GATE_CAN_SEE_INVITE_CLIENT_TO_REVIEW_BUTTON))
            @include('shared_script._multi_select_checkbox_script')
            @include('shared_script.modals._multi_select_modal_script')
            @include('shared_script._send_invitation_emails_script',
            ['send_invite_url' => action('CampaignDeliverableController@invite_to_client_review', compact('business', 'campaign_deliverable')),
             'messages_container' => 'review-invite-messages', 'scroll_to_top' => true])
        @endif
    @endif
    @include('reach.campaign_event.content_block._review_script')
    <script>
        @if ($campaign_deliverable->uses_builder)
        $(document).ready(function () {
            load_css();
            load_html();
            append_feedback();
            // disable the send email button if we don't have sevence information
            {{--if ('{{ $campaign_deliverable->can_send_email ? "1" : "0" }}' == "0")--}}
                {{--$('#send_test_email_btn').prop('disabled', true);--}}
        });

        function load_css() {
            var css_string = '{!! $campaign_deliverable->css_string !!}';
            css_string = decodeURIComponent(css_string);
            document.getElementById("campaign_deliverable_style").innerHTML = '<style>'+css_string+'</style>';
        }

        function load_html() {
            var html_string = '{!! $campaign_deliverable->html_string !!}';
            html_string = decodeURIComponent(html_string);
            document.getElementById("campaign_deliverable_body").innerHTML = html_string;
        }

        function append_feedback() {
            var campaign_deliverable_body = $('#campaign_deliverable_body');
            var block_pks = '{{ $campaign_deliverable->ordered_blocks_pks }}'.split(',');
            var ordered_blocks_keys = '{{ $campaign_deliverable->ordered_blocks_keys }}'.split(',');
            // put them into their own div and move the feedback into the div
            for (i = 0; i < ordered_blocks_keys.length; i++) {
                var partial_pk = block_pks[i];
                var key = ordered_blocks_keys[i];
                // we are searching either by id or by class, depending on whether this is an email or a webpage
                var section_div;
                if ('{{ $campaign_deliverable->type == \App\Models\Campaign_Deliverable::DELIVERABLE_TYPE_WEBPAGE ? 1 : 0 }}' === '1')
                    section_div = document.getElementById(key);
                else
                    section_div = campaign_deliverable_body.find("."+key)[0];
                var new_parent = document.createElement('div');
                new_parent.setAttribute('id', "campaign_deliverable_content_block_"+partial_pk);
                new_parent.setAttribute('data-pk', partial_pk);
                new_parent.className = "review-block";
                // set the new_parent as child (instead of the section_div)
                section_div.replaceWith(new_parent);
                // set section_div as child of new_parent
                new_parent.appendChild(section_div);
                // now move the feedback into place
                $('#feedback_partial_'+partial_pk)
                    .insertAfter(section_div);
            }
        }

        @endif

        @if ($campaign_deliverable->can_submit_feedback())
        function submit_feedback() {
            $.ajax({
                type: "POST",
                url: '{{ action('CampaignDeliverableController@submit_feedback', compact('campaign_deliverable')) }}',
                success: function (response) {
                    window.location = response.data.redirect_url;
                }
            });
        }
        @endif

    </script>
@endsection

@section('page_style')
    @include('reach.campaign_event.content_block._review_style')
    @if ($campaign_deliverable->type == \App\Models\Campaign_Deliverable::DELIVERABLE_TYPE_EMAIL)
        @include('shared_style._multi_select_checkbox_style')
        @include('shared_style.modals._multi_select_modal_style')
    @endif

    <style>
        .review-block {
            position: relative;    
        }
        
        #left-area {
            padding: 20px;
            background-color: white;
        }

        .content-blocks .speech-bubble,
        .speech-bubble {
            left: 103%;
            width: auto;
            min-width: 250px;
        }

        .bt-tiny-mce {
            border: 1px solid black !important;
        }

        #campaign_deliverable_body .review-item-button-row {
            padding-bottom: 0;
            background-color: #f0f0f0
        }

        .bt-button-row {
            display: block !important;
        }
    </style>
@endsection