<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title> Tickets Central </title>
<link rel="icon" href="{{ asset('plugins/metric/dist/assets/images/icon.png') }}">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
{% block stylesheets %}
<link href="/plugins/metric/dist/assets/plugins/dragula/dragula.min.css" rel="stylesheet" type="text/css" />
<link href="/plugins/metric/dist/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="/plugins/metric/dist/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="/plugins/metric/dist/assets/css/app.min.css" rel="stylesheet" type="text/css" />
<link href="/plugins/metric/dist/assets/css/app.css" rel="stylesheet" type="text/css" />
<link href="/styles/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.css" />
<link href="https://cdn.datatables.net/v/dt/dt-1.13.4/datatables.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
{% endblock %}
</head>
<body id="body">
<!-- Top Bar Start -->
<div class="topbar">
<!-- Navbar -->
<nav class="navbar-custom" id="navbar-custom" style="background-color:#608E34;margin-left: 0px">
<img src="{{ asset('uploads/logos/1.png') }}" style="width:60px" >
<ul class="list-unstyled topbar-nav float-end mb-0">
<div style="margin-right:10px">
<a href="/login" class="btn btn-primary w-100" style="border-radius:30px;margin-top:0px;background-color:white; border-color: #608E34;color:black" type="button">Reserved Area</a></div><!--end col-->
<div style="margin-right:10px; margin-top:-1px">
<a href="/login" class="btn btn-primary w-100" style="border-radius:30px;padding-left:20px;padding-right:20px;margin-top:0px;background-color:white; border-color: #608E34;color:black" type="button">Login</a>
</div><!--end col-->
</ul><!--end topbar-nav-->
<!-- end navbar-->
</div>
<!-- Top Bar End -->
{% block body %}
{% endblock %}
<script src="{{ asset('plugins/metric/dist/assets/plugins/dragula/dragula.min.js') }}"></script>
<script src="{{ asset('plugins/metric/dist/assets/pages/dragula.init.js') }}"></script>
{# <script src="{{ asset('plugins/metric/dist/assets/plugins/apexcharts/apexcharts.min.js') }}"></script> #}
<script src="{{ asset('plugins/metric/dist/assets/pages/crm-index.init.js') }}"></script>
<script src="{{ asset('plugins/metric/dist/assets/js/app.js') }}"></script>
<script src="{{ asset('styles/js/jquery-3.6.4.min.js') }}"></script>
<script src="https://cdn.datatables.net/v/dt/dt-1.13.4/datatables.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" ></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js" ></script>
<script>
$(document).ready(function () {
$('#dt-cell-sellection').DataTable();
});
</script>
<script type="text/javascript">
$(document).ready(function () {
document.body.classList.toggle('enlarge-menu');
$('#imageToUpload').change(function () {
var fileName = $(this).val().split('\\').pop();
$('#removeFileButton').show();
$('#removeSubmitButton').show();
});
$('#removeFileButton').click(function () {
$('#imageToUpload').val('');
$('#removeFileButton').hide();
$('#removeSubmitButton').hide();
});
});
</script>
</body>
</html>