@extends('layouts.fa.master')
@section('content')
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 3"></button>
        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 3"></button>
        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="5" aria-label="Slide 3"></button>
    </div>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="{{asset('images/slide1.jpg')}}" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
            <img src="{{asset('images/slide2.jpg')}}" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
            <img src="{{asset('images/slide3.jpg')}}" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
            <img src="{{asset('images/slide4.jpg')}}" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
            <img src="{{asset('images/slide5.jpg')}}" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
            <img src="{{asset('images/slide6.jpg')}}" class="d-block w-100" alt="...">
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" 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="#carouselExampleCaptions" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>
<div class="space-div"></div>
<!-- Facts Start -->
<div class="org-name">
    <div class="line"></div>
    <div class="org-name-text">
        تا حالا چی کار کردیم؟
    </div>
</div>
<br>
<div class="facts" data-parallax="scroll">

    <div class="container">
        <div class="row">
            @foreach ($var as $data)
            <div class="col-lg-3 col-md-6">
                <div class="facts-item">
                    <i class="bi bi-graph-up-arrow"></i>
                    <div class="facts-text">
                        <h3 data-toggle="counter-up">{{$data->value}}</h3>
                        <p> {{$data->title}} </p>
                        <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModalLabel-{{$data->id}}">
                            بیشتر
                        </button>
                    </div>
                </div>

                <!-- Modal -->
                <div class="modal fade" id="exampleModalLabel-{{$data->id}}" tabindex="-1" aria-labelledby="exampleModalLabel-{{$data->id}}" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content modal-mcf ">
                            <div class="statistic-img">
                                <img src="{{asset('images/logo.jpg')}}" class="logoimg" /></a>
                            </div>
                            <div class="modal-header">
                                <h5 class="modal-title mcf-blue" id="exampleModalLabel-{{$data->id}}">{{$data->value}} - {{$data->title}} </h5>
                            </div>
                            <div class="modal-body">
                                {!!$data->description!!}
                            </div>
                            <div class="modal-footer">
                                @auth
                                <div class="edit">
                                    <a href="{{route('var.edit', ['id'=>$data->id])}}" class="btn-sm btn btn-success shadow">Edit</a>
                                </div>
                                @endauth
                                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">بستن</button>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            @endforeach

        </div>
    </div>





</div>
<!-- Facts End -->
<div class="space-div"></div>
<section id="about-sec">
    <div class="container">
        <div class="row">
            @forelse ($homepost as $blog)
            @auth
            <div class="edit-delete">
                <div class="edit-delete-div">
                    <div>
                        <form action="{{route('home.destroy', $blog->id)}}" method="POSt">
                            @csrf
                            @method('delete')
                            <button type="submit" class="btn btn-sm btn-danger m-2">Delete</button>
                        </form>
                    </div>

                    <div>
                        <button class="btn btn-sm btn-success m-2"><a href="{{route('home.edit', ['id'=>$blog->id])}}">Edit</a></button>
                    </div>
                </div>
            </div>
            @endauth
            <div class="col-12">
                <div class="row cards-home">
                    <div class="col-md-5">
                        <div class="entry-img2">
                            <img src="{{ asset('images/images/'.$blog->image) }}" alt="" class="w-100">
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m-4" data-aos="fade-down-right" data-aos-delay="200">
                            <h3 class="text-center">{{$blog->title}}</h3>
                            <hr>
                            {!!$blog->description!!}
                        </div>
                    </div>
                </div>
            </div>
            @empty
            @endforelse
        </div>
    </div>
</section>





<div class="bg-white pb-4 pt-4">
    <div class="container">
        <div class="row">
            <h3>آخرین ویدیوها</h3>
            <hr>
            @forelse ($activity as $blog)

            <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-down-left" data-aos-delay="200">
                <div class="cards2 shadow">
                    <div class="video-container">
                        <iframe src="{{$blog->link}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope;" allowfullscreen></iframe>
                    </div>
                    <div class="cardsbody">
                        <h5>{{Str::limit($blog->title, 40)}}</h5> <span>{{$blog->date}}</span>
                        <a href="{{route('pub_show', $blog)}}">Read More</a>
                    </div>
                </div>

            </div>

            @empty
            @include('org.not_uploaded')
            @endforelse

        </div>
    </div>
</div>
@endsection