@extends('layouts.master')

@section('title', 'PRO Smart System')

@section('content')
<section class="layer-one col-lg-12 col-md-12 col-sm-12 clear-left-right-padding">
    <nav class="navbar navbar-default visible-sm visible-xs">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed color-white" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="{{url()}}" class='navbar-logo'>
                <img src="{{ asset('images/logo.png') }}" width="40" class="pull-left standart-margin-right" />
                <div class="pull-left standart-margin-top">
                    <span class="font-22 font-18-xxs unisans-bold color-white">PRO SMART</span>
                    <span class="font-22 font-18-xxs unisans-light-italic standart-margin-left color-white">System</span>
                </div>
            </a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a id="scroll-solutions" class="cursor-pointer">Решения</a></li>
                <li><a id="scroll-company" class="cursor-pointer">За Компанията</a></li>
                <li><a id="scroll-contacts" class="cursor-pointer">контакти</a></li>
                <li><a href="http://dev.sys.prosmartsystem.com/bg/" target="_blank" class="cursor-pointer">Вход</a></li>
            </ul>
        </div>
    </nav>
    <div class="layer-one-left-bg col-lg-6 col-md-6 col-sm-6 col-xs-6 clear-left-right-padding">
        <img style="margin-right: -25%;" src="{{ asset('images/layer-one-hand-phone-2.png') }}" width="50%" class="visible-sm visible-xs standart-margin-top pull-right"/>
        <div class="layer-one-left-content standart-margin-top visible-lg visible-md ">
            <div class="font-22 unisans-bold pull-left color-dark-blue">PRO SMART</div>
            <div class="pull-left font-22 unisans-light-italic standart-margin-left color-dark-blue">System</div>
        </div>
        <div class="hand-phone-box visible-lg visible-md">
            <a class="switch-on-off-btn"></a>
            <div class="guage"></div>
            <div class="hand-phone-fade"></div>
        </div>
        <div class="layer-one-step-one-arrow visible-lg visible-md ">
            <div class="layer-one-step-one-arrow-text unisans-regular-italic font-18">
                Бързо и удобно включете Вашия климатик вкъщи, още докато сте в офиса
            </div>
        </div>
        <div class="layer-one-step-two-arrow visible-lg visible-md ">
            <div class="layer-one-step-two-arrow-text unisans-regular-italic font-18">
                А сега да променим темперетурата
            </div>
        </div>
    </div>
    <div class="layer-one-right-box col-lg-8 col-md-8 col-sm-6 col-xs-6 clear-left-right-padding step-1">
        <a href="http://dev.sys.prosmartsystem.com/bg/" target="_blank" class="visible-lg visible-md custom-btn-white-bold-to-blue-fill login-btn">
            ВХОД
        </a>
        <div class="layer-one-temp-arrow visible-lg visible-md">
            <img src="{{ asset('images/layer-one-temp-arrow.png') }}" height="100%"/>
        </div>
        <div class="layer-one-temp-value-box visible-lg visible-md">
            <span class="layer-one-temp-value">23</span>C°
        </div>
        <div class="layer-one-right-content visible-lg visible-md">
            <nav>
                <a id="scroll-solutions-2" class="cursor-pointer">Решения</a>
                <a id="scroll-company-2" class="cursor-pointer">За Компанията</a>
                <a id="scroll-contacts-2" class="cursor-pointer">контакти</a>
            </nav>
            <img src="{{ asset('images/logo.png') }}" width="70" />
            <div class="clearfix"></div><br/><br/><br/>
            <div class="font-50 unisans-bold pull-left color-dark-blue">PRO SMART</div>
            <div class="pull-left font-50 unisans-light-italic standart-margin-left color-dark-blue">System</div>
            <div class="clearfix"></div>
            <div class="font-22 unisans-regular-italic color-light-blue">
                Контролирай уредите си от всяка точка<br/>
                Надеждно. Лесно. Икономично
            </div>
            <div class="layer-one-step-tree-mail-form unisans-regular-italic font-18">
                <br/>
                Можеш да бъдеш от първите<br/>
                Pro Smart потребители като въведеш<br/>

                <div style="margin-left: 18px;" class="standart-margin-top col-lg-7 col-md-7 unisans-regular-regular custom-input clear-left-right-padding">
                    {!! Form::open(array('name' => 'subscribe-form-top', 'id' => 'subscribe-form-top')) !!}
                    <input type="text" placeholder="своя имейл" name="email"/>
                    {!! Form::close() !!}
                </div>

                <div class="col-lg-4 col-md-4 unisans-regular-regular standart-margin-top">
                    <button id="subscribe-btn-top" style="margin-left: -5px;" class="custom-btn-blue-bold-fill-to-blue-fill">ИЗПРАЩАНЕ</button>
                </div>

            </div>
        </div>
    </div>
