@extends('layouts.frontend.app')
@section('title', 'Home Page')

@section('content')
<!--POP-UP-->
<script src="{{ asset('mechi/js/jquery-3.7.0.min.js')}}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        @forelse($popups as $popup)
        $('.btn-close').on('click', function() {
            $(this).closest('.modal').modal('hide');
        });

        $('#popup{{ $loop->iteration }}').modal('show');

        @empty

        @endforelse

        $('.btn-close').on('click', function() {
            $(this).closest('.modal').modal('hide');
        });

    });
</script>


@if($popups->count() > 0)
@foreach ($popups as $index => $popup)
<div class="modal fade" id="popup{{ $index+1 }}" tabindex="-1" aria-labelledby="popup{{ $index+1 }}" aria-hidden="true">
    <div class="modal-dialog none ">
        <div class="modal-content">
            <div class="modal-header">
                @if($popup->show_title)
                <h3 class="modal-title">{{$popup->title}}</h3>
                @endif
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <!-- Your modal content goes here -->
                @if (isset($popup->url) && !empty($popup->url))

                <a href="{{$popup->url}}" {{ $popup->target == 1 ? 'target="_blank"' : '' }}>
                    @endif
                    <img src="{{ asset('storage/' . $popup->image) }} " style="width:100%" />
                    @if (isset($popup->url) && !empty($popup->url))

                </a>
                @endif
            </div>
        </div>
    </div>
</div>
@endforeach
@endif



<!-- BANNER -->
<section id="slideshow" class="carousel slide" data-bs-ride="carousel">
    <img class="service-shape1 animate-y2" src="{{ asset('mechi/images/shape4.png')}}" alt="">
    <img class="slideshow-shape2  animate-y" src="{{ asset('mechi/images/shape55.png')}}" alt="">
    <div class="">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#slideshow" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#slideshow" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#slideshow" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#slideshow" data-bs-slide-to="3" aria-label="Slide 4"></button>
        </div>
        <div class="carousel-inner">
            @foreach ($banners as $key => $banner)
            @if (file_exists('storage/' . $banner->image) && $banner->image != '')

            <div @if ($key==0) class="carousel-item active" @else class="carousel-item" @endif>
                @if($banner->show_block==1)

                <div class="slidecaptionwrapper">
                    <div class="slidecaption animate__animated animate__fadeInRight ">
                        @if (!empty($banner->title))

                        <h1>{!! $banner->title !!}</h1>
                        @endif
                        @if (!empty($banner->caption))

                        <p>{!! $banner->caption !!}</p>
                        @endif
                        <div class="readmore-btn">
                            @if($banner->link )
                            <a class="btn btn-primary" href="{{ $banner->link }}" @if($banner->link_target==1) target="_blank" @endif>{!! $banner->link_text ?? 'Read More' !!}<i class="fal fa-plus"></i> </a>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
                <img src="{{ asset('storage/' . $banner->image) }}" class="d-block w-100" alt="slider1" title="{!! $banner->title !!}">
            </div>

            @endif
            @endforeach

        </div> <button class="carousel-control-prev" type="button" data-bs-target="#slideshow" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous </span> </button> <button class="carousel-control-next" type="button" data-bs-target="#slideshow" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next </span> </button>
    </div>
</section>
<!-- BANNER--END -->
@if (isset($blocks) && $blocks['block-3']['value']!=null)
    <section class="section-padding" id="about-block">
        {!! $blocks['block-1']['value'] !!}    
    </section>
