<?php get_header();
/**
 * The template for displaying archive pages
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package WordPress
 * @subpackage ssn
 * @since 1.0.0
 */

$category = get_category(get_query_var('faculty_category'));
$cat_id = $category->cat_ID;
echo $cat_id;
$current_language = pll_current_language();

?>
    <div class="faculty-profile-banner d-flex justify-content-center align-items-center"
         style=" background-image: linear-gradient(rgb(37 59 128), rgba(1, 39, 11, 0.75)),url(<?php echo get_site_url(); ?>/wp-content/themes/jcc/assets/img/home/background.jpg) ">
        <h1 class="text-white text-center"><?php single_cat_title();
            echo $cat_id;?></h1>
    </div>


    <!-- Hero Title -->

    <!-- Profile -->
    <section class="about my-5">
        <div class="container profile">
            <div class="row">
                <div class="col-lg-4 col-md-12 col-sm-12">
                    <div class="text-center bg-light shadow rounded" style="height: 550px">
                        <div class="">
                            <div class="img p-4" style="height:400px ">
                                <img class="rounded w-100 h-100"
                                     src="../public/upload/profiles/202306250722Brig%20Gen%20Arefin%20BUP.jpg"
                                     onerror="this.onerror=null;this.src='../public/upload/user-dummy.jpg';"/>
                            </div>
                        </div>

                        <div class="text-center px-3 pb-3 bg-light rounded" style="height: 150px; ">
                            <div class="border-top pt-3">
                                <a href="../faculty-member-head/details/301.html"
                                   class="text-dark fw-bold fs-5 mb-0 lh-sm faculty-title">Brigadier General
                                    Mohammad
                                    Shamsul Arefin, ndc, psc</a>

                                <p class="fw-bold common-font-color fs-6 mb-1 pt-2">Dean</p>

                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-lg-8 col-md-12 col-sm-12">
                    <div class="bg-light p-3 rounded shadow about-message-content " style="height: 550px">
                        <?php
                        $args = array('post_type' => 'faculty',
                            'post_status' => 'publish',
                            'order' => 'DESC',
                            'orderby' => 'date',
                            'category__in' => $cat_id,
                            'posts_per_page' => 1,
                            'lang' => $current_language);
                        $loop = new WP_Query($args);
                        $post = $loop->have_posts();
                        while ($loop->have_posts()) {
                            $loop->the_post();

                            //$thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');

                            ?>
                            <div>
                                <h2 class="fs-3 fw-bold border-bottom pb-3 mb-3 common-font-color">About Faculty of Arts
                                    &amp; Social Science (FASS)
                                </h2>
                                <div class="text-justify fs-6">
                                    <?php
                                    /**
                                     * Custom Excerpt Length WordPress using wp_trim_excerpt()
                                     * Use directly in template
                                     */
                                    $content = get_the_content();
                                    echo wp_trim_words($content, '1000');
                                    ?>

                                    <a href="1/message.html" class="ms-1 fw-bold">
                                        Read More
                                    </a>
                                </div>
                            </div>
                        <?php } ?>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Our Departments -->
    <section class=" mt-5">
        <div class="container">
            <div class="d-flex justify-content-between align-items-end">
                <h1 class="text-uppercase mb-0 home-content-heading">
                    Departments
                </h1>
                <!--<a href="1/department.html"
                   class="text-uppercase text-decoration-none fw-bold common-font-color">All</a>-->
            </div>
            <div class="position-relative w-100 common-bg-color mt-1" style="height: 4px;">
            </div>

            <div class=" row">
                <?php
                $args = array('post_type' => 'department',
                    'category__in' => $cat_id,
                    'posts_per_page' => -1,
                    'lang' => $current_language);
                $loop = new WP_Query($args);
                $post = $loop->have_posts();
                while ($loop->have_posts()) {
                    $loop->the_post();

                    //$thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
                    get_template_part('template/department', get_post_format());
                }
                ?>

            </div>
        </div>
    </section>

    <!-- Our Faculty -->


    <!-- Notice & Events -->
    <section class="my-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="d-flex justify-content-between align-items-end">
                        <h1 class="text-uppercase mb-0 home-content-heading">
                            Notices
                        </h1>
                        <a href="1/notice.html" class="text-uppercase text-decoration-none fw-bold common-font-color">All</a>
                    </div>

                    <div class="position-relative w-100 common-bg-color mt-1" style="height: 4px;">
                    </div>
                    <div class="row mx-0 upcoming-events ">
                        <div class="col-md-12 mt-3 p-3 notice-div bg-light rounded">
                            <a href="../notice/details/391.html">
                                <p class="mb-0 fs-7 fw-bold"><i class="fas fa-calendar-alt"></i>
                                    Jun 12, 2024</p>
                                <h2 class="fs-5 hover-on-text pt-2 ">44th Recruitment Circular for Teacher</h2>
                            </a>
                        </div>

                        <div class="col-md-12 mt-3 p-3 notice-div bg-light rounded">
                            <a href="../notice/details/390.html">
                                <p class="mb-0 fs-7 fw-bold"><i class="fas fa-calendar-alt"></i>
                                    Jun 12, 2024</p>
                                <h2 class="fs-5 hover-on-text pt-2 ">45th Recruitment Circular for Officer &amp;
                                    Staffs</h2>
                            </a>
                        </div>

                        <div class="col-md-12 mt-3 p-3 notice-div bg-light rounded">
                            <a href="../notice/details/347.html">
                                <p class="mb-0 fs-7 fw-bold"><i class="fas fa-calendar-alt"></i>
                                    May 22, 2024</p>
                                <h2 class="fs-5 hover-on-text pt-2 ">Call for papers for Journal of Innovation in
                                    Business Studies (JIBS)</h2>
                            </a>
                        </div>

                        <div class="col-md-12 mt-3 p-3 notice-div bg-light rounded">
                            <a href="../notice/details/297.html">
                                <p class="mb-0 fs-7 fw-bold"><i class="fas fa-calendar-alt"></i>
                                    Apr 01, 2024</p>
                                <h2 class="fs-5 hover-on-text pt-2 ">Routine for LLM (Prof) Trimester Exam Jan-Apr
                                    2024</h2>
                            </a>
                        </div>

                        <div class="col-md-12 mt-3 p-3 notice-div bg-light rounded">
                            <a href="../notice/details/291.html">
                                <p class="mb-0 fs-7 fw-bold"><i class="fas fa-calendar-alt"></i>
                                    Mar 28, 2024</p>
                                <h2 class="fs-5 hover-on-text pt-2 ">EXAM ROUTINE FOR BSC ENGINEERING PROGRAMS TERM 1
                                    &amp; 2 FINAL (SPRING-2024) EXAM HELD IN APRIL-MAY (ONLY BMA)</h2>
                            </a>
                        </div>


                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="d-flex justify-content-between align-items-end">
                        <h1 class="text-uppercase mb-0 home-content-heading">
                            Upcoming Events
                        </h1>
                        <a href="1/event.html"
                           class="text-uppercase text-decoration-none fw-bold common-font-color">All</a>
                    </div>

                    <div class="position-relative w-100 common-bg-color mt-1" style="height: 4px;">
                    </div>
                    <style>
                        .dates-calendardate {
                            font-family: "PT Sans", 'Helvetica Neue', Arial, Helvetica, sans-serif;
                            background: #002147;
                            color: #fff;
                            float: left;
                            line-height: 1.2;
                            padding: .7em .5em;
                            text-align: center;
                            text-transform: uppercase;
                            width: 3em;
                            /* top: 2px; */
                            /* position: absolute; */
                        }

                        .event-title {
                            /* max-height: 40px; */
                            /* min-height: 40px; */
                            overflow: hidden;
                            font-weight: 700;
                            color: #000;
                            -webkit-transition: all 0.2s linear;
                            -moz-transition: all 0.2s linear;
                            -ms-transition: all 0.2s linear;
                            -o-transition: all 0.2s linear;
                            transition: all 0.2s linear;
                        }

                        .event-title:hover {
                            color: #047C3B;
                            padding-left: 5px;
                        }
                    </style>
                    <h2 class="fs-5 p-3 mt-3  mb-0 bg-light rounded">There are no upcoming events at the moment..</h2>

                </div>
            </div>
        </div>
    </section>

    <!-- Lab -->
    <section class="py-5 bg-light">

        <div class="home-academics">
            <div class=" container">
                <div class="d-flex justify-content-between align-items-end">
                    <h1 class="text-uppercase mb-0 home-content-heading">
                        Laboratory
                    </h1>

                </div>
                <div class="position-relative w-100 common-bg-color mt-1" style="height: 4px;">
                </div>

                <div class="row">
                    <div class="col-md-3 mt-3">
                        <div class="card rounded-0 overflow-hidden lab" style=" height: 26rem;">
                            <img class="department-image w-100" src="../public/upload/lab/20230412_1681287347.jpg"
                                 onerror="this.onerror=null;this.src='../public/upload/no-image.png';" alt=""/>
                            <div class="card-body lab_text">
                                <a href="../lab-details/8.html">
                                    <h3 class="card-title fs-5 text-center fw-bolder">
                                        Computer Lab
                                    </h3>
                                </a>

                                <p>A computer lab is a space where computer services are provided to a defined
                                    community. These are typically public libraries and academic...

                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>

    </section>

    <!-- Club -->
    <section class="">
        <div class=""
             style="background-image: url(../public/frontend/assets/img/bup/oncampus_banner.png); background-repeat: no-repeat; background-position: center; background-size: cover;">
            <div class="container py-5">
                <div class="d-flex justify-content-between align-items-end">
                    <h1 class="text-uppercase mb-0 home-content-heading">
                        Clubs
                    </h1>

                </div>
                <div class="position-relative w-100 common-bg-color mt-1" style="height: 4px;">
                </div>
                <div class="row">
                    <div class="col-lg-3 col-md-12 mt-3 ">
                        <a href="../club-home/bup-economics-club.html">
                            <div class="over-container">
                                <img src="../public/upload/banner/20230402_1680450270547.jpg"
                                     style="height: 242px; object-fit:cover;"
                                     onerror="this.onerror=null;this.src='../public/upload/no-image.png';"
                                     class=" shadow-1-strong  over-img" alt="Student Life"/>
                                <div class="position-absolute campus-title" style="right:0px; bottom:20px">
                                    <div class=" text-white d-flex justify-content-center"
                                         style="width: 200px; height: 40px; background: #B60404; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);">
                                        <p class="mt-2 text-right"> BUP Economics Club </p>
                                    </div>
                                </div>
                                <div class="overlay">
                                    <div class="text">BUP Economics Club</div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-12 mt-3 ">
                        <a href="../club-home/bup-cultural-forum.html">
                            <div class="over-container">
                                <img src="../public/upload/banner/20230325_1679739709407.jpg"
                                     style="height: 242px; object-fit:cover;"
                                     onerror="this.onerror=null;this.src='../public/upload/no-image.png';"
                                     class=" shadow-1-strong  over-img" alt="Student Life"/>
                                <div class="position-absolute campus-title" style="right:0px; bottom:20px">
                                    <div class=" text-white d-flex justify-content-center"
                                         style="width: 200px; height: 40px; background: #B60404; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);">
                                        <p class="mt-2 text-right"> BUP Cultural Forum </p>
                                    </div>
                                </div>
                                <div class="overlay">
                                    <div class="text">BUP Cultural Forum</div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-12 mt-3 ">
                        <a href="../club-home/disaster-management-forum-dmf.html">
                            <div class="over-container">
                                <img src="../public/upload/banner/20230525_1684993169766.jpg"
                                     style="height: 242px; object-fit:cover;"
                                     onerror="this.onerror=null;this.src='../public/upload/no-image.png';"
                                     class=" shadow-1-strong  over-img" alt="Student Life"/>
                                <div class="position-absolute campus-title" style="right:0px; bottom:20px">
                                    <div class=" text-white d-flex justify-content-center"
                                         style="width: 200px; height: 40px; background: #B60404; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);">
                                        <p class="mt-2 text-right"> Disaster Managemen... </p>
                                    </div>
                                </div>
                                <div class="overlay">
                                    <div class="text">Disaster Management Forum (DMF)</div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-12 mt-3 ">
                        <a href="../club-home/bup-band-society.html">
                            <div class="over-container">
                                <img src="../public/upload/banner/20230803_169104757980.jpg"
                                     style="height: 242px; object-fit:cover;"
                                     onerror="this.onerror=null;this.src='../public/upload/no-image.png';"
                                     class=" shadow-1-strong  over-img" alt="Student Life"/>
                                <div class="position-absolute campus-title" style="right:0px; bottom:20px">
                                    <div class=" text-white d-flex justify-content-center"
                                         style="width: 200px; height: 40px; background: #B60404; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);">
                                        <p class="mt-2 text-right"> BUP Band Society </p>
                                    </div>
                                </div>
                                <div class="overlay">
                                    <div class="text">BUP Band Society</div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-12 mt-3 ">
                        <a href="../club-home/development-leaders-club.html">
                            <div class="over-container">
                                <img src="../public/upload/banner/20230727_1690477601432.png"
                                     style="height: 242px; object-fit:cover;"
                                     onerror="this.onerror=null;this.src='../public/upload/no-image.png';"
                                     class=" shadow-1-strong  over-img" alt="Student Life"/>
                                <div class="position-absolute campus-title" style="right:0px; bottom:20px">
                                    <div class=" text-white d-flex justify-content-center"
                                         style="width: 200px; height: 40px; background: #B60404; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);">
                                        <p class="mt-2 text-right"> Development Leader... </p>
                                    </div>
                                </div>
                                <div class="overlay">
                                    <div class="text">Development Leaders Club</div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-12 mt-3 ">
                        <a href="../club-home/bup-research-society.html">
                            <div class="over-container">
                                <img src="../public/upload/banner/20230803_1691047429673.png"
                                     style="height: 242px; object-fit:cover;"
                                     onerror="this.onerror=null;this.src='../public/upload/no-image.png';"
                                     class=" shadow-1-strong  over-img" alt="Student Life"/>
                                <div class="position-absolute campus-title" style="right:0px; bottom:20px">
                                    <div class=" text-white d-flex justify-content-center"
                                         style="width: 200px; height: 40px; background: #B60404; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);">
                                        <p class="mt-2 text-right"> BUP Research Socie... </p>
                                    </div>
                                </div>
                                <div class="overlay">
                                    <div class="text">BUP Research Society</div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-12 mt-3 ">
                        <a href="../club-home/bup-debate-club.html">
                            <div class="over-container">
                                <img src="../public/upload/banner/20230803_1691047491129.jpg"
                                     style="height: 242px; object-fit:cover;"
                                     onerror="this.onerror=null;this.src='../public/upload/no-image.png';"
                                     class=" shadow-1-strong  over-img" alt="Student Life"/>
                                <div class="position-absolute campus-title" style="right:0px; bottom:20px">
                                    <div class=" text-white d-flex justify-content-center"
                                         style="width: 200px; height: 40px; background: #B60404; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);">
                                        <p class="mt-2 text-right"> BUP Debate Club </p>
                                    </div>
                                </div>
                                <div class="overlay">
                                    <div class="text">BUP Debate Club</div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-12 mt-3 ">
                        <a href="../club-home/bup-literature-drama-club.html">
                            <div class="over-container">
                                <img src="../public/upload/banner/20231015_1697370974299.jpg"
                                     style="height: 242px; object-fit:cover;"
                                     onerror="this.onerror=null;this.src='../public/upload/no-image.png';"
                                     class=" shadow-1-strong  over-img" alt="Student Life"/>
                                <div class="position-absolute campus-title" style="right:0px; bottom:20px">
                                    <div class=" text-white d-flex justify-content-center"
                                         style="width: 200px; height: 40px; background: #B60404; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);">
                                        <p class="mt-2 text-right"> BUP Literature &amp; D... </p>
                                    </div>
                                </div>
                                <div class="overlay">
                                    <div class="text">BUP Literature &amp; Drama Club</div>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </section>


<?php get_footer() ?>