{#<!DOCTYPE html>#}
{#<html>#}
{# <head>#}
{# <meta charset="UTF-8">#}
{# <title>{% block title %}Welcome!{% endblock %}</title>#}
{# <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">#}
{# #}{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
{# {% block stylesheets %}#}
{# {{ encore_entry_link_tags('app') }}#}
{# {% endblock %}#}
{# </head>#}
{# <body>#}
{# {% block body %}{% endblock %}#}
{# </body>#}
{# {% block javascripts %}#}
{# {{ encore_entry_script_tags('app') }}#}
{# {{ encore_entry_script_tags('bootstrap') }}#}
{# {% endblock %}#}
{#</html>#}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %}Evangelical Presbyterian Church Youth Fellowship {% endblock %}</title>
{% block stylesheets %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#A60A16"/>
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/aos.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/animate.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/meanmenu.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/remixicon.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/flaticon.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/odometer.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/owl.theme.default.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/magnific-popup.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/fancybox.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/selectize.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/navbar.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/footer.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/dark.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/responsive.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/font.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/news.css') }}">
<link rel="stylesheet" href="{{ asset('tabs/css/style.css') }}">
<link rel="icon" type="image/png" href="{{ asset('build/images/epcs-logo.png') }}">
{% endblock %}
<div class="preloader">
<div class="d-table">
<div class="d-table-cell">
<div class="lds-spinner">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
</div>
<div class="navbar-area navbar-style-two fixed-top">
<div class="main-responsive-nav">
<div class="container">
<div class="main-responsive-menu">
<div class="logo">
<a href="#">
<img src="{{ asset('build/images/epcs-logo.png') }}" alt="logo" width="50">
</a>
</div>
</div>
</div>
</div>
<div class="main-navbar">
<div class="container-fluid">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand" href="#">
<img src="{{ asset('build/images/epcs-logo.png') }}" class="logo-one" alt="logo" width="50">
<img src="{{ asset('build/images/epcs-logo.png') }}" class="logo-two" alt="logo" width="50">
</a>
<b class="text-dark">EPCYFS</b>
<div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
<ul class="navbar-nav m-auto">
<li class="nav-item">
<a href="{{ path('app_home') }}" class="nav-link
{% if app.request.attributes.get('_route') in ['app_main'] %}active{% endif %}">
<i class="ri-home-4-line"></i> Home</a>
</li>
<li class="nav-item">
<a href="{{ path('about_us') }}" class="nav-link
{% if app.request.attributes.get('_route') in ['about_us'] %}active{% endif %}">About us</a>
</li>
<li class="nav-item
{% if app.request.attributes.get('_route') in ['executives'] %}active{% endif %}">
<a href="{{ path('executives_list') }}" class="nav-link">Executives</a>
</li>
<li class="nav-item">
<a href="{{ path('photo_gallery') }}" class="nav-link
{% if app.request.attributes.get('_route') in ['gallery'] %}active{% endif %}
">Gallery</a>
</li>
<li class="nav-item
{% if app.request.attributes.get('_route') in ['app_events'] %}active{% endif %}">
<a href="#" class="nav-link">Events</a>
</li>
<li class="nav-item
{% if app.request.attributes.get('_route') in ['app_contact'] %}active{% endif %}">
<a href="#" class="nav-link">Contact</a>
</li>
<li class="nav-item
{% if app.request.attributes.get('_route') in ['app_contact'] %}active{% endif %}">
<a href="#" class="nav-link" data-bs-toggle="modal" data-bs-target="#loginFormModal"><i
class="ri-lock-line"></i> Login</a>
</li>
</ul>
{# {{ render(controller('App\\Controller\\VcontactController::TopContact')) }}#}
</div>
</nav>
</div>
</div>
{#<div class="others-option-for-responsive d-none d-sm-block">
<div class="container">
<div class="dot-menu">
<div class="inner">
<i class="ri-phone-line"></i>
#}{#<div class="circle circle-one"></div>
<div class="circle circle-two"></div>
<div class="circle circle-three"></div>#}{#
</div>
</div>
<div class="container">
<div class="option-inner">
<div class="others-options d-flex align-items-center">
<div class="option-item">
<div class="call-us-box">
<div class="icon">
<i class="flaticon-phone-call"></i>
</div>
<span>Call us:</span>
{{ render(controller('App\\Controller\\VcontactController::TopContact')) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>#}
</div>
</head>
<body>
{% block body %}{% endblock %}
{% block javascripts %}
<div class="overview-area d-none d-sm-block">
<div class="container">
<div class="overview-inner-box shadow-lg rounded-4">
<div class="row align-items-center">
<div class="col-lg-8 col-md-6">
<div class="overview-content">
<span class="fs-4">Registered Member</span>
<h3>Please Login</h3>
</div>
</div>
<div class="col-lg-4 col-md-6 text-end">
<div class="overview-btn">
{# <a href="#" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#loginFormModal"><i class="fa fa-lock"></i> Login</a>#}
<a href="{{ path('app_login') }}" class="default-btn" data-bs-toggle="modal" data-bs-target="#loginFormModal">Login <i
class="ri-arrow-right-line"></i></a>
</div>
</div>
</div>
<div class="overview-shape-1" data-speed="0.08" data-revert="true">
<img src="{{ asset('assets/images/shapes/3.png') }}" alt="image">
</div>
</div>
</div>
</div>
<footer class="footer-area pb-75">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-3 col-sm-6">
<div class="single-footer-widget">
<div class="footer-widget-logo">
<a href="#">
<img src="{{ asset('build/images/epcs-logo.png') }}" alt="image" width="80"
class="img-thumbnail">
</a>
</div>
<p>Evangelical Presbyterian Church Youth Fellowship of Sikkim, a council youth body under
"COUNCIL, EVANGELICAL PRESBYTERIAN CHURCH OF SIKKIM" holds a State Level Youth
Convention.</p>
<a href="{{ path('about_us') }}" class="btn btn-dark shadow mt-2">Read More</a>
</div>
</div>
<div class="col-lg-3 col-sm-6 border-start border-danger">
<div class="single-footer-widget ps-5">
<h3>Quick links</h3>
<ul class="quick-links">
<li><a href="{{ path('executives_list') }}">Executive</a></li>
<li><a href="{{ path('photo_gallery') }}">Photo Gallery</a></li>
<li><a href="#">Events</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="single-footer-widget">
<h3>Menu</h3>
<ul class="quick-links">
<li><a href="#">Contact us</a></li>
<li><a href="#">Terms of Condition</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="single-footer-widget">
<h3>Contact Details</h3>
<div class="widget-newsletter">
{# {{ render(controller('App\\Controller\\VcontactController::FooterContact')) }}#}
</div>
</div>
</div>
</div>
</div>
<div class="footer-shape-1" data-speed="0.08" data-revert="true">
<img src="{{ asset('assets/images/shapes/17.png') }}" alt="">
</div>
</footer>
<div class="copyright-area bg-1D2023">
<div class="container">
<div class="copyright-area-content">
<p>
© Copyright {{ "now"|date("Y") }} EPCYFS. All Rights Reserved.
</p>
</div>
</div>
</div>
<div class="go-top">
<i class="ri-arrow-up-s-line"></i>
</div>
<div class="modal fade" id="loginFormModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Sign In</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body text-dark">
<span class="text-success" id="success-message"></span>
<span class="text-danger" id="error-message"></span>
<form id="loginForm" method="post" enctype="multipart/form-data">
<div class="form-floating mb-3">
<input type="tel" name="phone" class="form-control" id="floatingInput"
placeholder="Phone">
<label for="floatingInput">Phone No.</label>
</div>
<div class="form-floating mb-3">
<input type="password" name="password" class="form-control" id="floatingPassword"
placeholder="Password">
<label for="floatingPassword">Password</label>
</div>
<div class="d-grid">
<button class="btn btn-dark btn-login text-uppercase fw-bold" type="submit">Sign
in
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="{{ asset('assets/js/jquery.min.js') }}"></script>
<script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.meanmenu.js') }}"></script>
<script src="{{ asset('assets/js/owl.carousel.min.js') }}"></script>
<script src="{{ asset('assets/js/owl.thumbs.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.appear.js') }}"></script>
<script src="{{ asset('assets/js/odometer.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ asset('assets/js/fancybox.min.js') }}"></script>
<script src="{{ asset('assets/js/selectize.min.js') }}"></script>
<script src="{{ asset('assets/js/aos.js') }}"></script>
<script src="{{ asset('assets/js/isotope.pkgd.min.js') }}"></script>
<script src="{{ asset('assets/js/TweenMax.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.ajaxchimp.min.js') }}"></script>
<script src="{{ asset('assets/js/form-validator.min.js') }}"></script>
<script src="{{ asset('assets/js/contact-form-script.js') }}"></script>
<script src="{{ asset('assets/js/wow.min.js') }}"></script>
<script src="{{ asset('assets/js/main.js') }}"></script>
{# <script src="{{ asset('assets/js/bootstrap-nav-paginator.min.js') }}"></script>#}
<script src="{{ asset('tabs/js/util.js') }}"></script>
<script src="{{ asset('tabs/js/main.js') }}"></script>
<script src="{{ asset('tabs/js/4.4bootstrap.min.js') }}"></script>
<!-- JS init here -->
{#<script>
//Init tabs example with 00 items per page & the class "nav-link" for navigation buttons
document.querySelector("#nav-tabs").BsNavPaginator(2, "nav-link");
//Init pills example with 00 items per page & the class "nav-link" for navigation buttons
document.querySelector("#nav-pills").BsNavPaginator(2, "nav-link");
</script>#}
<script type="text/javascript">
$(document).ready(function(){
$('#member_table table').addClass('table table-bordered table-hover shadow table-responsive');
$(".scrollable-tabs .nav-item:first").addClass("active");
$(".scrollable-tabs .nav-item a .nav-link:first").addClass("active");
$('.tab-content .tab-pane:first').addClass('active')
});
</script>
<script>
$('body').on('click', '.scrollable-tabs li', function () {
$('.scrollable-tabs li a.active').removeClass('active');
$(this).addClass('active');
//$('table').addClass('table table-bordered table-hover shadow table-responsive');
});
</script>
{#<script>
$(".scrollable-tabs li").click(function (e) {
e.preventDefault();
$(this).addClass("active");
$(".scrollable-tabs li a").not($(this)).removeClass("active");
})
</script>#}
{{ encore_entry_script_tags('app') }}
{% endblock %}
</body>
</html>