@endif
<section class="section-padding" >
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4">
            <div class="card-block team-info">
                <h2>अध्यक्षको कोलम</h2>
                <img src="{{ asset('mechi/images/narayan.jpg') }}">

                <h3>नारायण प्रसाद भट्टराई</h3>
                <p>सहकारीको मुल्य, मान्यता र सिद्धान्तहरूको अक्षरसः पालना गर्दै सहकारी ऐन, नियम संचालक समिति तथा साधारण सभाका निर्णयहरू र प्रस्तावित दशवर्षे व्यावसायिक योजनाका आधारलाई पूर्ण पालना गर्दै समुदायमा..</p>
              <a href="">थप पढ्नुहोस् <i class="fas fa-angle-double-right"></i></a>

            </div>

            </div>
            <!-- col end -->
            <div class="col-lg-4 col-md-4">
            <div class="card-block team-info">
                <h2>अध्यक्षको कोलम</h2>
                <img src="{{ asset('mechi/images/narayan.jpg') }}">

                <h3>नारायण प्रसाद भट्टराई</h3>
                <p>सहकारीको मुल्य, मान्यता र सिद्धान्तहरूको अक्षरसः पालना गर्दै सहकारी ऐन, नियम संचालक समिति तथा साधारण सभाका निर्णयहरू र प्रस्तावित दशवर्षे व्यावसायिक योजनाका आधारलाई पूर्ण पालना गर्दै समुदायमा..</p>
              <a href="">थप पढ्नुहोस् <i class="fas fa-angle-double-right"></i></a>

            </div>

            </div>
            <!-- col end -->
            <div class="col-lg-4 col-md-4">
            <div class="card-block team-info">
                <h2>अध्यक्षको कोलम</h2>
                <img src="{{ asset('mechi/images/narayan.jpg') }}">

                <h3>नारायण प्रसाद भट्टराई</h3>
                <p>सहकारीको मुल्य, मान्यता र सिद्धान्तहरूको अक्षरसः पालना गर्दै सहकारी ऐन, नियम संचालक समिति तथा साधारण सभाका निर्णयहरू र प्रस्तावित दशवर्षे व्यावसायिक योजनाका आधारलाई पूर्ण पालना गर्दै समुदायमा..</p>
              <a href="">थप पढ्नुहोस् <i class="fas fa-angle-double-right"></i></a>

            </div>

            </div>
            <!-- col end -->

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

<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
  </div>
  <div class="carousel-inner">
    <div class="carousel-item active">
    <img src="{{ asset('mechi/images/banner1.jpg') }}">
    </div>
    <div class="carousel-item">
    <img src="{{ asset('mechi/images/banner1.jpg') }}">
    </div>
    <div class="carousel-item">
    <img src="{{ asset('mechi/images/banner1.jpg') }}">
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

<!-- SERVICE--->
<section id="service" class="section-padding" style="background-image:url({{ asset('mechi/images/counter-bg.png')}});">
    <div class="container">
        <div class="paragraph-title">
            <div>हाम्रो सेवाहरू</div>
            <h2>मेची बहुउद्देश्यीय सहकारी संस्था लिमिटेड पूर्वको सुन्दर नगरी दमकमा राष्ट्रिय पहिचान बनाएको स्थापित सहकारी संस्था हो ।</h2>
        </div>
        <div class="row">
        <a href="#!" class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-lg-4">
        <div  class="service-block wow animate__animated animate__fadeInUp s1">
                    <span class="service-icon"><img src="{{ asset('mechi/images/deposit.png')}}" alt=""></span>
                    <h2>जम्मा गर्नुहोस्</h2>
                    <div>सदस्यको आवश्यकता अनुसारका बचत कार्यक्रम संस्थामा संचालीत छन् ।</div>
                    </div></a>
            
            <a href="#!"  class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-lg-4">
                <div class="service-block wow animate__animated animate__fadeInUp s1">
                    <span class="service-icon"><img src="{{ asset('mechi/images/loan.png')}}" alt=""></span>
                    <h2>ऋण</h2>
                    <div>सदस्यको आवश्यकता अनुसारका कर्जाको व्यवस्था संस्थाले गरेको छ</div>
                </div>
</a>
<a href="#!" class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-lg-4">
                <div class="service-block wow animate__animated animate__fadeInUp s1">
                    <span class="service-icon"><img src="{{ asset('mechi/images/remmitance.png')}}" alt=""></span>
                    <h2>जम्मा गर्नुहोस्</h2>
                   <div>सदस्यहरुलाई घर वसी वसी सदस्यको खातामा रेमिट्रान्स रकम जम्मा गरिदिने व्यवस्था संस्थाले गरेको छ ।</div>
                </div>
