@extends('user.user_dashboard')
@section('home')
    <!-- ================================
                        START BREADCRUMB AREA
                    ================================= -->
    <section class="breadcrumb-area section-padding img-bg-2 ">
        <div class="overlay"></div>

        <div class="container">

            <div class="breadcrumb-content d-flex flex-wrap align-items-center justify-content-between">




                <div class="section-heading">
                    <h2 class="section__title text-white"> <a href="{{ route('dashboard.referral') }}"> <i
                                class="la la-chevron-left icon text-white"> </i> </a> Influencer Resource Hub &nbsp; &nbsp;
                        &nbsp; </h2>
                </div>

                <ul
                    class="generic-list-item generic-list-item-white generic-list-item-arrow d-flex flex-wrap align-items-center">
                    <li> <a href="{{ route('dashboard') }}"> Dashboard </a> </li>
                    <li> <a href="{{ route('dashboard.referral') }}"> Referrals </a> </li>
                    <li> <a href="{{ route('referral.influencer.dashboard') }}"> Influencer Resource Hub </a> </li>
                </ul>


            </div><!-- end breadcrumb-content -->



        </div><!-- end container -->
    </section><!-- end breadcrumb-area -->
    <!-- ================================
                       END BREADCRUMB AREA
                    ================================= -->


    <div class="container">


        <div class="card mt-3 mb-5">
            <div class="card-body">

                <h4 class="my-4"> Resources </h4>


                <div class="row g-4">


                

                    <!-- PDF Resource 2 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> INFLUENCER PROGRAM CAPTIONS FOR SOCIAL MEDIA POSTS (PDF)</h6>
                                <iframe
                                    src="{{ asset('frontend/influencer/INFLUENCER PROGRAM CAPTIONS FOR SOCIAL MEDIA POSTS.pdf') }}"
                                    width="100%" height="310px">
                                </iframe>
                                <a href="{{ asset('frontend/influencer/INFLUENCER PROGRAM CAPTIONS FOR SOCIAL MEDIA POSTS.pdf') }}"
                                    download class="btn btn-outline-primary mt-3 w-100">
                                    Download PDF
                                </a>
                            </div>
                        </div>
                    </div>


                    <!-- Image Resource 2 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image 1 </h6>
                                <img src="{{ asset('frontend/influencer/influencer7.jpeg') }}" class="img-fluid"
                                    alt="Influencer Image 2">
                                <a href="{{ asset('frontend/influencer/influencer7.jpeg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>


                    <!-- Image Resource 3 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image 2 </h6>
                                <img src="{{ asset('frontend/influencer/influencer8.jpeg') }}" class="img-fluid"
                                    alt="Influencer Image 2">
                                <a href="{{ asset('frontend/influencer/influencer8.jpeg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>

                    <!-- Image Resource 4 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image 3 </h6>
                                <img src="{{ asset('frontend/influencer/influencer9.jpeg') }}" class="img-fluid"
                                    alt="Influencer Image 2">
                                <a href="{{ asset('frontend/influencer/influencer9.jpeg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>


                    <!-- Image Resource 5 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image 4 </h6>
                                <img src="{{ asset('frontend/influencer/influencer10.jpeg') }}" class="img-fluid"
                                    alt="Influencer Image 2">
                                <a href="{{ asset('frontend/influencer/influencer10.jpeg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>


                     <!-- Image Resource 6 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image 5 </h6>
                                <img src="{{ asset('frontend/influencer/influencer11.jpeg') }}" class="img-fluid"
                                    alt="Influencer Image 2">
                                <a href="{{ asset('frontend/influencer/influencer11.jpeg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>



                     <!-- PDF Resource 1 -->
                     <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> eLibrary Influencer Activation Guide (PDF)</h6>
                                <iframe
                                    src="{{ asset('frontend/influencer/eLibrary_Influencer_Activation_Guide.pdf') }}"
                                    width="100%" height="310px">
                                </iframe>
                                <a href="{{ asset('frontend/influencer/eLibrary_Influencer_Activation_Guide.pdf') }}"
                                    download class="btn btn-outline-primary mt-3 w-100">
                                    Download PDF
                                </a>
                            </div>
                        </div>
                    </div>



                    <!-- PDF Resource 1 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small">E-library At A Glance (PDF)</h6>
                                <iframe src="{{ asset('frontend/influencer/elibrary_at_a_glance.pdf') }}" width="100%"
                                    height="310px">
                                </iframe>
                                <a href="{{ asset('frontend/influencer/elibrary_at_a_glance.pdf') }}" download
                                    class="btn btn-outline-primary mt-3 w-100">
                                    Download PDF
                                </a>
                            </div>
                        </div>
                    </div>


                    <!-- PDF Resource 2 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> Social Media/Publicity Scripts (PDF)</h6>
                                <iframe
                                    src="{{ asset('frontend/influencer/Social_Media_Communication_Scripts_for_Influencers.pdf') }}"
                                    width="100%" height="310px">
                                </iframe>

                                {{--
                                <a href="{{ asset('frontend/influencer/Social_Media_Communication_Scripts_for_Influencers.pdf') }}"
                                    download class="btn btn-outline-primary mt-3 w-100">
                                    Download PDF
                                </a>
                                --}}

                                <!-- Normal link (opens in new tab instead of auto download) -->
                                <a href="{{ asset('frontend/influencer/Social_Media_Communication_Scripts_for_Influencers.pdf') }}"
                                    target="_blank" class="btn btn-outline-primary mt-3 w-100">
                                    View / Download PDF
                                </a>
                            </div>
                        </div>
                    </div>


                    <!-- Video Resource -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small">Elibrary Promo Video</h6>

                                <video width="100%" height="310px" controls>
                                    <source src="{{ asset('frontend/influencer/elibrary_promo_video_with_caption.mp4') }}"
                                        type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>

                                <a href="{{ asset('frontend/influencer/elibrary_promo_video_with_caption.mp4') }}" download
                                    class="btn btn-outline-warning mt-3 w-100">
                                    Download Video
                                </a>
                            </div>
                        </div>
                    </div>



                    <!-- Image Resource 1 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image A</h6>

                                <img src="{{ asset('frontend/influencer/influencer1.jpg') }}" class="img-fluid"
                                    alt="Influencer Image 1">

                                <a href="{{ asset('frontend/influencer/influencer1.jpg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>



                    <!-- Image Resource 2 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image B </h6>
                                <img src="{{ asset('frontend/influencer/influencer2.jpg') }}" class="img-fluid"
                                    alt="Influencer Image 2">
                                <a href="{{ asset('frontend/influencer/influencer2.jpg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>




                    <!-- Image Resource 3 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image C </h6>
                                <img src="{{ asset('frontend/influencer/influencer3.jpg') }}" class="img-fluid"
                                    alt="Influencer Image 2">
                                <a href="{{ asset('frontend/influencer/influencer3.jpg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>


                    <!-- Image Resource 4 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image D </h6>
                                <img src="{{ asset('frontend/influencer/influencer4.jpg') }}" class="img-fluid"
                                    alt="Influencer Image 2">
                                <a href="{{ asset('frontend/influencer/influencer4.jpg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>


                    <!-- Image Resource 5 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image E </h6>
                                <img src="{{ asset('frontend/influencer/influencer5.jpg') }}" class="img-fluid"
                                    alt="Influencer Image 2">
                                <a href="{{ asset('frontend/influencer/influencer5.jpg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>



                    <!-- Image Resource 6 -->
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body text-center">
                                <h6 class="card-title small"> E-library Image F </h6>
                                <img src="{{ asset('frontend/influencer/influencer6.jpg') }}" class="img-fluid"
                                    alt="Influencer Image 2">
                                <a href="{{ asset('frontend/influencer/influencer6.jpg') }}" download
                                    class="btn btn-outline-success mt-3 w-100">
                                    Download Image
                                </a>
                            </div>
                        </div>
                    </div>



                </div>



            </div>
        </div>



























    </div>
@endsection