@section('content')
@extends('front.layout.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle : 'Document Title')
@section('meta_tags')
{!! SEO::generate() !!}

@endsection
@section('content')
<section class="section department-single">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center mb-4 mt-5 flex-wrap">
                    <!-- Title -->
                    <h4 class="mb-0">{{ $officeDepartment }}</h4>
                    <!-- Breadcrumb -->
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb bg-transparent mb-0 px-0">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ $officeDepartment }}</li>
                        </ol>
                    </nav>
                </div>
                <hr>
            </div>
        </div>

        <div class="row mt-4">
            <!-- Left Column -->
            <div class="col-lg-8 mb-5">
                @if($officeAdmin)
                <div class="d-flex align-items-center">
                    <!-- Avatar -->
                    <img
                        src="{{ $officeAdmin->office_admin_image ? '/images/office_admins/' . $officeAdmin->office_admin_image : '/images/office_admins/default_pic.jpg' }}"
                        alt="Avatar"
                        class="rounded-circle me-3"
                        style="width: 100px; height: 100px; object-fit: cover;">

                    <!-- Info -->
                    <div>
                        <h5 class="mb-1 fw-bold">{{ $officeAdmin->office_admin_name }}</h5>
                        <p class="mb-0 text-muted">{{ $officeAdmin->office_admin_description }} of <em>Polytechnic College of Davao del Sur</em></p>
                        <p class="mb-0 text-muted">{{ $officeAdmin->office_admin_email }}</p>
                    </div>
                </div>
                @else
                <div class="d-flex align-items-center">
                    <img
                        src="/images/office_admins/default_pic.jpg"
                        alt="Default Avatar"
                        class="rounded-circle me-3"
                        style="width: 100px; height: 100px; object-fit: cover;">
                    <div>
                        <h5 class="mb-1 fw-bold">Unknown Admin</h5>
                        <p class="mb-0 text-muted">Unknown Admin</p>
                    </div>
                </div>
                @endif
                <div class="mt-5 mb-5">
                    <p class="text-justify">
                        The Finance Department is responsible for managing the institution's financial resources to ensure fiscal stability and support its strategic goals. This department handles budgeting, accounting, financial planning, and reporting, and oversees various financial operations such as payroll, purchasing, and financial aid. The Finance Department plays a crucial role in ensuring the institution's financial health, compliance with regulations, and efficient allocation of resources.
                    </p>
                </div>
                <h5 class="mt-5 mb-4">Objectives</h5>
                <div class="divider my-4"></div>
                <ol class="list-group list-group-numbered office-list-group mt-4">
                    <li>Maintain a balanced budget and manage financial risks to ensure the long-term financial health of the institution.</li>
                    <li>Provide accurate and timely financial reports to internal and external stakeholders, ensuring compliance with regulatory requirements and accounting standards.</li>
                    <li>Develop and oversee the institution's budget, ensuring funds are allocated efficiently and in alignment with strategic priorities.</li>
                    <li>Optimize the use of financial resources through effective planning, monitoring, and evaluation of financial activities.</li>
                    <li>Provide financial analysis and insights to support strategic planning and decision-making by the institution’s leadership.</li>
                    <li>Promote financial transparency and accountability through clear communication and robust financial controls.</li>
                    <li>Administer financial aid programs to support students' access to education, ensuring the effective and fair distribution of financial aid resources.</li>
                </ol>
                <h5 class="mt-5 mb-4">Services Offered</h5>
                <div class="divider my-4"></div>
                <ol class="list-group list-group-numbered office-list-group mt-4">
                    <li>Coordinate the development of the institution’s annual budget, monitor budget performance, and make adjustments as necessary.</li>
                    <li>Manage accounting processes, prepare financial statements, and ensure accurate record-keeping and reporting.</li>
                    <li>Oversee payroll processing and manage employee benefits programs, ensuring timely and accurate compensation and benefits distribution.</li>
                    <li>Handle purchasing and procurement activities, ensuring cost-effective and compliant acquisition of goods and services.</li>
                    <li>Conduct financial analysis and forecasting to support strategic planning and resource allocation decisions.</li>
                    <li>Administer financial aid programs, including scholarships, grants, loans, and work-study opportunities, to support students financially.</li>
                    <li>Implement and maintain internal controls to safeguard the institution's assets and conduct regular audits to ensure compliance and financial integrity.</li>
                </ol>

                <h5 class="mt-5 mb-4">Weekdays Office Hours</h5>
                <div class="divider my-4"></div>
                <p>8:00 a.m. – 12:00 n.n - Mondays to Fridays <br> 1:00 p.m. – 4:00 p.m - Mondays to Fridays </p>
                <h5 class="mt-5 mb-4">Weekends Office Hours</h5>
                <div class="divider my-4"></div>
                <p>9:00 a.m. – 12:00 n.n - Saturday</p>


            </div>

            <!-- Right Column -->
            <div class="col-lg-4">
                <div class="sidebar-widget schedule-widget mb-3">
                    <h4 class="mb-4">Related Topics</h4>
                    <div class="related-programs mb-5">
                        <ol class="list-unstyled d-flex flex-wrap gap-3">
                            <li>
                                <a href="{{ route('associate_vice_president_for_academic_affairs') }}" class="program-link">
                                    <i class="icofont-university me-2"></i> Associate Vice President For Academic Affairs Department
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('human_resources_department') }}" class="program-link">
                                    <i class="icofont-university me-2"></i> Human Resources Department
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('office_of_student_affairs') }}" class="program-link">
                                    <i class="icofont-university me-2"></i> Office of Student Affairs
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('presidents_office') }}" class="program-link">
                                    <i class="icofont-university me-2"></i> President’s Office
                                </a>
                            </li>
                            <li class="mb-5">
                                <a href="{{ route('registrars_office') }}" class="program-link">
                                    <i class="icofont-university me-2"></i>Registrar’s Office
                                </a>
                            </li>

                        </ol>
                        <hr>
                    </div>
                </div>
                <div class="sidebar-widget schedule-widget mb-3">
                    <h4 class="mb-4">Bachelor's Programs</h4>
                    <div class="related-programs mb-5">
                        <ol class="list-unstyled d-flex flex-wrap gap-3">
                            <li>
                                <a href="{{ route('bs_criminology') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bachelor of Science in Criminology
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('bs_hospitality_management') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bachelor of Science in Hospitality Management
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('bs_information_technology') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bachelor of Science in Information Technology
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('bs_nursing') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bachelor of Science in Nursing
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('bs_radiologic_technology') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bachelor of Science in Radiologic Technology
                                </a>
                            </li>

                            <li class="mb-5">
                                <a href="{{ route('d_hotel_restaurant_technology') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Diploma in Hotel and Restaurant Technology
                                </a>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@push('stylesheets')
<style>
    .department-single {
        background-image: url('/front/images/background_pcds.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 20px;
        /* Adding padding for better readability */
    }

    @media screen and (max-width: 768px) {
        .department-single {
            background-image: none;
        }

    }
</style>
@endpush