<!DOCTYPE html>
{% for lang in site['languages'] %}
{% if lang['active'] %}
<html lang="{{ lang['code'] }}">
{% endif %}
{% endfor %}
<head>
<base href="{{ site['url'] }}/">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ title }}</title>
<meta name="keywords" content="{{ keywords }}">
<meta name="description" content="{{ description }}">
{% if site['favicon'] %}
<link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
{% endif %}
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
{{ headerCode }}
{% for style in styleList %}
<link rel="stylesheet" type="text/css" href="{{ style }}">
{% endfor %}
<link rel="stylesheet" type="text/css" href="../css/panel/Clementine/assets/orange.css">
<link href="https://irscdn.icu/css/vendor/datatable/datatables.min.css?v=3" rel="stylesheet">
<link rel="stylesheet" href="../css/panel/Clementine/cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700,700i,800">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script>
$(document).ready(function () {
$(".google-auto-placed").attr("style", "position: absolute; padding-right: 525px;");
});
window.Laravel = {"csrfToken":"1vecCIYdQDvOV0APsy20LODBKGzAyUxeoBxvV5oa"};
window.baseUrl = "https://panel.superrental.xyz";
</script>
<style>
body {
background-image: none;
background-position: unset;
}
.navbar .navbar-brand img{
height: 45px;
}
.navbar-brand{
margin-top: -4px;
}
@media (min-width: 992px) {
.navbar .navbar-brand img{
height: 85px;
}
.navbar-brand{
margin-top: 4px;
}
}
.btn-primary{
color:white;
}
@media (max-width: 991px) {
footer .logo img{
width: 100%;
height: auto;
}
}
.payments-panel img {
width: 100%;
max-width: calc(30vw + 100px);
height: auto;
}
div#swal2-content img {
width: 100%;
height: auto;
}
</style>
</head>
{% if settings['demo_mode'] == 1 %}
<style>
.fixed-footer{
position: fixed;
background: #fff;
border:1px solid #000;
width:100%;
bottom:0;
z-index:99999999;
padding:10px;
}
</style>
<div class="fixed-footer">
<h4 style="color:#000">Choose Theme:
{% for thm in site['themes'] %}
<a href="/select-theme/{{thm['dirname']}}" style="color:blue;margin:0 10px;font-size:16px">[ {{thm['name']}} ]</a>
{% endfor %}
</h4>
</div>
{% endif %}
<body id="login" class="login unauthorized">
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="component-navbar-brand component-navbar-public-brand">
<a target="_self" href="/"><span style="text-transform: "><span style="font-size: 24px"><span style="letter-spacing: 1.0px"><span style="line-height: 70px"><strong style="font-weight: bold"> {{ site["site_name"] }}</strong></span></span></span></span></a>
</div>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav currency_div">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
{{ currency["name"] }}
<span style="margin-left:5px;" class="caret"></span></a>
<ul class="dropdown-menu dropdown-max-height"> {% for curr in site['currencies'] %} <li class="nav-item component-navbar-nav-item component-navbar-private-nav-item"> <a class="component-navbar-nav-link component-navbar-nav-link__navbar-private component-navbar-nav-link-active__navbar-private " href="/cur?cur={{curr['id']}}"> {{ curr["name"]}}</a></li> {% endfor %} </ul>
</li></ul>
<ul class="nav navbar-nav navbar-right">
<li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link component-navbar-nav-link__navbar-private component-navbar-nav-link-active__navbar-private " href="/" >
<span class="component-navbar-nav-link-icon">
<span class="far fa-shopping-cart"></span>
</span>Login
</a>
</li> <li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link component-navbar-nav-link__navbar-private " href="/signup" >
<span class="component-navbar-nav-link-icon">
<span class="far fa-user-plus"></span>
</span>Signup
</a>
</li> <li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link component-navbar-nav-link__navbar-private " href="/api" >
<span class="component-navbar-nav-link-icon">
<span class="far fa-link"></span>
</span>Api
</a>
</li> <li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link component-navbar-nav-link__navbar-private " href="/service" >
<span class="component-navbar-nav-link-icon">
<span class="far fa-clipboard-list"></span>
</span>Services
</a>
</li>
<li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link component-navbar-nav-link__navbar-private " href="/terms" >
<span class="component-navbar-nav-link-icon">
<span class="far fa-clipboard-list"></span>
</span>Terms
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="paddingbody"></div>
<div class="container-fluid container-fluid-spacious">
<div class="row">
<div class="col-md-12">
<div class="well well-float table-responsive" style="display:none;">
</div>
<div class="well well-float">
<div class="row">
<div class="col-md-12">
<input type="text" id="serv-inp" class="form-control col-md-12" placeholder="{{lang["smmspot.services.search"]}}">
</div>
</div>
</div>
<div id="order-page" class="well well-float table-responsive">
<!--You can customise it from theme editing-->
<table class="table ">
<thead>
<tr>
<th>ID</th>
<th class="width-service-name">Service</th>
<th>Rate <br> per 1000</th>
<th class="hide-on-mobile" >Min/Max</th>
<th class="hide-on-mobile average_time-section" ><div data-toggle="tooltip" data-placement="bottom" title="" data-original-title="The average time is based on 10 latest completed orders per 1000 quantity.">Average Time <span class=</div></th>
<th class="hidden-xs hidden-sm service-description__th">Description</th>
</tr>
</thead>
<tbody>
{% for category in serviceCategory %}
<tr class="service_cat_header" data-category="{{ category["category_name"] }}">
<td colspan="7"><strong>{{ category["category_name"] }}</strong></td>
</tr>
{% for service in category['services'] %}
<tr data-filter-table-category-id="{{ category["category_id"] }}">
<td data-label="ID" data-filter-table-service-id="{{ service["service_id"] }}"><span id="service-{{ service["service_id"] }}">{{ service["service_id"] }}</span></td>
<td data-label="Service" class="table-service" data-filter-table-service-name="true">{{ service["service_name"] }}</td>
<td>
{{ currency["symbol"] }} {{ service['service_price'] *currency["value"] }}
</td>
<td data-title="Min/Max">{{ service["service_min"] }} - {{ service["service_max"] }}</td>
{% if avarageTime %}
<td data-title="Ortalama Süre">{{ service["service_speed"] }}</td>
{% endif %}
<td>
<!-- Modal -->
<div class="modal fade" id="servis{{ service["service_id"] }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h5 class="modal-title" id="exampleModalLabel"><b>{{ service["service_name"] }} </h5> </b>
</div>
<div class="modal-body text-left">
<p class="detail-data details-split-959"> {{ service["service_description"] }}</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div><a href="javascript:void(0)" class="btn btn-actions " data-toggle="modal" data-target="#servis{{ service["service_id"] }}"> <button class="btn btn-block btn-primary">View Details</button>
</a>
</td>
</tr>
{% endfor %}
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<script>
function ikon(opt) {
var ikon = "";
if (opt.indexOf("Instagram") >= 0) {
ikon = "<span class=\"fs-ig\"><i class=\"fab fa-instagram\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("YouTube") >= 0) {
ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Facebook") >= 0) {
ikon = "<span class=\"fs-fb\"><i class=\"fab fa-facebook-square\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Youtube") >= 0) {
ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Twitter") >= 0) {
ikon = "<span class=\"fs-tw\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Google") >= 0) {
ikon = "<span class=\"fs-gp\"><i class=\"fab fa-google-plus\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Swarm") >= 0) {
ikon = "<span class=\"fs-fsq\"><i class=\"fab fa-forumbee\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Dailymotion") >= 0) {
ikon = "<span class=\"fs-dm\"><i class=\"fab fa-hospital-o\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Periscope") >= 0) {
ikon = "<span class=\"fs-pc\"><i class=\"fab fa-map-marker\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Soundcloud") >= 0) {
ikon = "<span class=\"fs-sc\"><i class=\"fab fa-soundcloud\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Vine") >= 0) {
ikon = "<span class=\"fs-vn\"><i class=\"fab fa-vine\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Spotify") >= 0) {
ikon = "<span class=\"fs-sp\"><i class=\"fab fa-spotify\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Snapchat") >= 0) {
ikon = "<span class=\"fs-snap\"><i class=\"fab fa-snapchat-square\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Pinterest") >= 0) {
ikon = "<span class=\"fs-pt\"><i class=\"fab fa-pinterest-p\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("iTunes") >= 0) {
ikon = "<span class=\"fs-apple\"><i class=\"fab fa-apple\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Müzik") >= 0) {
ikon = "<span class=\"fs-music\"><i class=\"fab fa-music\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Vimeo") >= 0) {
ikon = "<span class=\"fs-videmo\"><i class=\"fab fa-vimeo\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Ekşi") >= 0) {
ikon = "<span class=\"fs-eksi\"><i class=\"fab fa-tint\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Telegram") >= 0) {
ikon = "<span class=\"fs-telegram\"><i class=\"fab fa-telegram\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Twitch") >= 0) {
ikon = "<span class=\"fs-twc\"><i class=\"fab fa-twitch\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Zomato") >= 0) {
ikon = "<span class=\"fs-zom\"><i class=\"fab fa-cutlery\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Amazon") >= 0) {
ikon = "<span class=\"fs-amaz\"><i class=\"fab fa-amazon\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Tumblr") >= 0) {
ikon = "<span class=\"fs-tumb\"><i class=\"fab fa-tumblr-square\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Yandex") >= 0) {
ikon = "<span class=\"fs-yndx\"><i class=\"fab fa-yoast\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Linkedin") >= 0) {
ikon = "<span class=\"fs-lnk\"><i class=\"fab fa-linkedin\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("Yahoo") >= 0) {
ikon = "<span class=\"fs-yahoo\"><i class=\"fab fa-yahoo\" aria-hidden=\"true\"></i> </span>";
} else if (opt.indexOf("TikTok") >= 0) {
ikon = "<span class=\"fs-tiktok\"><i class=\"fa fa-music\" aria-hidden=\"true\"></i> </span>";
} else {
ikon = "<span class=\"\"><i class=\"far fa-star\" aria-hidden=\"true\"></i> </span> ";
}
return ikon;
}
$(document).ready(function() {
$(".pm-ikon").each(function() {
var ico = ikon($(this).text());
$(this).html(ico + $(this).text() );
console.log($(this).text());
});
});
</script>
<script>
function filterService(category) {
if (category == 'All')
$('tbody tr.hidden').removeClass('hidden');
else {
$('tbody tr').addClass('hidden');
$('tbody tr[data-category="' + category + '"]').removeClass('hidden');
}
removeEmptyCategory();
}
function removeEmptyCategory() {
$('.service-category').each(function () {
var next = $(this).next();
var services = $(this).nextUntil('.service-category');
var empty = true;
services.each(function() {
if (!$(this).hasClass('hidden')) empty = false;
});
if (empty) $(this).addClass('hidden');
})
}
</script>
{% include 'footer.twig' %}