@extends('layouts.master')
@section('page_title', 'Business Intake')

@section('content')
    <div class="container">
        {{ Form::page_header("Word of Mouth Intake", null, "img/u241.png") }}
    </div>

    <div class="container intake-div">
        <div class="row">
            <div class="grey-bg curve_container">
                @include('shared._message_all')
                <div class="row">
                    <!-- section list -->
                @include('brand.intake.intake_sidebar')
                <!-- end section list -->
                    <div class="col-md-9 intake-2 detail-right-side">
                        @include($type)
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if ($type == \App\Models\Business_Intake::PROMO_CANDIDATES_EDIT)
        <div id="new_promo_candidate" style="display: none;">
            {{ Form::separator_row('grey-divider thin-divider') }}
            @include('brand.intake._promo_candidate', [
                'pk' => 'XXX',
                'promo_candidate' => '',
                'promo_desc' => '',
                'offer_type' => '',
                'offer_type_2' => '',
                'min_value' => '',
                'max_value' => '',
                'num' => 0,
                ])
        </div>
    @endif
@endsection

@section('page_script')
    @include('shared_script._intake_script')
    @if ($type == \App\Models\Business_Intake::COLLECT_OFFERS_EDIT)
        @include('shared_script._tinymce_init')
    @endif
    <script>
        @if ($type == \App\Models\Business_Intake::PROMO_CANDIDATES_EDIT)
        var num_candidates;
        function do_add_candidate() {
            num_candidates++;
            var id = 'promo_candidate_new_entry_'+num_candidates;
            $('#new_promo_candidate')
                .clone()
                .removeAttr('id')
                .attr('id', id)
                .appendTo('#promo_candidates')
                .hide()
                .fadeIn(600);

            var newEntry = $('#'+id);
            newEntry.find('input, select').each(function() {
                $(this).attr({
                    'id': $( this ).attr('id').replace('XXX', 'new_entry_'+num_candidates),
                    'name' : $( this ).attr('name').replace('XXX', 'new_entry_'+num_candidates)
                });
            });
            document.getElementById('promo_candidates[new_entry_'+num_candidates+'][field_name]').value = 'promo_candidates[new_entry_'+num_candidates+'][XXX]';
            document.getElementById('promo_candidates[new_entry_'+num_candidates+'][promo_candidate]').value = 'new_entry_'+num_candidates;
            newEntry.find('.candidate-label').text('CANDIDATE #'+num_candidates);
        }
        @endif
        @if ($type == \App\Models\Business_Intake::COLLECT_OFFERS_EDIT)
        function turn_on_off(name, value)
        {
            if (value)
                $('#'+name+'_div').show();
            else
                $('#'+name+'_div').hide();
        }
        function lightbox_switch_change(value)
        {
            turn_on_off('lightbox', value);
        }
        function rewards_switch_change(value)
        {
            turn_on_off('rewards', value);
        }
        function email_signup_switch_change(value)
        {
            turn_on_off('email_signup', value);
            if (value)
            {
                $('#fishbowl_div').hide();
                document.getElementById("fishbowl_switch").checked = false;
                //$('input[name="fishbowl_switch"]').removeAttr("checked");
            }
        }
        function fishbowl_switch_change(value)
        {
            turn_on_off('fishbowl', value);
            if (value)
            {
                $('#email_signup_div').hide();
                document.getElementById("email_signup_switch").checked = false;
                //$('input[name="email_signup_switch"]').removeAttr("checked");
            }
        }

        function on_change_expire_type(prefix, value) {
            var expire_days = document.getElementById(prefix+'_expire_days');
            if (value == '{{ \App\Models\Promo::EXPIRE_TYPE_DAYS }}') {
                expire_days.removeAttribute('disabled');
            } else {
                expire_days.setAttribute('disabled', 'true');
            }
        }

        @endif

        @if ($type == \App\Models\Business_Intake::DESIGN_INTERVIEW)
            function send_link() {
                launch_native_email('{{ action('BusinessIntakeController@post_send_link', compact('business', 'intake')) }}');
        }
        @endif

        $(document).ready(function(){
            @if ($type == \App\Models\Business_Intake::CUSTOMER_VALUE)
                $('.customer-value-container').find('.second-label').addClass('label-grey bt-label-small bottom-padding');
            @endif
            @if ($type == \App\Models\Business_Intake::DRIVERS_COMPONENTS)
                $('.drivers-components-container').find('.second-label').addClass('label-grey bt-label-small bottom-padding');
            @endif
            @if ($type == \App\Models\Business_Intake::PROMO_CANDIDATES_EDIT)
                num_candidates = $('.promo-candidate').length -1;
            @endif
            @if ($type == \App\Models\Business_Intake::WEBSITE_FUNCTIONALITY)
                $('.website-functionality-container').find('.second-label').addClass('label-grey bt-label-small bottom-padding');
                $('.checkbox-row').addClass('no-left-margin');
            @endif
            @if ($type == \App\Models\Business_Intake::WEBSITE_FUNCTIONALITY_EDIT)
                $('.website-functionality-container').find('.col-md-6').addClass('no-left-pad');
            @endif
            @if ($type == \App\Models\Business_Intake::COLLECT_OFFERS_EDIT)
                init_tinymce_by_classname();

                fishbowl_switch_change('{{ sizeof(session()->getOldInput()) > 0 ? Form::old('fishbowl_switch') : $collect->fishbowl_promo }}');
                on_change_expire_type('fishbowl', '{{ sizeof(session()->getOldInput()) > 0  ? Form::old('fishbowl_expire_type') : $fishbowl->expire_type }}');

                rewards_switch_change('{{ sizeof(session()->getOldInput()) > 0 ? Form::old('rewards_switch') : $collect->rewards_promo }}');
                on_change_expire_type('rewards', '{{ sizeof(session()->getOldInput()) > 0 ? Form::old('rewards_expire_type') : $reward->expire_type }}');

                lightbox_switch_change('{{ sizeof(session()->getOldInput()) > 0 ? Form::old('lightbox_switch') : $collect->lightbox_promo }}');
                on_change_expire_type('lightbox', '{{ sizeof(session()->getOldInput()) > 0  ? Form::old('lightbox_expire_type') : $lightbox->expire_type }}');

                email_signup_switch_change('{{ sizeof(session()->getOldInput()) > 0 ? Form::old('email_signup_switch') : $collect->email_signup_promo }}');
                on_change_expire_type('email_signup', '{{ sizeof(session()->getOldInput()) > 0 ? Form::old('email_signup_expire_type') : $email->expire_type }}');
            @endif
        });
    </script>
