@extends('adminlte::page')

@section('title', 'Lambicall VPN')

@section('content_header')
    @yield('content-header')
@stop

@section('content')
    @yield('page-content')
@stop

@section('css')
    {{-- Add here extra stylesheets --}}
    <style>
        .content-wrapper, .main-footer, .main-header {
            transition: all 0.3s ease;
        }
        .small-box {
            border-radius: 0.375rem;
            position: relative;
            display: block;
            margin-bottom: 20px;
            box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        }
        .small-box > .inner {
            padding: 10px;
        }
        .small-box > .small-box-footer {
            position: relative;
            text-align: center;
            padding: 3px 0;
            color: #fff;
            color: rgba(255,255,255,0.8);
            display: block;
            z-index: 10;
            background: rgba(0,0,0,0.1);
            text-decoration: none;
        }
        .small-box > .small-box-footer:hover {
            color: #fff;
            background: rgba(0,0,0,0.15);
        }
        .small-box .icon {
            transition: all .3s linear;
            position: absolute;
            top: -10px;
            right: 10px;
            z-index: 0;
            font-size: 90px;
            color: rgba(0,0,0,0.15);
        }
        .small-box:hover {
            text-decoration: none;
            color: #f4f4f4;
        }
        .small-box:hover .icon {
            font-size: 95px;
        }
        .bg-info {
            background-color: #17a2b8 !important;
            color: #fff;
        }
        .bg-success {
            background-color: #28a745 !important;
            color: #fff;
        }
        .bg-warning {
            background-color: #ffc107 !important;
            color: #212529;
        }
        .bg-danger {
            background-color: #dc3545 !important;
            color: #fff;
        }
        .bg-secondary {
            background-color: #6c757d !important;
            color: #fff;
        }
    </style>
@stop

@section('js')
    {{-- Add here extra javascript --}}
    <script>
        // Auto-hide alerts after 5 seconds
        setTimeout(function() {
            $('.alert').fadeOut('slow');
        }, 5000);
    </script>
@stop