@extends(ACTIVE_TEMPLATE.'.base')

@section('content')

    @if( is_array($prodPOD) && count($prodPOD) > 0 )
        <div class="PODGrayArea">
            <div class="container">

                <div class="HeadingBar1">{{ PRODUCT_OF_THE_DAY }}</div>
                <div class="row">
                                    </div>
                <div style="clear:both;height:20px"></div>

            </div>
        </div>
    @endif

    <div class="container">
        <div class="row">

            @if( defined('IS_POPULAR_INSTALLED') && IS_POPULAR_INSTALLED == 1 && is_array($prodPOP) && count($prodPOP) > 0 )
                <div class="container">
                    <div class="HeadingBarLine"></div>
                    <div class="HeadingBar"><span>{{ POPULAR_PRODUCTS }}</span></div>
                    <div class="row">
                                            </div>
                    <div style="clear:both;height:20px"></div>
                </div>
            @endif

            @if( is_array($prodArr) && count($prodArr) > 0 )
                <div class="container">
                    <div class="HeadingBarLine"></div>
                    <div class="HeadingBar"><span>{{ FEATURED_PRODUCTS }}</span></div>
                                        <div style="clear:both;height:20px"></div>
                </div>
            @endif

            <div class="hidden-xs">
                <div class="HeadingBarLine"></div>
                <div class="HeadingBar"><span>{{ BRANDS }}</span></div>
                <div class="col-sm-12">
                    <div style="width:100%;height:100px;overflow:hidden"
                         id="divBrandPanel">{!! getBrandPanel(0, 4, 140, 100) !!}</div>
                </div>
                <div style="clear:both;height:20px;"></div>
            </div>

            <div class="hidden-xs">
                <div class="col-sm-4">
                    <div class="HeadingBar2">{{ NEWS }}</div>
                    <div class="IndexBox">
                        <div style="height:160px;overflow:hidden">
                                                    </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="HeadingBar2">{{ TOP_SEARCHES }}</div>
                    <div class="IndexBox">
                        <div style="height:160px;overflow:hidden">
                            @if( is_array($searchCloudArr) )
                                @foreach( $searchCloudArr as $rec )
                                    <a href="{{ getSearchUrl($rec['T']) }}" class="linkSrchCloud"
                                       style="font-size:{{ $rec['C'] }}px;">{{ $rec['T'] }}</a> &nbsp;
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="HeadingBar2">{{ NEWSLETTER }}</div>
                    <div class="IndexBox">
                        <div style="text-align:left">{{ EMAIL_ADDRESS }}</div>
                        <div style="height:15px;"></div>
                        <input type="text" name="email" placeholder="{{ EMAIL_ADDRESS }}"
                               onfocus="popNewsletter();" autocomplete="off" class="form-control">
                        <div style="height:10px;"></div>
                        <div style="text-align:center">
                            <button type="button" class="btn btn-search"
                                    onclick="popNewsletter();">{{ SIGNUP }}</button>
                        </div>
                    </div>
                </div>
                <div style="clear:both;height:20px;"></div>

                <div id="idNLContent" style="display:none">

                    <div id="idNLMsgs" style="display:none"></div>

                    <form id="frmNewsletter" name="frmNewsletter" action="{{ SCRIPT_ROOT }}" method="POST"
                          onSubmit="return newsletterSubmitForm()" class="form-horizontal">
                        <input type="hidden" name="return" value="newsletter-subscribe.php?">
                        <input type="hidden" name="isSubscribed" value="Y">

                        <div class="form-group">
                            <label for="idNLEmail" class="col-sm-4 control-label">{{ EMAIL }}</label>
                            <div class="col-sm-8"><input type="email" class="form-control" id="idNLEmail" name="email"
                                                         placeholder="{{ JSMSG_PLEASE_PROVIDE_EMAIL_ADDRESS }}"
                                                         required></div>
                        </div>
                        <div class="form-group">
                            <label for="idFName" class="col-sm-4 control-label">{{ FIRST_NAME }}</label>
                            <div class="col-sm-8"><input type="text" class="form-control" id="idFName" name="fname"
                                                         placeholder="{{ JSMSG_PLEASE_PROVIDE_FIRST_NAME }}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="idLName" class="col-sm-4 control-label">{{ LAST_NAME }}</label>
                            <div class="col-sm-8"><input type="text" class="form-control" id="idLName" name="lname"
                                                         placeholder="{{ JSMSG_PLEASE_PROVIDE_LAST_NAME }}">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-8 col-sm-offset-4">
                                <!-- Commented below so that the actual script does not get called here, and we can call it in pop-win for the 1st time -->
                            <!--GOOGLE_RECAPTCHA_START