<!DOCTYPE html>
<html>
<head>
    <title>Login Layout</title>
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <style>
        .login-layout { height: 100%; display: flex; }
        .sider { width: 50%; background: url('{{ asset('images/bg_cms.png') }}') center; background-size: cover; }
        .content { padding: 16px; }
        .footer { text-align: center; font-size: 12px; }
        .footer div { margin: 25px auto; padding: 17px 0; width: 325px; border-top: 1px solid #e0e0e0; text-align: left; color: #8E8E93; }
    </style>
</head>
<body>
    <div class="login-layout">
        <div class="sider"></div>
        <div>
            <div class="content">
                @yield('content')
            </div>
            <div class="footer">
                <div>
                    By logging in you agree to Unioil's Terms of Service, <br/>Privacy Policy and Content Policies.
                </div>
            </div>
        </div>
    </div>
</body>
</html>