@extends('layouts.master')
@section('page_title', 'Create New Website Words')
@section('content')
    {!! Form::open(['url' => action('SuperAdminSourceDataController@post_website_word_create')]) !!}
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                {!! Html::image('img/icon_sourcedata.png') !!}
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 text-center">
                <h4 class="outside-container-header">Create New Website Words</h4>
            </div>
        </div>
        <div class="row grid-header">
            <div class="col-md-10 col-md-offset-1 no-left-pad">
                {{ Form::button_back() }}
            </div>
        </div>
        <div class="row">
            <div class="col-md-10 col-md-offset-1 grey-bg curve_container">
                <div id="website-word-wrapper">
                    <div id="new-word-row" class="row">
                        <div class="col-md-12 text-center">
                            {{ Form::label_styled('Website Word Name:', 'source-data-label', \App\Helpers\FormComponentHelper::SIZE_LARGE) }}
                            {{ Form::text_styled('new_website_word_0', null, 'account-pages-text-input', null) }}
                            {{ Form::hidden("active_0", 0) }}
                            {{ Form::checkbox_styled('active_0', null, 'Active', null, 'brand-checkbox no-fade') }}
                        </div>
                    </div>
                </div>
                <hr class="grey-divider website-word-wrapper-grey-divider">
                <div id="website-word-wrapper-bottom" class="row button-row">
                    <div class="col-md-12 text-center">
                        {{ Form::button_ex('Add Another', null, 'add-new-word') }}
                        {{ Form::button_save('Done') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}
@endsection
@section('page_script')
    <script>
        $(document).ready(function() {
            var wordCount = 0;
            $('#add-new-word').on('click', function() {
                wordCount++;
                $('#new-word-row')
                        .clone()
                        .attr('id', 'new-word-row-' + wordCount)
                        .appendTo('#website-word-wrapper')
                        .hide()
                        .fadeIn();
                var wordRow = $('#new-word-row-' + wordCount);
                wordRow.find(':text').attr('name', 'new_website_word_' + wordCount).val('');
                wordRow.find(':hidden').attr('name', 'active_' + wordCount);
                wordRow.find(':checkbox').attr('name', 'active_' + wordCount).prop('checked', false);
            })
        });
    </script>
@endsection