</section>
<div class="clearfix"></div>
<div class="logo-2 visible-sm visible-xs text-center">
    <img src="{{ asset('images/logo-2.png') }}" width="80" />
</div>
<div class="col-sm-12 col-xs-12 visible-sm visible-xs">
    <div class="font-40 unisans-bold color-dark-blue col-sm-12 col-xs-12 text-center">PRO SMART</div>
    <div class="font-40 unisans-light-italic color-dark-blue col-sm-12 col-xs-12 text-center" style="margin-top: -10px;">System</div>
    <p class="font-22 color-light-blue unisans-regular-italic text-center">
        Контролирай уредите <br/>
        си от всяка точка Надеждно. Лесно. Икономично
    </p>
</div>
<div class="clearfix"></div>
<section class="layer-two col-lg-12 col-md-12 col-sm-12 col-xs-12 clear-left-right-padding standart-padding-bottom standart-margin-bottom">
    <div class="layer-two-header" id="layer-two-header">
        <div class="col-lg-4 col-lg-offset-4 col-md-4 col-md-offset-4 col-sm-12 col-xs-12 clear-left-right-padding">
            <ul class="col-lg-12 col-md-12 clear-left-right-padding">
                <li class="tab-left col-lg-6 col-md-3 col-sm-12 col-xs-12 clear-left-right-padding">
                    <a id="layer-two-boil-btn" class="active">
                        <div class="tab-content">
                            <div class="tab-title pull-right standart-margin-left">
                                <div class="color-light-blue unisans-regular-italic font-16">решение</div>
                                <div class="color-dark-blue font-30 unisans-heavy standart-margin-top">BBoil</div>
                            </div>
                            <img src="{{ asset('images/bboil-dark-icon.png') }}" width="30" class="pull-right" />
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </li>
                <li class="tab-right col-lg-6 col-md-3 visible-lg visible-md clear-left-right-padding">
                    <a id="layer-two-climate-btn">
                        <div class="tab-content">
                            <img src="{{ asset('images/bair-dark-icon.png') }}" width="55" class="pull-left" />
                            <div class="tab-title pull-left standart-margin-left">
                                <div class="color-light-blue unisans-regular-italic font-16">решение</div>
                                <div class="color-dark-blue font-30 unisans-heavy standart-margin-top">BClimate</div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="layer-two-content col-lg-12 col-md-12 col-sm-12 col-xs-12 clear-left-right-padding">
        <div class="layer-two-content-boil col-lg-12 col-md-12 col-sm-12 col-xs-12 clear-left-right-padding">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 layer-two-content-left-padding">
                <h1 class="unisans-bold color-dark-blue visible-lg visible-md">BBoil</h1>
                <p><img class="standart-padding-top standart-padding-bottom" src="{{ asset('images/layer-two-displays.png') }}" /></p>
                <p class="font-20 unisans-regular-italic color-light-gray">Пълен контрол над системата<br/>
                    за загряване на вода</p>

                <p class="font-20 unisans-regular-italic color-light-gray">Управлявате температурата на<br/>
                    водата в бойлера чрез смартфон<br class='visible-lg'/>
                    или стационарен компютър</p>

                <p class="font-20 unisans-regular-italic color-light-gray">Използвате <br class='visible-lg'/>
                    <strong class="color-dark-blue">автоматични графици</strong> <br class='visible-lg'/>
                    и система за <strong class="color-dark-blue">пестене</strong> на <br class='visible-lg'/>
                    електроенергия</p>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class='layer-two-content-left-margin'>
                    <img src="{{ asset('images/layer-two-boiler.png') }}" width="60%" class="pull-left" /><br/><br/><br/><br/>
                    <img src="{{ asset('images/layer-two-graphic.png') }}" width="30%" class="pull-left"  style="margin-left:30px;"/>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="layer-two-header visible-sm visible-xs">
            <div class="col-sm-12 col-xs-12 clear-left-right-padding">
                <ul class="col-sm-12 col-xs-12 clear-left-right-padding">
                    <li class="tab-right col-sm-12 col-xs-12 clear-left-right-padding">
                        <a>
                            <div class="tab-content">
                                <img src="{{ asset('images/bair-dark-icon.png') }}" width="55" class="pull-left" />
                                <div class="tab-title pull-left standart-margin-left">
                                    <div class="color-light-blue unisans-regular-italic font-16">решение</div>
                                    <div class="color-dark-blue font-30 unisans-heavy standart-margin-top">BClimate</div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </li>
                </ul>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="layer-two-content-climate col-lg-12 col-md-12 col-sm-12 col-xs-12 clear-left-right-padding">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-right layer-two-content-left-padding">
                <h1 class="unisans-bold color-dark-blue visible-lg visible-md">BClimate</h1>
                <p><img class="standart-padding-top standart-padding-bottom" src="{{ asset('images/layer-two-displays.png') }}" /></p>
                <br/><br class='visible-lg visible-md'/>
                <p class="font-20 unisans-regular-italic color-light-gray">
                    Управлявате температурата<br class='visible-lg'/>
                    в сградата през смартфон,<br class='visible-lg'/>
                    таблет или компютър
                </p>

                <p class="font-20 unisans-regular-italic color-light-gray">
                    Имате <strong class="color-dark-blue">пълен контрол</strong> върху<br class='visible-lg'/>
                    климатичната система<br class='visible-lg'/>
                    <strong class="color-dark-blue">във всяка отделна стая</strong>
                </p>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 clear-left-right-padding ">
                <div class='layer-two-content-left-margin'>
                    <img src="{{ asset('images/layer-two-climate.png') }}" width="100%" class="to-full-xs pull-left" />
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</section>
<div class="clearfix"></div>
<section class="col-lg-12 col-md-12 col-sm-12 col-xs-12 layer-tree clear-left-right-padding border-bottom-light-blue">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 layer-tree-header clear-left-right-padding">
        <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-12 col-xs-12 layer-tree-header-inner">
            <p class="color-white font-14 visible-sm visible-xs">Бъди от първите, които ще опитат<br/>
                BBoil или BClimate</p>
            <div class="standart-margin-top col-lg-7 col-lg-offset-1 col-md-7 col-md-offset-1 col-sm-7 col-sm-offset-1 col-xs-7 col-xs-offset-1 unisans-regular-regular custom-input clear-left-right-padding">
                {!! Form::open(array('name' => 'subscribe-form-bottom', 'id' => 'subscribe-form-bottom')) !!}
                <input type="text" placeholder="имейл" name="email"/>
                {!! Form::close() !!}
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4 unisans-regular-regular standart-margin-top">
                <button id='subscribe-btn-bottom' style="margin-left: -5px;" class="custom-btn-blue-bold-fill-to-blue-fill unisans-bold font-16 font-12-xs">ИЗПРАЩАНЕ</button>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="layer-tree-under-header text-center">
        <div class="font-30 unisans-regular-italic color-light-blue">
            Разработваме вдъхновяващи продукти с висока<br/>
            полезност за потребителите
        </div>
        <div class="color-light-gray font-18">- Pro Smart Ltd.</div><br/>
    </div>
    <div class="clearfix"></div>
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 border-right-light-blue padding-top-30 standart-padding-bottom">
        <div class="col-lg-11 col-md-12 pull-right clear-left-right-padding text-center-sm">
            <p class="font-30 unisans-bold color-dark-blue">За компанията</p>

            <p class="color-dark-gray font-16">
                Pro Smart Ltd. е компания, специализирана в разработката на решения, свързани с автоматизация на 
                различен тип обекти. Продуктите ни са подходящи както за частни домове, така и за индустриални сгради. 
                Решения на компанията се използват във Великобритания, Германия, Испания, Франция и Италия.
            </p>

            <p class="color-dark-gray font-16">
                Продуктите на Pro Smart са в синхрон с последните технологични нововъведения. Използваме компоненти на 
                световни производители
            </p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 padding-top-30 clear-left-right-padding">
        <p class="text-center-sm font-30 unisans-bold color-dark-blue border-bottom-light-blue clear-bottom-margin standart-padding-left standart-padding-bottom">
            Основните ни принципи
        </p>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center border-right-light-blue padding-top-bottom-20">
            <img src="{{ asset('images/layer-tree-icon-1.png') }}" class="layer-tree-icon-1"/>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center border-right-light-blue padding-top-bottom-20">
            <img src="{{ asset('images/layer-tree-icon-2.png') }}" class="layer-tree-icon-2"/>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center standart-padding-top padding-top-bottom-20">
            <img src="{{ asset('images/layer-tree-icon-3.png') }}" class="layer-tree-icon-3"/>
        </div>
    </div>
