@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">
                    @include('reach.campaign_event._campaign_event_sidebar')
                    <div class="col-md-10 col-xs-10 detail-right-side">
                        @if($campaign_event->status == \App\Models\Campaign_Event::STATUS_FORMATTING && !$campaign_deliverable->is_correct_num_blocks)
                            <div class="row alert alert-danger">
                                {{ Form::label_title('The number of blocks requiring text does not match the number of blocks of text.', \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            </div>
                        @endif
                        @if ($campaign_deliverable->uses_builder)
                            <div class="container" id="gjs_container" style="display: none">

                                @if ($campaign_deliverable->type == \App\Models\Campaign_Deliverable::DELIVERABLE_TYPE_WEBPAGE && $campaign_deliverable->featured_image_url)
                                    {{ Form::label_title('Featured Image:', \App\Helpers\FormComponentHelper::SIZE_EXLARGE, null, null) }}
                                    <div class="row image-type-row">
                                        <img id="promo_image_featured"
                                             src="{!! $campaign_deliverable->featured_image_url !!}"
                                             class="content-block-image"/>
                                    </div>
                                @endif

                                @include('shared.grapejs._grapejs', [
                                    'json_string' => $campaign_deliverable->json_string,
                                    'styles_string' => $campaign_deliverable->styles_string,
                                    'html_string' => $campaign_deliverable->html_string,
                                    'css_string' => $campaign_deliverable->css_string,
                                ])
                            </div>
                        @else
                            <div class="row content-blocks">
                                @if ($campaign_deliverable->uses_builder)
                                    <div id="the_body" style="width: 550px"></div>
                                @elseif ($campaign_deliverable->type == \App\Models\Campaign_Deliverable::DELIVERABLE_TYPE_SMS)
                                    @include('reach.campaign_event.content_block._content_blocks', ['directory' => 'sms'])
                                @endif
                            </div>
                        @endif
                    </div>
                </div>
                <div class="row bt-button-row text-right">

                    @if ($campaign_deliverable->can_send_email)
                        {{ Form::button_ex('Send Test Email', 'send_test_email();') }}
                    @endif

                    @if ($campaign_deliverable->can_load_document())
                        {{ Form::button_link('Load Document', $campaign_deliverable->_campaign_event->document_url, null, \App\Providers\FormComponentServiceProvider::$default_btn_size, true) }}
                    @endif
                    @if ($campaign_deliverable->can_choose_template())
                        {{ Form::button_link('Choose Template', $campaign_deliverable->edit_template_url) }}
                    @endif
                    @if ($campaign_deliverable->can_edit_blocks())
                        {{ Form::button_link('Edit Blocks', $campaign_deliverable->edit_blocks_url) }}
                    @endif
                    @if ($campaign_deliverable->can_design())
                        {{ Form::button_link('Format', $campaign_deliverable->design_url) }}
                    @endif
                    @if ($campaign_deliverable->can_edit())
                        {{ Form::button_link('Edit', $campaign_deliverable->edit_url) }}
                    @endif
                    {{ Form::button_link('Close', action('CampaignController@campaign_content', compact('business', 'campaign'))) }}
                </div>
            </div>
        </div>
    </div>

    @if ($campaign_deliverable->can_send_email)
        @include('shared._send_email', ['title' => 'Send Test Email'])
    @endif

@endsection

@section('page_script')
    @include('reach.campaign_event._campaign_event_sidebar_script')

    @if ($campaign_deliverable->can_send_email)
        @include('shared_script._send_email_script')
        <script>
            function send_test_email() {
                document.getElementById("send_email_post_url").value = '{{ action('CampaignDeliverableController@send_test_email', compact('campaign_deliverable')) }}';
                show_send_email_modal();
                $('#email').val('{{ Auth::user()->email }}');
            }
        </script>
    @endif

    @if ($campaign_deliverable->uses_builder)
        @include('shared.grapejs._grapejs_'.$campaign_deliverable->grapejs_type.'_script')
        @include('shared.grapejs.init_grape_js', [
            'component_string' => $campaign_deliverable->json_string,
            'styles_string' => $campaign_deliverable->styles_string,
        ])

        <script>
            $(document).ready(function () {
                do_init_grape_js();
                grapejs_show_preview();
            });
        </script>
    @endif
@endsection

@section('page_style')
    @if ($campaign_deliverable->uses_builder)
        @include('shared.grapejs._grapejs_'.$campaign_deliverable->grapejs_type.'_style')
        <style>
            #gjs_container {
                width: auto;
            }

            #gjs {
                border: 1px solid rgb(221, 221, 221);
                height: auto;
            }

            .image-type-row { margin-bottom: 10px;}

        </style>
    @elseif ($campaign_deliverable->type == \App\Models\Campaign_Deliverable::DELIVERABLE_TYPE_SMS)
        @include('shared_style._email_style')
    @endif
@endsection