<style>
    body{
        overflow-x: hidden;
    }
</style>

<?php
include "database.php";
include "functions.php";

$conn = new Functions();
$base_url = $conn->base_url();
$jsonfound = $conn->base_url()."images/not-found.json";
$welcome = $conn->base_url()."images/welcome.json";
$bday = $conn->base_url()."images/bday.json";
$pword = $conn->base_url()."images/password.json";
$verifypic = $conn->base_url()."images/verify.json";
$profilepic = $conn->base_url()."images/profile.json";
$regclose = $conn->base_url()."images/regclose.json";
$voting = $conn->base_url()."images/voting.json";
$terms = $conn->base_url()."images/terms.json";
$scan = $conn->base_url()."images/scan.json";
$members = $conn->base_url()."images/members.json";
$church = $conn->base_url()."images/church.json";

//fetch school details
$sql = "SELECT * FROM general_settings";
$conn->query($sql);
$church_details = $conn->fetchSingle();
$logo = $church_details->logo;
$church_name = $church_details->church_name;
$main_url = $church_details->main_url;
$footer = $church_details->footer;
global $church_name;

?>

<?php
date_default_timezone_set('Africa/Lagos');
?>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
<link rel="apple-touch-icon" href="pages/ico/60.png">
<link rel="apple-touch-icon" sizes="76x76" href="pages/ico/76.png">
<link rel="apple-touch-icon" sizes="120x120" href="pages/ico/120.png">
<link rel="apple-touch-icon" sizes="152x152" href="pages/ico/152.png">
<link rel="shortcut icon" href="<?php echo $base_url; ?>upload/<?php echo $logo; ?>">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta content="Welcome to Nupe Christian Fellowship International Building a Sacred Community" name="description" />
<meta content="Ace" name="author" />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
<link href="<?php echo $base_url; ?>assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $base_url; ?>assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="<?php echo $base_url; ?>assets/plugins/jquery-scrollbar/jquery.scrollbar.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo $base_url; ?>assets/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo $base_url; ?>assets/plugins/nvd3/nv.d3.min.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo $base_url; ?>assets/plugins/mapplic/css/mapplic.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $base_url; ?>assets/plugins/rickshaw/rickshaw.min.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $base_url; ?>assets/plugins/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet" type="text/css" media="screen">
<link href="<?php echo $base_url; ?>assets/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" media="screen">
<link href="<?php echo $base_url; ?>assets/plugins/bootstrap-timepicker/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" media="screen">
<link href="<?php echo $base_url; ?>assets/plugins/jquery-metrojs/MetroJs.css" rel="stylesheet" type="text/css" media="screen" />
<!-- DataTables -->
<link rel="stylesheet" href="<?php echo $base_url; ?>assets/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="<?php echo $base_url; ?>assets/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="<?php echo $base_url; ?>assets/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
<!-- Dropify -->
<link rel="stylesheet" href="<?php echo $base_url; ?>assets/plugins/dropify/css/dropify.min.css">




<link class="main-stylesheet" href="<?php echo $base_url; ?>assets/pages/css/pages.css" rel="stylesheet" type="text/css" />

<!-- Toastr-->
<link rel="stylesheet" href="<?php echo $base_url; ?>assets/plugins/toastr/toastr.min.css">

<!--Custom Styles Teacher Page-->
<style>
    .fa-check-square{
    background: #709561;
    padding: 5px;
    border-radius: 2px;
    color: white;
    font-size: 11px;
    }

    .fa-edit{
    background: #f59c1a;
    padding: 5px;
    border-radius: 2px;
    color: white;
    font-size: 11px;
    }

    .fa-trash{
    background: #ff5b57;
    padding: 5px;
    border-radius: 2px;
    color: white;
    font-size: 11px;
    }

    .circle{
        border-radius: 50%;
    }

    .more-details-inner::before,  .more-details-inner::after {
        display: none;
    }

    .more-details-inner {
        padding-top: 0px !important;
        padding-right: 30px;
    }
    .table tbody tr td {
        padding: .75rem;
    }
    .dataTables_wrapper .row > div {
        flex-direction: column;
    }

    .table > tfoot > tr > td,
    .table > tfoot > tr > th{
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 10.5px;
    letter-spacing: 0.06em;
    padding-top: 14px;
    padding-bottom: 14px;
    vertical-align: middle;
    color: #4b4b4b;
    border-top: none;}

    div.dataTables_wrapper div.dataTables_info {
    padding-left: 0;
}

.btn-group, .btn-group-vertical {
    display: -webkit-inline-box;
}

li#student_next, li#student_previous, li#teacher_next, li#teacher_previous, 
li#classes_next, li#classes_previous, li#section_next, li#section_previous, 
li#subject_next, li#subject_previous, li#system-admin_next, 
li#system-admin_previous, li#exam_next, li#exam_previous, li#grade_next, li#grade_previous, 
li#prayer_next, li#prayer_previous,li#member_next, li#member_previous,li#pins_next, li#pins_previous, li#announcement_next, li#announcement_previous   {
    display: none;
}

.table-responsive>.table-bordered {
  border: 1px solid #dee2e6 !important;
}

.page-link {
   border: 0px;
}

.page-item.active .page-link {
   background-color: #fff; 
    border-color: none;
}

    
 .icon-container {
    width: 136px;
    height: 145px;
    position: relative;
    margin: 0 auto;
}

    ul.parsley-errors-list.filled {
        padding: 0;
        list-style: none;
        color: red;
        padding-right: 20px;
        position: relative;
        float: right;
        margin: 0;
    }


    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }


    ul#parsley-id-5, ul#parsley-id-7, ul#parsley-id-9, ul#parsley-id-11, ul#parsley-id-15, ul#parsley-id-21, ul#parsley-id-23, ul#parsley-id-25, ul#parsley-id-27, ul#parsley-id-29, ul#parsley-id-31, ul#parsley-id-35, ul#parsley-id-37 {
        animation:signup-response 0.5s 1;
        -webkit-animation:signup-response 0.5s 1;
        animation-fill-mode: forwards;

        animation-delay:5s;
        -webkit-animation-delay:5s; /* Safari and Chrome */
        -webkit-animation-fill-mode: forwards;

    }

    @keyframes signup-response{
        from {opacity :1;}
        to {opacity :0;  height: 0px;}
    }

    @-webkit-keyframes signup-response{
        from {opacity :1;}
        to {opacity :0;  height: 0px;}
    }

    #user{
        display: none;
    }
</style>