@extends('frontend.layout.navbar')
@section('title', 'Why and Wherefores')
@section('content')
    <div class="relative w-full h-full">
        <img src="{{ asset('img/impact/banner.webp') }}" class="absolute inset-0 object-cover w-full h-full">
        <div class="container relative inset-0 z-0 flex items-center mx-auto pt-[25rem] pb-[3rem] ">
            <div>
                <div class=" w-auto md:w-[30rem] h-36 p-4 bg-black bg-opacity-60 flex items-center justify-start border-l-4 "
                    style="border-color: #ffbd59;">
                    <div class="">
                        <p class="mb-3 text-3xl font-bold tracking-wider text-white lg:text-5xl">Impact</p>
                        <p class="text-xs text-white">Home > Impact > Why and Wherefores</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container max-w-screen-xl p-5 mx-auto">
        <p class="mt-5 text-4xl font-semibold" data-aos="fade-right">The Whys and Whereforees of AFI</p>

        <div class="mt-10 text-sm leading-6" data-aos="fade-right">
            <p>As basis for developing high-impact and sustainable programs and projects, Asiapro Foundation embarked on a nationwide survey in the latter part of 2016 to determine areas for improvement in the welfare conditions of its potential beneficiaries. The results revealed the following conditions:</p>


            <ul class="mt-5 ml-10 leading-6 list-disc list-outside">
                <li class="[&::marker]:text-green-500 ml-5">
                  65% of the members have not enjoyed the benefits of higher education. Those who have reached high school comprise the biggest segment with 52%, 12% took elementary and 1% have had no formal education at all. Only 25% were able to complete college and 10% had vocational training.

                </li>
                <li class="[&::marker]:text-green-500  ml-5 mt-3">
                    Cooperative members from South Mindango, NCR, and Northern Mindanco, in that order, were the poorest and can be considered as primary focus areas and target beneficiaries of the Foundation.

                </li>
                <li class="[&::marker]:text-green-500  ml-5 mt-3">
                   The survey indicated insufficiency of income as a major concern for a great majority of members. This was strongly felt in the following areas: Kidapawan City, General Santos City, and Surallah in South Cotabato.
                </li>
                <li class="[&::marker]:text-green-500  ml-5 mt-3">
                   A significant number of members have had difficulties meeting the educational needs of their children, even though they are already enrolled in public schools.

                </li>
                <li class="[&::marker]:text-green-500  ml-5 mt-3">
                   A significant number of respondents had no access to potable water (13.3%), sanitary latrines (11.5%) and electricity (7%).


                </li>
                <li class="[&::marker]:text-green-500  ml-5 mt-3">
                    An overwhelming 82% of respondents indicated their need for an additional source of income.
                </li>
            </ul>
            <p class="mt-5">With the data and information at hand, AFI has been developing and creating programs and activities in pursuit of its mission to alleviate poverty and address the needs of target cooperatve members. It has implemented the following projects and activities.
</p>

        </div>
        <div class="  relative w-full h-full  mt-10  ">

           
                <img src="{{ url('img/impact/map.webp') }}"  class="relative inset-0  w-full h-full">
          
            <div class="relative lg:absolute z-50 top-0 right-0" >
                <p class="font-bold text-center">10 Years of giving back, 22,714 beneficiaries</p>
                <table class="min-w-full lg:w-[30rem] text-sm ">
                    <thead>

                    </thead>
                    <tbody>
                        <tr class="">

                            <td class="py-2 text-left text-gray-700 "><img src="{{ asset('img/impact/pin-blue.webp') }}"></td>
                            <td class="py-2   text-gray-700 -pr-4 ">Medical Assistance</td>
                            <td class="px-4 py-2 text-gray-700 border-l border-r border-black">4,625</td>
                        </tr>
                        <tr class="">

                            <td class="py-2 text-left  text-gray-700 "><img src="{{ asset('img/impact/pin-yellow.webp') }}"></td>

                            <td class="py-2 text-gray-700 -pr-4">Livelihood and Trainings</td>
                            <td class="px-4 py-2 text-gray-700 border-l border-r border-black">546</td>
                        </tr>
                        <tr class="">

                            <td class="py-2 text-left text-gray-700 "><img src="{{ asset('img/impact/pin-red.webp') }}"></td>

                            <td class="py-2 text-gray-700 -pr-4 ">Emergency and Calamity Assistance</td>
                            <td class="px-4 py-2 text-gray-700 border-l border-r border-black">1,591</td>
                        </tr>
                        <tr class="">

                            <td class="py-2  text-left text-gray-700"><img src="{{ asset('img/impact/pin-orange.webp') }}"></td>

                            <td class="py-2 text-gray-700 -pr-4 ">Community Outreach</td>
                            <td class="px-4 py-2 text-gray-700 border-l border-r border-black">9,800</td>
                        </tr>
                        <tr class="">

                            <td class="py-2 text-left text-gray-700 "><img src="{{ asset('img/impact/pin-green.webp') }}"></td>

                            <td class="py-2  text-gray-700 -pr-4 ">Remote Eye Screening</td>
                            <td class="px-4 py-2 text-gray-700 border-l border-r border-black">4,517</td>

                        </tr>
                        <tr class="">

                            <td class="py-2 text-left text-gray-700"><img src="{{ asset('img/impact/pin-bluegreen.webp') }}" >
                            </td>

                            <td class="py-2 text-gray-700 -pr-4 ">Covid-19 Assistance</td>
                            <td class="px-4 py-2 text-gray-700 border-l border-r border-black">1,635</td>
                            </td>
                        </tr>
                        <!-- Add more rows as needed -->
                    </tbody>
                </table>
            </div>
        </div>
        <div class="mt-20" data-aos="fade-down">
            <p class="tracking-wide">AFI continues to reach out to cooperative members families and their communities by
                way of community outreach projects
                focused on the marginalized sectors.</p>
            <div class="grid grid-cols-1 gap-5 mt-5 mb-20 lg:grid-cols-2">
                <div><img src="{{ asset('img/impact/img-feat-1.webp') }}"></div>
                <div><img src="{{ asset('img/impact/img-feat-2.webp') }}"></div>
                <div><img src="{{ asset('img/impact/img-feat-3.webp') }}"></div>
                <div><img src="{{ asset('img/impact/img-feat-4.webp') }}"></div>
            </div>
        </div>

    </div>

@endsection