</a>

<a href="#!"  class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-lg-4">
                <div class="service-block wow animate__animated animate__fadeInUp s2">
                    <span class="service-icon"><img src="{{ asset('mechi/images/training.png')}}" alt=""></span>
                    <h2>प्रशिक्षण</h2>
                    <div>मेची सहकारी संस्था लिमिटेड दमक झापाले सदस्यको पेशा, व्यावसाय र क्षेत्रको आधारमा माघ महिना भरी सदस्य..</div>
                </div>
</a>
<a href="#!"  class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-lg-4">
                <div class="service-block wow animate__animated animate__fadeInUp s2">
                    <span class="service-icon"><img src="{{ asset('mechi/images/saving.png')}}" alt=""></span>
                    <h2>दिर्गाकलिंग बचत</h2>
                    <div>मेचीको सम्मान दिर्घकालिन बचत योजना, मेचीको सम्मान दिर्घकालिन बचत योजना</div>
                </div>
</a>
<a href="#!"  class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-lg-4">
                <div class="service-block wow animate__animated animate__fadeInUp s2">
                    <span class="service-icon"><img src="{{ asset('mechi/images/ambulance.png')}}" alt=""></span>
                    <h2>एम्बुलेन्स सेवा</h2>
                   <div>संस्थाले सदस्यहरुलाई १० प्रतिशत छुटमा २४ सै घण्टा एम्वुलेन्स सेवा उपलब्ध गराउछ ।</div>
                </div>
</a>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-lg-12 text-center">
                <a href="#!" class="txt-link">सबै हेर्नुहोस् <i class="fas fa-angle-double-right"></i></a>
            </div>
        </div>
    </div>




</section>
<!-- SERVICE--END -->

<!-- News -->
<section id="training" class="section-padding">
    
    <div class="container">
        <div class="paragraph-title">
            <div>समाचार र प्रकाशन</div>
            <h2>सहकारीको मुल्य, मान्यता र सिद्धान्तहरूको अक्षरसः पालना गर्दै सहकारी ऐन, नियम संचालक समिति तथा साधारण सभाका निर्णयहरू</h2>
        </div>
        <div class="recent-training">
            <div class="owl-carousel owl-theme training-carousel">
                @foreach($news as $info)
                                <!-- <li> <i class="bi bi-calendar4-event"></i> <span> {{ $info->published_date ? \Carbon\Carbon::parse($info->published_date)->format('M d, Y') : \Carbon\Carbon::parse($info->created_at)->format('M d, Y') }} </span>
                                    <div class="title"> <a href="{{route('news.show',$info->slug)}}"> {{$info->title}}</a> </div>
                                </li> -->
                                <div class="item wow animate__animated animate__fadeInUp">
                    <div class="updates-time"> 
                        <a target="_blank" href="{{ asset('storage/'.$info->document) }}" class="training-updates">
                            @if($info->image && file_exists('storage/' . $info->image))
                            <img class="" src="{{ asset('storage/' . $info->image) }}" alt="{{$info->title}}" title="{{$info->title}}"> </a>
                        @endif
                    <span><i class="far fa-calendar-alt"></i> {{ $info->published_date ? \Carbon\Carbon::parse($info->published_date)->format('M d, Y') : \Carbon\Carbon::parse($info->created_at)->format('M d, Y') }}</span>
                        <div class="training-title"> <a href="{{route('news.show',$info->slug)}}" class="">{{$info->title}}</a> </div>
                        <div class="readmore-btn"> <a href="{{route('news.show',$info->slug)}}" class="mechi-readmore"> थप पढ्नुहोस् <i class="fas fa-arrow-right"></i></a> </div>
                    </div>
                </div>
                @endforeach
            </div>
           
            <div class="text-center mt-4">
                <a href="#!" class="txt-link">सबै हेर्नुहोस् <i class="fas fa-angle-double-right"></i></a>
            </div>
        </div>
</section>
<!-- News-END -->



