@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">
                        A human resources (HR) department performs human resource management functions, such as finding, hiring, training, and supporting new employees. As a result, HR departments are responsible for such important tasks as reviewing resumes, keeping track of employee information, and ensuring a company complies with labor laws and employment standards.
                        A human resources department is focused on the recruitment and retention of employees within a company. HR typically finds, hires (and fires), and trains employees. It oversees employee relations and manages benefit programs. It’s the place where an employee goes with questions about their position at the company, to address concerns, and to air grievances. </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>Identify and attract qualified candidates for teaching, administrative, and support staff positions.</li>
                    <li>Provide continuous training and development opportunities to enhance the skills and knowledge of the staff.</li>
                    <li>Develop and manage performance evaluation systems to assess and improve employee performance.</li>
                    <li>Ensure competitive and equitable salary structures and administer employee benefits programs.</li>
                    <li>Address and resolve workplace conflicts and grievances in a fair and timely manner.</li>
                    <li>Ensure the institution adheres to all relevant labor laws and educational regulations.</li>
                    <li>Implement policies and practices that ensure a safe and healthy work environment for all employees.</li>
                    <li>Align HR strategies with the overall goals and mission of the institution.</li>
                    <li>Develop programs and activities that increase employee engagement and implement strategies to retain high-performing staff members.</li>
                    <li>Promote diversity and inclusion within the workforce and develop policies that support a diverse and inclusive workplace culture.</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>Manage the recruitment and selection process for teaching and non-teaching staff to ensure the hiring of qualified personnel.</li>
                    <li>Facilitate onboarding programs to integrate new employees into the school environment effectively.</li>
                    <li>Maintain accurate and up-to-date employee records and personnel documentation in compliance with regulations.</li>
                    <li>Administer payroll, benefits, and compensation packages to support staff well-being and satisfaction.</li>
                    <li>Coordinate performance evaluations and support staff in meeting professional goals and expectations.</li>
                    <li>Plan and implement training sessions, workshops, and development programs to enhance staff skills.</li>
                    <li>Promote positive employee relations by addressing concerns and resolving workplace issues professionally.</li>
                    <li>Ensure compliance with labor laws and school policies through the development and enforcement of HR procedures.</li>
                    <li>Support workplace health and safety initiatives to provide a secure and healthy environment for all employees.</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:30 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('finance_department') }}" class="program-link">
                                    <i class="icofont-university me-2"></i> Finance 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