

<?php $__env->startSection('content'); ?>
    <?php if(Auth::check()): ?>
        
        <style>
            * {
                box-sizing: border-box;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                cursor: default;
            }

            *:focus {
                outline: none !important;
            }

            body,
            html {
                height: 100vh;
            }

            a,
            a * {
                cursor: pointer !important;
            }

            body {
                display: flex;
                align-items: center;
                align-content: center;
                justify-content: center;
                padding: 12px;
                background: #7d7ea0;
                background: linear-gradient(135deg, #f5515f 0%, #05abe0 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$red", endColorstr="$blue", GradientType=1);
                color: #343434;
                font-family: "brandon-grotesque", "Brandon Grotesque", "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
                text-rendering: optimizeLegibility;
                -webkit-font-smoothing: antialiased;
            }

            .profile {
                position: relative;
                width: 100%;
                max-width: 700px;
                height: 100%;
                background: rgba(255, 255, 255, 0.1);
                border-radius: 2px;
                overflow: hidden;
                box-shadow: 0 0 20px rgba(115, 7, 16, 0.2);
            }

            .profile.pre-enter {
                transform-origin: center center;
                transform: scaleY(0);
            }

            .profile.pre-enter .avatar {
                transform-origin: center top;
                transform: scaleY(0);
            }

            .profile.pre-enter h1,
            .profile.pre-enter h2,
            .profile.pre-enter a.follow,
            .profile.pre-enter a.link {
                opacity: 0;
                transform: translateY(300px);
            }

            .profile.on-enter {
                -webkit-animation: scaleYIn 1000ms ease-out forwards;
                animation: scaleYIn 1000ms ease-out forwards;
            }

            .profile.on-enter .avatar {
                -webkit-animation: scaleYIn-small 750ms ease-out forwards 1000ms;
                animation: scaleYIn-small 750ms ease-out forwards 1000ms;
            }

            .profile.on-enter h1,
            .profile.on-enter h2,
            .profile.on-enter a.follow,
            .profile.on-enter a.link {
                opacity: 1;
                -webkit-animation: slideInUp 1000ms ease-out forwards;
                animation: slideInUp 1000ms ease-out forwards;
            }

            .profile.on-enter h1 {
                -webkit-animation-delay: 1050ms;
                animation-delay: 1050ms;
            }

            .profile.on-enter h2 {
                -webkit-animation-delay: 1100ms;
                animation-delay: 1100ms;
            }

            .profile.on-enter a.follow {
                -webkit-animation-delay: 1250ms;
                animation-delay: 1250ms;
            }

            .profile.on-enter li:nth-child(1) a.link {
                -webkit-animation-delay: 1300ms;
                animation-delay: 1300ms;
            }

            .profile.on-enter li:nth-child(2) a.link {
                -webkit-animation-delay: 1350ms;
                animation-delay: 1350ms;
            }

            .profile.on-enter li:nth-child(3) a.link {
                -webkit-animation-delay: 1400ms;
                animation-delay: 1400ms;
            }

            .background {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: white;
                border-radius: 2px;
            }

            .avatar,
            .info {
                width: 100%;
                height: 50%;
            }

            .avatar {
                background: url("<?php echo e(profileImg()??asset(getBranch()->logo)); ?>") no-repeat top center/cover;
                -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
                clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
            }

            .info {
                display: flex;
                flex-flow: row wrap;
                align-items: center;
                align-content: center;
                justify-content: center;
                position: relative;
                text-align: center;
            }

            .info h1 {
                padding: 12px 12px 0;
                width: 100%;
                font-size: 24px;
                font-weight: 800;
                letter-spacing: 2px;
                text-transform: uppercase;
            }

            .info h2,
            .info a.follow {
                display: block;
                margin-top: 0;
                border-radius: 2px;
                padding: 6px;
                color: white;
                font-size: 12px;
                font-weight: 500;
                letter-spacing: 1px;
                text-transform: uppercase;
            }

            .info h2 {
                background: #f5515f;
                margin-top:11px ;
                background: linear-gradient(135deg, #f5825f 0%, #f5005f 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5825f", endColorstr="#f5005f", GradientType=1);
            }

            .info a.follow {
                margin-left: 12px;
                background: #05abe0;
                background: linear-gradient(135deg, #05c8e0 0%, #057fe0 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05c8e0", endColorstr="#057fe0", GradientType=1);
            }

            .info a.follow:hover, .info a.follow:focus {
                background: #05c8e0;
                background: linear-gradient(135deg, #1ee2fa 0%, #1e99fa 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="lighten(#05c8e0, 10%)", endColorstr="lighten(#057fe0, 10%)", GradientType=1);
            }

            .info a.follow:active {
                background: #057fe0;
                background: linear-gradient(135deg, #04b2c7 0%, #0471c7 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="darken(#05c8e0, 5%)", endColorstr="darken(#057fe0, 5%)", GradientType=1);
            }



            .info a.link {
                display: block;
                padding: 9px;
                transform-origin: center center;
            }

            .info a.link svg {
                width: 28px;
                height: 28px;
            }

            .info a.link svg *:not(.fill) {
                fill: none;
                stroke: white;
                stroke-width: 5px;
                stroke-linecap: round;
                stroke-linejoin: round;
            }

            .info a.link svg .fill {
                fill: white;
                stroke: none;
            }

            a.link.portfolio {
                background: #f5c8bf;
                background: linear-gradient(135deg, #f5c8bf 0%, #f58dbf 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5c8bf", endColorstr="#f58dbf", GradientType=1);
                box-shadow: inset 0 0 10px rgba(245, 141, 191, 0.5);
            }

            a.link.portfolio:hover, a.link.portfolio:focus {
                background: #f8dbd5;
                background: linear-gradient(135deg, #f8dbd5 0%, #f7a4cc 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="lighten(#f5c8bf, 5%)", endColorstr="lighten(#f58dbf, 5%)", GradientType=1);
                box-shadow: inset 0 0 10px rgba(247, 164, 204, 0.5);
            }

            a.link.portfolio:active {
                background: #f2b5a9;
                background: linear-gradient(135deg, #f2b5a9 0%, #f376b2 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="darken(#f5c8bf, 5%)", endColorstr="darken(#f58dbf, 5%)", GradientType=1);
                box-shadow: inset 0 0 10px rgba(243, 118, 178, 0.5);
            }

            a.link.codepen {
                background: #fcd000;
                background: linear-gradient(135deg, #fcd000 0%, #fc9a00 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcd000", endColorstr="#fc9a00", GradientType=1);
                box-shadow: inset 0 0 10px rgba(252, 154, 0, 0.5);
            }

            a.link.codepen:hover, a.link.codepen:focus {
                background: #ffd617;
                background: linear-gradient(135deg, #ffd617 0%, #ffa517 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="lighten(#fcd000, 5%)", endColorstr="lighten(#fc9a00, 5%)", GradientType=1);
                box-shadow: inset 0 0 10px rgba(255, 165, 23, 0.5);
            }

            a.link.codepen:active {
                background: #e3bb00;
                background: linear-gradient(135deg, #e3bb00 0%, #e38a00 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="darken(#fcd000, 5%)", endColorstr="darken(#fc9a00, 5%)", GradientType=1);
                box-shadow: inset 0 0 10px rgba(227, 138, 0, 0.5);
            }

            a.link.github {
                background: #41adc4;
                background: linear-gradient(135deg, #41adc4 0%, #4183c4 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41adc4", endColorstr="#4183c4", GradientType=1);
                box-shadow: inset 0 0 10px rgba(65, 131, 196, 0.5);
            }

            a.link.github:hover, a.link.github:focus {
                background: #54b5ca;
                background: linear-gradient(135deg, #54b5ca 0%, #5490ca 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="lighten(#41adc4, 5%)", endColorstr="lighten(#4183c4, 5%)", GradientType=1);
                box-shadow: inset 0 0 10px rgba(84, 144, 202, 0.5);
            }

            a.link.github:active {
                background: #389eb4;
                background: linear-gradient(135deg, #389eb4 0%, #3876b4 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="darken(#41adc4, 5%)", endColorstr="darken(#4183c4, 5%)", GradientType=1);
                box-shadow: inset 0 0 10px rgba(56, 118, 180, 0.5);
            }

            @media  only screen and (min-width: 470px) {
                .profile {
                    display: flex;
                }

                .profile.pre-enter {
                    transform: scaleX(0);
                }

                .profile.pre-enter .avatar {
                    transform-origin: left center;
                    transform: scaleX(0);
                }

                .profile.pre-enter h1,
                .profile.pre-enter h2,
                .profile.pre-enter a.follow,
                .profile.pre-enter a.link {
                    transform: translateX(400px);
                }

                .profile.on-enter {
                    -webkit-animation-name: scaleXIn;
                    animation-name: scaleXIn;
                }

                .profile.on-enter .avatar {
                    -webkit-animation-name: scaleXIn-small;
                    animation-name: scaleXIn-small;
                }

                .profile.on-enter h1,
                .profile.on-enter h2,
                .profile.on-enter a.follow,
                .profile.on-enter a.link {
                    -webkit-animation-name: slideInLeft;
                    animation-name: slideInLeft;
                }

                .background {
                    mix-blend-mode: overlay;
                }

                .avatar,
                .info {
                    width: 50%;
                    height: 100%;
                }

                .avatar {
                    -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
                    clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
                }

                .svgclippaths .info {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 56.25%;
                }
            }

            @media  only screen and (min-width: 470px) and (min-height: 600px) {
                .profile {
                    max-height: 400px;
                }
            }

            /* https://goo.gl/jIUq3E */
            @-webkit-keyframes scaleXIn {
                0% {
                    transform: matrix3d(0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                4.7% {
                    transform: matrix3d(0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                9.41% {
                    transform: matrix3d(0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                14.11% {
                    transform: matrix3d(1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                18.72% {
                    transform: matrix3d(1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                24.32% {
                    transform: matrix3d(1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                29.93% {
                    transform: matrix3d(1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                35.54% {
                    transform: matrix3d(0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                41.04% {
                    transform: matrix3d(0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                52.15% {
                    transform: matrix3d(0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                63.26% {
                    transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                85.49% {
                    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            @keyframes  scaleXIn {
                0% {
                    transform: matrix3d(0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                4.7% {
                    transform: matrix3d(0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                9.41% {
                    transform: matrix3d(0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                14.11% {
                    transform: matrix3d(1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                18.72% {
                    transform: matrix3d(1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                24.32% {
                    transform: matrix3d(1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                29.93% {
                    transform: matrix3d(1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                35.54% {
                    transform: matrix3d(0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                41.04% {
                    transform: matrix3d(0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                52.15% {
                    transform: matrix3d(0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                63.26% {
                    transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                85.49% {
                    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            /* https://goo.gl/auuhcg */
            @-webkit-keyframes scaleYIn {
                0% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                4.7% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                9.41% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                14.11% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                18.72% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                24.32% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                29.93% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                35.54% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                41.04% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                52.15% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                63.26% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                85.49% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            @keyframes  scaleYIn {
                0% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                4.7% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                9.41% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                14.11% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                18.72% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                24.32% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                29.93% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                35.54% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                41.04% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                52.15% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                63.26% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                85.49% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            /* https://goo.gl/dNBqrt */
            @-webkit-keyframes scaleXIn-small {
                0% {
                    transform: matrix3d(0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                6.31% {
                    transform: matrix3d(0.384, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                12.51% {
                    transform: matrix3d(0.621, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                18.82% {
                    transform: matrix3d(0.771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                25.03% {
                    transform: matrix3d(0.862, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                37.54% {
                    transform: matrix3d(0.952, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                50.05% {
                    transform: matrix3d(0.984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                75.08% {
                    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            @keyframes  scaleXIn-small {
                0% {
                    transform: matrix3d(0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                6.31% {
                    transform: matrix3d(0.384, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                12.51% {
                    transform: matrix3d(0.621, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                18.82% {
                    transform: matrix3d(0.771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                25.03% {
                    transform: matrix3d(0.862, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                37.54% {
                    transform: matrix3d(0.952, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                50.05% {
                    transform: matrix3d(0.984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                75.08% {
                    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            /* https://goo.gl/jZL0uj */
            @-webkit-keyframes scaleYIn-small {
                0% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                6.31% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.384, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                12.51% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.621, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                18.82% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                25.03% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.862, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                37.54% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.952, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                50.05% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                75.08% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            @keyframes  scaleYIn-small {
                0% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                6.31% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.384, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                12.51% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.621, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                18.82% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                25.03% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.862, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                37.54% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.952, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                50.05% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                75.08% {
                    transform: matrix3d(1, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            /* https://goo.gl/Ne0Mkr */
            @-webkit-keyframes slideInLeft {
                0% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 0, 0, 1);
                }
                6.31% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 184.858, 0, 0, 1);
                }
                12.51% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 113.68, 0, 0, 1);
                }
                18.82% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 68.663, 0, 0, 1);
                }
                25.03% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 41.37, 0, 0, 1);
                }
                37.54% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.382, 0, 0, 1);
                }
                50.05% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.724, 0, 0, 1);
                }
                75.08% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.381, 0, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            @keyframes  slideInLeft {
                0% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 0, 0, 1);
                }
                6.31% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 184.858, 0, 0, 1);
                }
                12.51% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 113.68, 0, 0, 1);
                }
                18.82% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 68.663, 0, 0, 1);
                }
                25.03% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 41.37, 0, 0, 1);
                }
                37.54% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.382, 0, 0, 1);
                }
                50.05% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.724, 0, 0, 1);
                }
                75.08% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.381, 0, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            /* https://goo.gl/MSqtd5 */
            @-webkit-keyframes slideInUp {
                0% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1);
                }
                6.31% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 184.858, 0, 1);
                }
                12.51% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 113.68, 0, 1);
                }
                18.82% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 68.663, 0, 1);
                }
                25.03% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 41.37, 0, 1);
                }
                37.54% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 14.382, 0, 1);
                }
                50.05% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.724, 0, 1);
                }
                75.08% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.381, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }

            @keyframes  slideInUp {
                0% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1);
                }
                6.31% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 184.858, 0, 1);
                }
                12.51% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 113.68, 0, 1);
                }
                18.82% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 68.663, 0, 1);
                }
                25.03% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 41.37, 0, 1);
                }
                37.54% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 14.382, 0, 1);
                }
                50.05% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.724, 0, 1);
                }
                75.08% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.381, 0, 1);
                }
                100% {
                    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                }
            }
        </style>
        <?php
        $db_route = '';
        if (Auth::check()) {
            if (Auth::user()->status != 0) {
                if (Auth::user()->user_type == 'seller') {
                    $db_route = route('seller-dashboard.index');
                } else {
                    if ((Auth::user()->branch)->main == 0) {
                        $db_route = route('dashboard-branch.index');
                    } else {
                        $db_route = route('app_dashboard');

                    }
                }
            }

        }

        ?>
        <main class='profile'>
            <div class='background'></div>
            <aside class='avatar'></aside>
            <section class='info'>
                <h1><?php echo e(Auth::user()->name); ?></h1>
                <h2 class="cursor" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Log Out</h2>
                <a class='follow' href="<?php echo e($db_route); ?>">+ Dashboard</a>

            </section>
        </main>
        <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" style="display: none;">
            <?php echo e(csrf_field()); ?>


        </form>

    <?php else: ?>
        <?php echo $__env->make('auth.login', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php endif; ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script'); ?>
    <script>
        $(".profile").addClass("pre-enter");
        setTimeout(function () {
            $(".profile").addClass("on-enter");
        }, 500);
        setTimeout(function () {
            $(".profile").removeClass("pre-enter on-enter");
        }, 3000);
        $(document).ready(function () {
            let title;
            <?php if(Auth::check()): ?>
                title = '<?php echo e(Auth::user()->name); ?>';
            <?php else: ?>
                title = '<?php echo e(__('administrator.login')); ?>';
            <?php endif; ?>
            $('title').text(title);
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.frontend', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/nsowos/public_html/shr-brand/resources/views/frontend/home.blade.php ENDPATH**/ ?>