<!-- STATISTIC -->
<section id="stats">
    <div class="container">
        <!-- <div class="paragraph-title title-white">
            <div>२७ वर्षदेखि सदस्य सेवामा सर्मपित</div>
        </div> -->
        <div class="row">
            
            <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 stats-wrapper text-center wow animate__animated animate__fadeInUp s1">
                <img src="{{ asset('mechi/images/assets.svg')}}" alt="">
                <div class="counting" data-count="3623168417.84">0</div>
                <div class="stats-txt">कुल सम्पत्ति</div>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 stats-wrapper text-center wow animate__animated animate__fadeInUp s2">
                <img src="{{ asset('mechi/images/members.svg')}}" alt="">
                <div class="counting" data-count="15434">0</div>
                <div class="stats-txt">कुल सदस्य</div>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 stats-wrapper text-center wow animate__animated animate__fadeInUp s3">
                <img src="{{ asset('mechi/images/deposits.svg')}}" alt="">
                <div class="counting" data-count="2721157687.32">0</div>
                <div class="stats-txt">कुल डिपोजिट</div>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 stats-wrapper text-center wow animate__animated animate__fadeInUp s4">
                <img src="{{ asset('mechi/images/loans.svg')}}" alt="">
                <div class="counting" data-count="3162028000.38">0</div>
                <div class="stats-txt">कुल ऋण</div>
            </div>
        </div>
    </div>
</section>
<!-- STATISTIC END -->

<!-- TRAINING--->
<section id="training" class="section-padding">
    <div class="container">
        <div class="paragraph-title">
            <div>हाम्रो टोली</div>
            <h2>मेची बहुउद्देश्यीय सहकारी संस्था लिमिटेड पूर्वको सुन्दर नगरी दमकमा राष्ट्रिय पहिचान बनाएको स्थापित सहकारी संस्था</h2>
        </div>
        <div class="recent-training">
            <div class="owl-carousel owl-theme team-carousel">
                <div class="item wow animate__animated animate__fadeInUp ">
                    <div class="training-block">
                        <div class="team-img"><img src="{{ asset('mechi/images/Khom-Prasad-Bagale.jpg')}}" alt=""></div>
                        <div class="team-txt">
                            <span>खोमप्रसाद बगाले</span>
                            प्रमुख कार्यकारी अधिकृत
                        </div>
                    </div>
                </div>
                <div class="item wow animate__animated animate__fadeInUp">
                    <div class="training-block">
                        <div class="team-img"><img src="{{ asset('mechi/images/Chandra-Thapa.jpg')}}" alt=""></div>
                        <div class="team-txt">
                            <span>चन्द्रप्रसाद थापा</span>
                            उप प्रबन्धक
                        </div>
                    </div>
                </div>
                <div class="item wow animate__animated animate__fadeInUp">
                    <div class="training-block">
                        <div class="team-img"><img src="{{ asset('mechi/images/Mahendra-Adhikari.jpg')}}" alt=""></div>
                        <div class="team-txt">
                            <span>महेन्द्रप्रसाद अधिकारी</span> प्राविधिक विभागका प्रमुख डा.                                  		
                        </div>
                    </div>
                </div>
                <div class="item wow animate__animated animate__fadeInUp">
                    <div class="training-block">
                        <div class="team-img"><img src="{{ asset('mechi/images/Tika-Kumari-Bhattarai.jpg')}}" alt=""></div>
                        <div class="team-txt">
                            <span>खोम प्रसाद बगाले</span>
                            दमक सेवा कार्यालय प्रमुख 
                        </div>
                    </div>
                </div>
                <div class="item wow animate__animated animate__fadeInUp">
                    <div class="training-block">
                        <div class="team-img"><img src="{{ asset('mechi/images/Chandra-Thapa.jpg')}}" alt=""></div>
                        <div class="team-txt">
                            <span>चन्द्रप्रसाद थापा</span>
                            उप प्रबन्धक
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="text-center mt-4">
                <a href="#!" class="txt-link">सबै हेर्नुहोस् <i class="fas fa-angle-double-right"></i></a>
            </div>
        </div>
</section>
<!-- TRAINING-END-->



@endsection