</section>
<div class="clearfix"></div>
<section class="col-lg-12 col-md-12 col-sm-12 col-xs-12 clear-left-right-padding">
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12  bg-transperent clear-left-right-padding">
        <div class="col-lg-11 col-md-12 col-sm-12 col-xs-12  pull-right bg-white padding-top-30">
            <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 text-center-sm clear-left-right-padding">
                <p>
                <div class="text-uppercase color-dark-blue font-20 unisans-bold">Намери ни</div>
                <div class="color-light-blue unisans-regular-italic">в социалните мрежи</div>
                </p>
                <p>
                    <a href="https://www.facebook.com/Pro-Smart-System-1509051346088855" target="_blank">
                        <img src="{{ asset('images/social-fb.png') }}" width="40"/>
                    </a>
                    <a href="https://twitter.com/ProSmartSystem" target="_blank">
                        <img src="{{ asset('images/social-twitter.png') }}"  width="40"/>
                    </a>
                    <a href="https://www.linkedin.com/company/pro-smart-system-ltd-?trk=biz-companies-cym" target="_blank">
                        <img src="{{ asset('images/social-in.png') }}" width="40" />
                    </a>
                    <img src="{{ asset('images/social-gplus.png') }}" width="40" />
                </p><br/>
                <p>
                <div class="color-light-blue unisans-regular-italic">или използвай нашите</div>
                <div class="text-uppercase color-dark-blue font-20 unisans-bold">Контакти</div>
                </p>
                <p>
                <div>
                    <span class="dz-icon standart-margin-right font-18">&#58952;</span>
                    София, ул."Маестро Кънев" 78
                </div>
                <div>
                    <span class="dz-icon standart-margin-right font-18">&#58992;</span>
                    (+359) 888 748 614
                </div>	
                <div>
                    <span class="dz-icon standart-margin-right font-18">&#58937;</span>
                    <a href="mailto:info@prosmartsystem.com" class="color-light-blue">office@prosmartsystem.com</a>
                </div>
                </p>
                <p class="color-light-gray unisans-regular-italic"><br/><br/>
                    © 2015 Всички права запазени.
                </p>
            </div>
            <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12 text-center-sm clear-right-padding">
                <p>
                <div class="text-uppercase color-dark-blue font-20 unisans-bold">Пиши ни</div>
                <div class="color-light-blue unisans-regular-italic">в нашата форма</div>
                </p>
                <form class="footer-form">
                    <p>
                        <input type="text" placeholder="Име"/>
                    </p>
                    <p>
                        <input type="text" placeholder="Имейл"/>
                    </p>
                    <p>
                        <textarea placeholder="Съобщение"></textarea>
                    </p>
                </form>
                <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3 unisans-bold standart-margin-top">
                    <button class="custom-btn-blue-bold-fill-to-blue-fill">ИЗПРАЩАНЕ</button>
                </div>
            </div>
        </div>
    </div>
    <iframe class="gmap" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d8239.132635685999!2d23.237444998330073!3d42.67776520227201!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40aa9b2515edb52f%3A0xf9dc7ad98d449de2!2sul.+%22Maestro+Kanev%22+78%2C+1618+Sofia%2C+Bulgaria!5e0!3m2!1sen!2sbg!4v1448265619514" width="100%" height="390" frameborder="0" style="border:0" allowfullscreen></iframe>
