@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 flex-wrap">
                    <!-- Title -->
                    <h3 class="mb-0">{{$user->department}}</h3>
                    <!-- Breadcrumb -->
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb bg-transparent mb-0 px-0">
                            <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{$user->department}}</li>
                        </ol>
                    </nav>
                </div>
                <hr>
            </div>
        </div>

        <div class="row mt-4">
            <!-- Left Column -->
            <div class="col-lg-8 mb-5">
                <div class="department-img">
                    <img src="/front/images/programs/nursing.jpg" alt="Department Image" class="img-fluid">
                </div>
                <div class="department-content me-2 mt-2">
                    <!-- <div class="divider my-4"></div> -->
                    <p class="text-justify">The Bachelor of Science in Nursing is a four-year degree program that provides students with the theoretical knowledge and clinical experience needed to become competent, compassionate, and ethical nursing professionals. The program combines classroom instruction with hands-on training to ensure students are well-equipped to address real-world healthcare challenges.</p>
                    <p class="text-justify">Throughout the curriculum, students will study a range of topics including human anatomy and physiology, microbiology, pharmacology, nursing care management, health assessment, maternal and child care, and community health. Emphasis is also placed on holistic patient care, critical thinking, and evidence-based practice.</p>
                    <p class="text-justify ">
                        At PCDS, our BSN program is designed to cultivate not only medical competence but also strong leadership, empathy, and professionalism in future nurses—empowering them to serve individuals, families, and communities in diverse healthcare settings.
                    </p>
                    <h3 class="mt-5 mb-4">Program Objectives</h3>
                    <div class="divider my-4"></div>
                    <p class="text-justify">
                    The Bachelor of Science in Nursing program aims to develop nurses who:
                    </p>
                    <ul class="list-unstyled department-service">
                        <li><i class="icofont-check me-2"></i>Provide safe, holistic, and evidence-based nursing care across the lifespan.</li>
                        <li><i class="icofont-check me-2"></i>Demonstrate clinical decision-making and critical thinking skills in various healthcare settings.</li>
                        <li><i class="icofont-check me-2"></i>Uphold ethical, legal, and professional standards in nursing practice.</li>
                        <li><i class="icofont-check me-2"></i>Participate in health promotion, disease prevention, and community health initiatives.</li>
                        <li><i class="icofont-check me-2"></i>Engage in lifelong learning, research, and leadership roles within the nursing profession.</li>
                    </ul>

                    <h3 class="mt-5 mb-4">Internship / Clinical Training</h3>
                    <div class="divider my-4"></div>
                    <p class="text-justify">
                        As part of the BSN program, students are required to undergo intensive clinical internships in affiliated hospitals and community health centers. This hands-on training allows students to:
                    </p>
                    <ul class="list-unstyled department-service">
                        <li><i class="icofont-hospital me-2"></i>Apply their nursing knowledge in real patient care settings</li>
                        <li><i class="icofont-hospital me-2"></i>Experience various nursing fields (medical-surgical, pediatric, OB-GYN, psychiatric, and more)</li>
                        <li><i class="icofont-hospital me-2"></i>Work directly with doctors, senior nurses, and healthcare professionals</li>
                        <li><i class="icofont-hospital me-2"></i>Develop patient communication and critical decision-making skills</li>
                        <li><i class="icofont-hospital me-2"></i>Build confidence and professionalism through supervised practice</li>
                    </ul>
                    <h3 class="mt-5 mb-4">Career Opportunities</h3>
                    <div class="divider my-4"></div>
                    <p class="text-justify">
                        Graduates of the BSN program can pursue careers in both local and international healthcare institutions, including:
                    </p>
                    <ul class="list-unstyled department-service">
                        <li><i class="icofont-check me-2"></i>Registered Nurse (RN) – in hospitals, clinics, or private practices</li>
                        <li><i class="icofont-check me-2"></i>Community Health Nurse</li>
                        <li><i class="icofont-check me-2"></i>School Nurse</li>
                        <li><i class="icofont-check me-2"></i>Emergency Room Nurse / ICU Nurse</li>
                        <li><i class="icofont-check me-2"></i>Nurse Educator</li>
                        <li><i class="icofont-check me-2"></i>Clinical Instructor</li>
                        <li><i class="icofont-check me-2"></i>Nurse Researcher</li>
                        <li><i class="icofont-check me-2"></i>Healthcare Administrator</li>
                        <li><i class="icofont-check me-2"></i>Occupational Health Nurse</li>
                        <li><i class="icofont-check me-2"></i>Public Health Nurse</li>
                        <li><i class="icofont-check me-2"></i>Nursing Staff in Military or Government Agencies</li>
                        <li><i class="icofont-check me-2"></i>International Nurse – opportunities in the U.S., Canada, UK, and Middle East</li>
                    </ul>
                </div>
                <div class="row mt-5">
                    <div class="col-lg-6">
                        <div class="section-title">
                            <h3>Faculty</h3>
                            <div class="divider my-4"></div>
                        </div>
                    </div>
                </div>
                <div class="row g-4 portfolio-gallery justify-content-center">
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 shuffle-item" data-groups='["cat1","cat2"]'>
                        <div class="doctor-inner-box position-relative">
                            <div class="doctor-profile">
                                <div class="doctor-img">
                                    <img src="{{ asset($user->picture ? 'images/users/' . $user->picture : '/images/users/empty_pic.jpg') }}" alt="Thomas Henry" class="img-fluid w-100">
                                </div>
                            </div>
                            <div class="content mt-3">
                                <h6 class="mb-0 text-center">{{ $user->name }}</h6>
                                <a href="mailto:{{ $user->email }}"><p class="text-center mb-0">{{ $user->email }}</p></a>
                                <p class="text-center">{{ $user->bio }}</p>
                            </div>
                        </div>
                    </div>

                    <!-- Repeat this card format for each entry -->
                    <!-- Example Entry -->



                    <!-- Keep repeating for the rest of your team cards -->
                </div>
                <div class="row g-4 portfolio-gallery justify-content-center mt-2">
                    @foreach($facultyMembers as $faculty)
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4">
                        <div class="doctor-inner-box position-relative">
                            <div class="doctor-profile">
                                <div class="doctor-img">
                                    <img src="{{ asset('images/faculty/' . $faculty->profile_picture) }}" alt="{{ $faculty->name }}" class="img-fluid w-100 profile_img ">
                                </div>
                            </div>
                            <div class="content mt-3">
                                <h6 class="mb-0 text-center">{{ $faculty->faculty_name }}</h6>
                                <p class="text-center">{{ $faculty->faculty_position }}</p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>

            <!-- Right Column -->
            <div class="col-lg-4">
                <div class="sidebar-widget schedule-widget mb-5">
                    <h4 class="mb-4">Inquire about this program</h4>
                    <!-- <div class="sidebar-contact-info mt-4">
                            <p class="mb-0">Need Urgent Help?</p>
                            <h3>+23-4565-65768</h3>
                        </div> -->
                    <p class="text-normal-spacing text-justify">
                        Take the first step toward a fulfilling and meaningful career in healthcare! Whether you dream of working in hospitals, clinics, or even serving communities around the world, our Bachelor of Science in Nursing program will prepare you to make a real difference in people's lives.
                    </p>
                    <p class="mb-5"><i class="icofont-phone"> Cel: 0909 388 9809</i><br><i class="icofont-email"> </i> Email: <a href="mailto:{{ $user->email }}">{{ $user->email }}</a></p>
                    <hr>
                </div>
                <div class="sidebar-widget schedule-widget mb-3">
                    <h4 class="mb-4">Related 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_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>
                        <hr>
                    </div>
                </div>
                <div class="sidebar-widget schedule-widget mb-3">
                    <h4 class="mb-4">Tesda Programs</h4>
                    <div class="related-programs mb-5">
                    <ol class="list-unstyled d-flex flex-wrap gap-3">
                            <li>
                                <a href="{{ route('house_keeping') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> House Keeping NC II
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('bartending') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bartending NC II
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('food_and_beverages') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> F & B Servicing NC II
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('front_office') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Front Office NC II
                                </a>
                            </li>
                            <li>
                                <a href="{{route('shielded_metal_arc_welding')}}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> SMAW(Shielded Metal Arc Welding-NC II)
                                </a>
                            </li>
                            <li class="mb-5">
                                <a href="{{ route('automotive_servicing') }}" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> AS(Automotive Servicing NC II)
                                </a>
                            </li>
                        </ol>
                        <hr>
                    </div>
                </div>
                <div class="sidebar-widget schedule-widget mb-3">
                    <h4 class="mb-4 text-center">Department Logo</h4>
                    <div class="row linkage-rows">
                        <div class="col-lg-2 alcign-items-center">
                            <a href="https://www.facebook.com/pcdspnsa2022"><img src="/front/images/programs/logo/bsn-logo.png" alt="BSN Logo"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>
@endsection
@push('stylesheets')
<style>
    .history-container {
        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) {
        .history-container {
            background-image: none;
        }

    }
</style>
@endpush