<!DOCTYPE html>
<html lang="en">
  <head>
    <title>{% block title %}{% endblock %} - Acelle Funnel</title>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    {% block css %}
        {% include ux('layouts/_css') %}
    {% endblock %}

    <script>
        var CSRF_TOKEN = "{{ csrf_token() }}";
    </script>
  </head>
  <body>

    <nav class="navbar navbar-expand-md navbar-light bg-light">
        <a class="navbar-brand text-semibold text-italic logo-link" href="{{ route('home') }}">
            <img class="logo-img" src="{{ url('/assets/image/funnel-logo.png') }}"
            <!--Acelle-UX-->
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarsExampleDefault">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item text-small text-semibold">
                    <a class="nav-link" href="{{ route('home') }}">{{ trans('messages.home') }}</a>
                </li>
                <li class="nav-item text-small text-semibold active">
                    <a class="nav-link" href="{{ action('FunnelController@index') }}">{{ trans('messages.funnels') }}</a>
                </li>
                <li class="nav-item text-small text-semibold active">
                    <a class="nav-link" href="{{ action('FunnelController@index') }}">{{ trans('messages.contacts') }}</a>
                </li>
                <li class="nav-item text-small text-semibold active">
                    <a class="nav-link" href="{{ action('FunnelController@index') }}">{{ trans('messages.templates') }}</a>
                </li>
                <li class="nav-item text-small dropdown text-semibold">
                    <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Settings
                    </a>
                    <div class="dropdown-menu has-border dropdown-menu-left" aria-labelledby="dropdown01">
                        <a class="dropdown-item text-semibold" href="{{ action('AccountController@profile') }}">
                          Digital Assets
                        </a>
                        <a class="dropdown-item text-semibold" href="{{ action('AccountController@profile') }}">
                          Integration
                        </a>
                        <a class="dropdown-item text-semibold" href="{{ action('AccountController@profile') }}">
                          Payment Gateways
                        </a>
                        <a class="dropdown-item text-semibold" href="{{ action('AccountController@profile') }}">
                          Sending servers
                        </a>
                        <a class="dropdown-item text-semibold" href="{{ action('AccountController@profile') }}">
                          Domains
                        </a>
                    </div>
                </li>
            </ul>
            <ul class="navbar-nav">
                <li class="nav-item dropdown text-small text-semibold{% if 'automations' in page %} active{% endif %} ">
                    <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="media media-small inline-block mr-10">
                            <img src="http://i.pravatar.cc/300?v={{ auth_user().id }}" />
                        </span>
                        {{ auth_customer().displayName() }}
                    </a>
                    <div class="dropdown-menu dropdown-menu-right dropdown-menu-feestyle" aria-labelledby="dropdown01">
                        <div class="dropdown-item" style="padding-top: 24px;">
                            <span class="media media-normal inline-block mr-10 mb-lvl3">
                                <img src="http://i.pravatar.cc/300?v={{ auth_user().id }}" />
                            </span>
                            <div class="mb-lvl1">
                                {{ auth_customer().displayName() }}
                            </div>
                            <div class="progress height-lvl1">
                                <div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                            <div class="mt-lvl1 text-normal text-muted text-small">
                                2.41 GB of 3.25 GB used
                            </div>
                            <div class="text-right">
                                <button class="btn btn-primary btn-xs mt-lvl2">Upgrade</button>
                            </div>
                        </div>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item text-semibold" href="{{ action('Admin\\HomeController@index') }}">
                          Backend
                        </a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item text-semibold" href="{{ action('AccountController@profile') }}">
                          {{ trans('messages.account.account_details') }}
                        </a>
                        <a class="dropdown-item text-semibold" href="{{ action('AccountController@profile') }}">
                          Account Billing
                        </a>
                        <a class="dropdown-item text-semibold" href="{{ action('AccountController@profile') }}">
                          Credits Used
                        </a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item text-semibold" href="{{ route('logout') }}" link-method="POST">
                            {{ trans('messages.auth.logout') }}
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </nav>

    <div class="container">
        <div class="content">
            {% if block('page_header') %}
                <div class="page-header flex">
                    <h1 class="text-semibold mr-auto">{% block page_header %}{% endblock %}</h1>
                    {% block page_actions %}{% endblock %}
                </div>
            {% endif %}

            {% include ux('layouts/_page_alerts') %}

            {% if block('sidebar') %}
                <div class="row">
                    <div class="col-md-2">
                        {% block sidebar %}{% endblock %}
                    </div>
                    <div class="col-md-10">
            {% endif %}
                        {% block content %}{% endblock %}
            {% if block('sidebar') %}
                    </div>
                </div>
            {% endif %}
        </div>

    </div><!-- /.container -->

    {% block js %}
        {% include ux('layouts/_js') %}
        {% include ux('layouts/_page_notifies') %}
    {% endblock %}
  </body>
</html>