</section>
<div class="modal success" id="subscribe-form-modal-success">
    <div class="modal-dialog">
        <div class="modal-content text-center"><br/>
            <img src="{{ asset('images/icon-success.png') }}"/>
            <button type="button" class="close close-popup" data-dismiss="modal" aria-hidden="true"></button>
            <div class="modal-body text-center">
                <p class="color-light-blue font-20">
                    БРАВО!
                </p>
                <p class="unisans-regular-italic color-dark-gray font-18">Очаквайте имейл.</p>
            </div>
            <button class="custom-btn-blue-bold-fill-to-blue-fill centered standart-margin-bottom font-20" data-dismiss="modal">ДОБРЕ</button>
        </div>
    </div>
</div>
<div class="modal error" id="subscribe-form-modal-error">
    <div class="modal-dialog">
        <div class="modal-content text-center"><br/>
            <img src="{{ asset('images/icon-error.png') }}"/>
            <button type="button" class="close close-popup" data-dismiss="modal" aria-hidden="true"></button>
            <div class="modal-body text-center">
                <p class="color-red font-20">
                    ГРЕШКА!
                </p>
                <p class="unisans-regular-italic color-red font-18 message"></p>
            </div>
            <button class="custom-btn-blue-bold-fill-to-blue-fill centered standart-margin-bottom font-20" data-dismiss="modal">ДОБРЕ</button>
        </div>
    </div>
</div>
@include('blocks.analytics')
@endsection