<!DOCTYPE html>
<html lang="en">
<head>
    <title><?php echo $title; ?></title>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php echo getFileContent('widget/head'); ?>
    <link rel="canonical" href="<?php echo $AppProtocol . $request_path ?>">
    <?php if ($AmpURL) : ?>
    <link rel="amphtml" href="<?php echo $AmpURL; ?>">
    <?php endif; ?>
    <?php if ($schema) : ?>
    <script type="application/ld+json"><?php echo json_encode($schema); ?></script>
    <?php endif; ?>
    <meta name="language" content="en">
    <meta name="theme-color" content="#000250">
    <!-- Webmaster Seo Tag -->
    <meta name="title" content="<?php echo $title; ?>">
    <?php if ($metadescription) : ?>
    <meta name="description" content="<?php echo $metadescription; ?>">
    <?php endif; ?>
    <?php if ($metakeywords) : ?>
    <meta name="keywords" content="<?php echo $metakeywords; ?>">
    <?php endif; ?>
    <meta name="robots" content="<?php echo $metarobots; ?>">
    <!-- Open Graph Meta Tag -->
    <meta property="og:url" content="<?php echo $AppProtocol . $request_path ?>">
    <meta property="og:type" content="article">
    <meta property="og:title" content="<?php echo $title; ?>">
    <meta property="og:description" content="<?php echo $metadescription; ?>">
    <meta property="og:image" content="<?php echo $metaogimage; ?>">
    <!-- Fevicons -->
    <link rel="apple-touch-icon" type="image/png" sizes="192x192" href="/assets/images/icons-192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
    <link rel="icon" href="/favicon.png" type="image/png">
    <link rel="shortcut icon" href="/favicon.png" type="image/png">
    <link rel="manifest" href="/manifest.json">
    <link rel="stylesheet" href="/assets/dist/style.css">
    <?php if ($Route == "UPLOAD" && $isLogged) : ?>
    <link rel="stylesheet" href="/assets/dist/select2/css/select2.min.css">
    <?php endif; ?>
  <!-- audio player home -->
  <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
<link rel="stylesheet" href="/player/custom.css">
</head>
<style>
.bottom-navbar {
        position: fixed;
        bottom: 0px;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        background: #d5d5d5;
        border-radius: 30px 30px 0px 0px;
        padding: 10px 0px;
        box-shadow: 0px 0px 30px 0px #9e9e9ed9;
    }
    .bottom-navbar button {
        width: 60px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0px;
        background: transparent;
        border-radius: 20px;
        transition: all .25s ease;
    }
    .bottom-navbar button:active:not(.float) {
        transform: scale(1.2);
    }
    .bottom-navbar button.float {
        margin-top: -50px;
        background: linear-gradient(to left bottom, #2c58b9, #142873);
        color: #fff;
        border-radius: 25px;
        height: 60px;
        box-shadow: 0px 10px 20px 0px rgb(0 2 96 / 60%);
    }
    .bottom-navbar button.active {
        color: rgb(232, 76, 79);
    }
    .bottom-navbar button i {
        font-size: 1.5rem;
        pointer-events: none;
    }
    .con-effect {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        overflow: hidden;
        pointer-events: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .effect {
        background: rgba(232, 76, 79, .15);
        width: 60px;
        height: 50px;
        position: absolute;
        left: 13px;
        border-radius: 18px;
    }
</style>
<body>
    <header>
        <nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-primary">
            <div class="container">
                <a class="navbar-brand" href="<?php echo APP_URL; ?>"><img style="width:100px;" src="/assets/images/logo.png" alt="<?php echo APP_NAME; ?>">
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ms-auto">
 <li class="nav-item" ><a class="nav-link text-uppercase" href="<?php echo APP_URL . '/categorie/list/'  . $endRoute; ?>"> <i class="fa fa-music"></i> Categorii</a></li>
  <li class="nav-item"><a href="/upload" class="btn btn-danger text-uppercase"><i class="fa fa-upload"></i> Upload </a></li>
                        <?php
                        if (!$isLogged && (GOOGLE_APP_ID || FACEBOOK_APP_ID))
                            echo '<li class="ms-lg-1 mt-2 mt-md-0"><button type="button" onclick="login();" class="btn btn-outline-success">Login / Register</button></li>';
                        ?>
                        <?php if ($isLogged) : ?>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    <img alt="profile" src="<?php echo APP_URL . '/assets/images/user.svg'; ?>" data-src="<?php echo $avatorImg; ?>" width="27" height="27" class="rounded-circle lazy">
                                </a>
                                <ul class="dropdown-menu shadow-sm" aria-labelledby="navbarDropdown2">
                                    <li class="border-bottom"><a class="dropdown-item" href="<?php echo APP_URL . '/user/' . $AuthUser['user_name'] . $endRoute; ?>"><i class="fa fa-user-o"></i> Profile</a></li>
                                    <li class="border-bottom"><a class="dropdown-item" href="<?php echo APP_URL . '/upload' . $endRoute; ?>"><i class="fa fa-upload"></i> Upload</a></li>
                                    <li class="border-bottom"><a class="dropdown-item" href="<?php echo APP_URL . '/musics/1/my-favourites' . $endRoute; ?>"><i class="fa fa-heart text-danger"></i> My Favourites</a></li>
                                    <li><a class="dropdown-item" href="<?php echo APP_URL . '/account?logout=' . $login_via; ?>"><i class="fa fa-logout"></i> Log Out</a></li>
                                </ul>
                            </li>
                        <?php endif; ?>
                    </ul>
                    <form class="ms-2 mt-2 mt-md-0 d-flex" action="<?php echo APP_URL . '/search/list'; ?>" method="GET">
                        <div class="input-group me-2">
                            <input class="form-control form-control-sm" type="text" name="q" placeholder="Search" value="<?php echo isset($searchq) ? $searchq : ''; ?>" aria-label="Search">
                            <div class="input-group-append">
                                <select name="search" aria-label="SearchType" class="form-control">
                                    <option value="song">Ton</option>
                                </select>
                            </div>
                        </div>
                        <button class="btn btn-danger" type="submit">Search</button>
                    </form>
                </div>
            </div>
        </nav>
    </header>
    <?php echo getAds($AdsPath . '/all_page_top'); ?>
    <div class="bottom-navbar">
        <button style=" background: #f8f9fa; ">
        <a href="/" title="Home"> <i class="fa fa-home"></i></a>
        </button>
        <button style=" background: #f8f9fa; ">
         <a href="<?php echo APP_URL . '/musics/1/latest-songs' . $endRoute; ?>" title="Latest Ringtones"> <i class="fa fa-music"></i></a>
        </button>
        <button class="float" >
        <a style="color:#fff;" href="/upload" title="Upload Ringtone"> <i class="fa fa-upload"></i></a>
        </button> 
        <button style="background: #f8f9fa;">
        <a href="/categorie/list/" title="Category"> <i class="fa fa-folder-open"></i></a>
        </button>
<?php
  if (!$isLogged && (GOOGLE_APP_ID || FACEBOOK_APP_ID))
  echo '
       <button style="background: #f8f9fa;" type="button" onclick="login();">
       <i class="fa fa-user-o"></i>
        </button>  
        ';
  ?>
     <?php if ($isLogged) : ?>
            <button style=" background: #f8f9fa; ">
        <a href="<?php echo APP_URL . '/user/' . $AuthUser['user_name'] . $endRoute; ?>" title="User Account"><i class="fa fa-edit" aria-hidden="true"></i></a>
        </button>
   <?php endif; ?>
    </div>
    