@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">Food and Beverages Service NCII & NCIII</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">Food and Beverage Service NCII & NCIII</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/housekeeping-tesda.png" 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"> Food and Beverage Services NC II is a technical-vocational program that trains students on the preparation of food plans and meals for restaurants, hotels, canteens, banquets and functions, and basically any establishment that serves food to a large number of people.</p>

                    <p class="text-justify"> The program teaches students how to properly welcome guests and take food and beverage orders, promote food and beverage products and provide food and beverage service to guests.</p>
                    <p class="text-justify">This program educates students about kitchen/service area procedures and protocols and the general routine and responsibilities in the food and beverage department. More importantly, students are properly oriented on how to receive and handle guest concerns. The Food and Beverage Services NCII program also develops students’ skills in bar operation and maintenance and cocktail preparation and mixing.</p>
                    <p class="text-justify"> The Food and Beverage NCII program is supervised and accredited by TESDA (a government agency that regulates vocational courses), and TESDA-accredited education institutions may offer this program. </p>
                    <h3 class="mt-5 mb-4">Career Opportunities</h3>
                    <div class="divider my-4"></div>
                    <p class="text-justify">
                        Graduates of the Food and Beverage Services NC II program are equipped with the skills and knowledge to work in a variety of hospitality and service-oriented environments. Possible career paths include:
                    </p>
                    <ul class="list-unstyled department-service">
                        <li class="icofont-check me-2">Waiter or waitress in restaurants, hotels, or cafés.</li>
                        <li class="icofont-check me-2">Room service attendant in lodging and resort establishments.</li>
                        <li class="icofont-check me-2">Banquet server for events, functions, and conferences.</li>
                        <li class="icofont-check me-2">Barista in coffee shops and specialty beverage outlets.</li>
                        <li class="icofont-check me-2">Bartender assistant in bars, lounges, and restaurants.</li>
                        <li class="icofont-check me-2">Food and beverage attendant in various hospitality venues.</li>
                        <li class="icofont-check me-2">Fine dining server in upscale or luxury restaurants.</li>
                        <li class="icofont-check me-2">Buffet attendant in hotels, casinos, or cruise ships.</li>
                        <li class="icofont-check me-2">Catering staff for private, corporate, or off-site events.</li>
                        <li class="icofont-check me-2">Restaurant host or hostess managing guest seating.</li>
                        <li class="icofont-check me-2">Cruise ship dining staff serving international guests.</li>
                        <li class="icofont-check me-2">Entrepreneur in your own food service or catering business.</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" style="max-height: 250px;">
                                </div>
                            </div>
                            <div class="content mt-3">
                                <h6 class="mb-0 text-center">{{ $user->name }}</h6>
                                <p class="text-center mb-0">{{ $user->email }}</p>
                                <p class="text-center">Office In-Charge</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">
                        Step into a career where every plate you serve and every guest you welcome reflects your professionalism and passion. With Food and Beverage Services NC II & NC III, you’re not just working in hospitality—you’re building a future in a global industry that values skill, service, and excellence.
                        Enroll now and take the first step toward a dynamic career in restaurants, hotels, cruise ships, and beyond.
                    </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">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('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">Bachelor Programs</h4>
                    <div class="related-programs mb-5">
                        <ol class="list-unstyled d-flex flex-wrap gap-3">
                            <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>
                        <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/profile.php?id=100067011293530"><img src="/front/images/programs/logo/tesda-logo.png" alt="Bsit 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