text: 'use strict';
  import React from 'react';
  import ApplicationStore from '../stores/ApplicationStore';
  import ga from '../plugins/googleAnalytics/ga';
  import {googleAnalyticsID} from '../configs/general';
  
  class DefaultHTMLLayout extends React.Component {
      render() {
          return (
              <html>
              <head>
                  <meta charSet="utf-8" />
                  <title>{this.props.context.getStore(ApplicationStore).getPageTitle()}</title>
                  <meta name="viewport" content="width=device-width, user-scalable=no" />
                  <link href="/bower_components/semantic/dist/semantic.min.css" rel="stylesheet" type="text/css" />
                  <link href="/bower_components/animate.css/animate.min.css" rel="stylesheet" type="text/css" />
                  <link rel="stylesheet" type="text/css" href="/bower_components/sweetalert2/dist/sweetalert2.min.css" />
                  {/* Vendors css bundle */
                      this.props.addAssets ? <link href="/public/css/vendor.bundle.css" rel="stylesheet" type="text/css" />: <style></style>
                  }
                  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
  
              </head>
              <body>
                  <div id="app" dangerouslySetInnerHTML={{__html: this.props.markup}}></div>
                  <script dangerouslySetInnerHTML={{__html: this.props.state}}></script>
                  <script src="/bower_components/es5-shim/es5-shim.min.js"></script>
                  <script src="/bower_components/es5-shim/es5-sham.min.js"></script>
                  <script src="/bower_components/json3/lib/json3.min.js"></script>
                  <script src="/bower_components/es6-shim/es6-shim.min.js"></script>
                  <script src="/bower_components/es6-shim/es6-sham.min.js"></script>
                  {/* Above are added only to support IE browser */}
                  <script src="/bower_components/jquery/dist/jquery.min.js"></script>
                  <script src="/bower_components/semantic/dist/components/transition.min.js"></script>
                  <script src="/bower_components/semantic/dist/components/popup.min.js"></script>
                  <script src="/bower_components/semantic/dist/components/dropdown.min.js"></script>
                  <script src="/bower_components/semantic/dist/components/checkbox.min.js"></script>
                  <script src="/bower_components/semantic/dist/components/dimmer.min.js"></script>
                  <script src="/bower_components/semantic/dist/components/modal.min.js"></script>
                  <script src="/bower_components/es6-promise/es6-promise.auto.min.js"></script>
                  <script src="/bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
                  {/* All external vendors bundle*/
                      this.props.addAssets ? <script src={'/public/js/vendor.bundle.js'}></script> : ''}
                  {/* Main app bundle */}
                  <script src={'/public/js/' + this.props.clientFile}></script>
                  { googleAnalyticsID && <script dangerouslySetInnerHTML={ {__html: ga.replace('{googleAnalyticsID}', googleAnalyticsID)} } /> }
              </body>
              </html>
          );
      }
  }
  
  module.exports = DefaultHTMLLayout;
  