@extends('web.layouts.layout')
@section('content')


    <main>
        <section class="pg_header">
            <div class="container">
                <h3 class="pg_title fw-bold">{{$title}} </h3>
                <div class="bread mt-3">
                    <a href="{{route('home')}}" class="item">{{__('web.home')}}</a>
                    <a href="{{route('program_initiative')}}" class="item">{{__('web.program_initiative')}}</a>
                    <span class="item active">{{$title}} </span>
                </div>
            </div>
            <img src="{{url('')}}/assets/web/images/circle_shap.png" alt="" class="circle_shap">
        </section>



        <section class="program_det ">
            <div class="container">
                <h2 class="sec_title fw-bold mb-4">
                    <img src="{{asset($program->image)}}" alt="" class="logoProg light_item">
                    <img src="{{url('')}}/assets/web/images/logo_wh.png" alt="" class="logoProg dark_item">
                    {{$program->name}}
                </h2>

                <div class="row">
                    <div class="col-lg-11">
                        <div class="mainImg_box">
                            <div class="swiper-container progDetSwiper my-4">
                                <div class="swiper-wrapper">
                                    @foreach($photos as $row)
                                        <div class="swiper-slide">
                                            <img src="{{asset($row->image)}}" class="img1" alt="" />
                                        </div>
                                    @endforeach
                                </div>
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-1">
                        <div class="social_links m-auto w-fit my-4">
                                        <a href="https://www.linkedin.com/shareArticle?mini=true&url={{route('news.show',$program->id)}}&title={{$program->name}}" target="_blank"> <i class="fab fa-linkedin"></i> </a>
                                        <a href="https://www.facebook.com/sharer/sharer.php?u={{route('news.show',$program->id)}}"target="_blank"> <i class="fab fa-facebook-f"></i> </a>
                                        <a href="https://twitter.com/intent/tweet?text={{$program->name}}&url={{route('news.show',$program->id)}}" target="_blank"> <i class="fab fa-x-twitter"></i> </a>
                            <a href="#" onclick="copyClipboard(this)" clipboard-id="{{route('program',$program->id)}}">  <i class="fa-light fa-copy"></i> </a>
                        </div>
                    </div>
                    <div class="col-lg-11">
                        <div class="txt_box mt-5">
                            <h2 class="fw-bold mb-4"> {{__('web.program_desc')}}  </h2>
                            <div class="p">
                                {!! $program->description !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ---------- activities_sec ----------- -->
        @if(count($condition) > 0)
            <section class="activities_sec ">
                <div class="container">
                    <div class="txt_box mb-5">
                        <h3 class="fw-bold mb-3"> {{__('web.condition')}}  </h3>
                        <p class="p fs-5"> {{__('web.condition_contains')}}   </p>
                    </div>
                    <div class="program_det p-0">
                        <div class="threds_box bg-transparent p-0">
                            <div class="inner bg-transparent p-0">
                                <div class="txt_box p-0">
                                    <ul class="row">
                                        @foreach($condition as $row)
                                            <li class="col-md-6">
                                                {{$row->name}}
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
                <img src="{{url('')}}/assets/web/images/activity_bg.png" class="bg" alt=""/>
            </section>
        @endif

        <!-- ---------- program_det ----------- -->
        @if((count($goal_images) + count($standard) ) > 0)
            <section class="program_det">
                @if(count($goal_images) > 0)
                    <div class="obj_box2 ">
                        <div class="container">
                            <h2 class="fw-bold mb-4"> {{__('web.goal_images')}}  </h2>
                            <div class="partners bg-transparent p-0">
                                <div class="partners_slider pb-4">
                                    <div class="swiper-wrapper">
                                        @foreach($goal_images as $row)
                                        <div class="swiper-slide">
                                            <img src="{{asset($row->image)}}" class="logo" alt="">
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                @if(count($goal_images) > 0)
                    <div class="threds_box  bg-white">
                        <div class="container">
                            <div class="inner bg-light">
                                <div class="row">
                                    <div class="col-lg-7">
                                        <div class="txt_box">
                                            <h3 class="fw-bold mb-4">{{__('web.standards')}}</h3>
                                            <ul class="row">
                                                @foreach($standard as $row)
                                                <li class="col-md-6">
                                                    {{$row->name}}
                                                </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-lg-5">
                                        <img src="{{url('')}}/assets/web/images/threads-2.svg" class="img" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </section>
        @endif

        <!-- ---------- numbers ----------- -->
        @if(count($reward) > 0)
            <section class="numbers pb-0">
                <div class="container">
                    <div class="numbers_wrapper">
                        <div class="section_title mb-4">
                            <h2 class="fs-1 "> {{__('web.rewards')}}   </h2>
                        </div>
                        <div class="numbers">
                            <div class="row justify-content-center">
                                @foreach($reward as $row)
                                    <div class="col-lg-2">
                                        <div class="number_card">
                                            <div class="icon">
                                                <img src="{{asset($row->image)}}" alt="">
                                            </div>
                                            <h6> {{$row->name}}  </h6>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <img src="{{url('')}}/assets/web/images/hand2.png" alt="" class="hand">
                    </div>
                </div>
            </section>
        @endif
    </main>

@section('inject_js')
@endsection

@stop