<header>
    <div class="top_header">
        <div class="container">
            <div class="pull-left header_left">
                <ul>
                    <li><i class="fa fa-phone" aria-hidden="true"></i><a href="tel:{{setting('social.phone')}}"> {{TranslationHelper::translate('Phone')}}: <span>{{setting('social.phone')}}</span></a></li>
                    <li><i class="fa fa-envelope-o s_color" aria-hidden="true"></i><a href="mailto:{{setting('social.email')}}">{{setting('social.email')}}</a></li>
                </ul>
            </div>

            <div class="pull-right header_right">
                <div class="state" id="value1">
                    <ul>
                        <li><i class="fa fa-whatsapp" aria-hidden="true"></i><a href="https://wa.me/{{setting('social.whatsapp')}}">{{TranslationHelper::translate('Whatsapp')}}</a></li>

                    </ul>
                    <div id="polyglotLanguageSwitcher">
                        <form action="#">
                            <select id="polyglot-language-options">
                                <option id="en" value="en" @if(app()->getLocale()=='en') selected @endif>{{ TranslationHelper::translate('English') }}</option>
                                <option id="ar" value="ar" @if(app()->getLocale()=='ar') selected @endif>{{ TranslationHelper::translate('Arabic') }}</option>

                            </select>
                        </form>
                    </div>
                </div>


            </div>
        </div> <!-- End of .container -->
    </div> <!-- End of .top_header -->

</header>