@endsection

@section('page_style')
    <style>
        .bt-label-huge {
            font-size: 36px !important;
        }
        .intake-main-container .separator-row,
        .intake-main-container .separator-row hr {
            margin: 0 0 0 0;
        }
        /*.customer-value-container .no-left-pad.input-group,*/
        /*.customer-value-container .error-container-percentage_conversion {*/
            /*padding-left: 15px;*/
        /*}*/
        .customer-value-container .col-md-3 {
            padding-right: 0;
        }
        #another_driver {
            background-color: white;
        }
        .promo-candidates-container .first-label {
            padding-bottom: 15px;
        }
        .promo-candidates-container .title-row {
            margin-bottom: 10px;
        }
        .promo-candidates-container .spacer-row {
            height: 40px;
        }
        .website-functionality-container .other-label {
            margin-top: 10px;
        }
        .collect-offers-container .title-row {
            margin-bottom: 10px;
        }
        .collect-offers-container .first-label {
            margin-bottom: 15px;
        }
        .collect-offers-container .second-label p {
            font-size: 14px;
        }
        .edit-collect-offers-container .title-row {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .edit-collect-offers-container .expire-days {
            width: 40px;
        }
        .edit-collect-offers-container .thin-divider {
            margin-top: 25px;
        }
        .mce-tinymce.mce-tinymce-inline.mce-container.mce-panel.mce-floatpanel{
            z-index: 1029 !important;
        }
    </style>
@endsection