@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">
                    <div class="col-md-12 col-xs-12 detail-right-side">
                        <div class="row">
                            <div class="white-bg">
                                {{ Form::hidden('campaign_event', $campaign_event->campaign_event, ['id' => 'campaign_event']) }}
                                {{ Form::row_select_inline('deliverable_template', 'Template', null,
                                    \App\Models\Deliverable_Template::template_select($business, $campaign_deliverable->type, $campaign_event->event_type), 4, 8, null, null, 'Select') }}
                                <div class="row bt-button-row text-right" style="display: none"
                                     id="apply_content_btn_row">
                                    {{ Form::button_ex('Apply Template to Content', 'apply_content();') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row bt-button-row text-right">
                    {{ Form::button_link('Close', $campaign_deliverable->close_url) }}
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page_script')
    <script>
        $(document).ready(function () {
            show_hide_apply_content_btn(0);
        });

        $('#deliverable_template').on('change', function () {
            show_hide_apply_content_btn($(this).val());
        });

        function show_hide_apply_content_btn($value) {
            if ($value)
                $('#apply_content_btn_row').show();
            else
                $('#apply_content_btn_row').hide();
        }

        function apply_content() {
            $deliverable_template = $('#deliverable_template').val();
            $.ajax({
                type: "POST",
                data: {
                    deliverable_template: $deliverable_template,
                },
                url: '{{ action('CampaignDeliverableController@apply_template_to_content', compact('campaign_deliverable')) }}',
                success: function (result) {
                    window.location = result.data.url;
                }
            });
        }
    </script>
@endsection

@section('page_style')
    <style>
        /*.bt-tiny-mce {*/
        /*margin-right: 15px !important;*/
        /*}*/

        /*.col-md-8 {*/
        /*padding-right: 0;*/
        /*}*/
    </style>
@endsection