@extends('layouts.front_master')
@section('content')
     <!-- ======= About Section ======= -->
     <section id="about" class="about section-bg">
        <div class="container" data-aos="fade-up">

            <div class="section-title">
                <h2>About Us</h2>
                <hr>
            </div>

            <div class="row">
                @foreach ($about_generals as $about)
                <div class="col-lg-6" data-aos="zoom-out" data-aos-delay="100">
                    <img src="{{url('/uploads/photos/'.$about->image_attachment)}}" class="img-fluid" alt="">
                </div>
                <div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up"
                    data-aos-delay="100">
                    
                    <ul>
                        <li>
                            <i class="icofont-list"></i>
                            <div>
                                <h5>Our Mission</h5>
                                <p class="text-justify">{{$about->mission}}</p>
                            </div>
                        </li>

                        <li>
                          <i class="icofont-light-bulb"></i>
                          <div>
                              <h5>Our Vision</h5>
                              <p class="text-justify">{{$about->vision}}</p>
                          </div>
                      </li>
                        <li>
                            <i class="icofont-map-pins"></i>
                            <div>
                                <h5>Our Goal</h5>
                                <p class="text-justify">{{$about->goal}}</p>
                            </div>
                        </li>
                    </ul>
                    <p>
                        {!! $about->description !!}
                    </p>
                </div>
                @endforeach
              
            </div>

        </div>
    </section>

    <section id="management" class="pricing">

        <div class="container" data-aos="fade-up">
            
            <div class="section-title">
                <h2>TPHA Management</h2><hr>
            </div>
    
            <div class="col-lg-12 col-md-12" data-aos="fade-up" data-aos-delay="200">
                <div class="row">
                    @foreach ($about_management as $item)
                        <div class="col-lg-6 col-md-6">
                            @if($item->image_attachment != "")
                            <img src="{{url('/uploads/photos/'.$item->image_attachment)}}" class="img-fluid"/>
                            @else
                            @endif
                        </div>
                        <div class="col-md-6 col-md-6" data-aos="fade-up" data-aos-delay="100">
                           <p>{{$item->title}}</p>
                           <hr>
                           <p style="font-size: 18px; text-align:justify;">{!!$item->description !!}</p>
                           
                        </div>
                        @endforeach      
                </div>         
            </div>
    
        </div>
    
    </section>
@endsection