@extends('layout.app')
@section('title') Donate
@endsection
@section('content')
    <section class="heroSection innerBan">
        <div class="main-slider p-0" id="mainSlider">
            <div class="swiper-container homeSlider">
                @if($donateSlider)
                    <div class="swiper-wrapper">
                        @php
                            $get_decode = json_decode($donateSlider->images);
                        @endphp
                        @foreach($get_decode as $index => $all_images)
                            <div class="swiper-slide">
                                <div class="slide-inner bg-image" data-background="{{ asset('upload/sliders/'.$all_images) }}">
                                    <div class="slider-overlay d-flex align-items-center">
                                        <div class="container">
                                            <div class="row no-gutters ">
                                                <div class="col-md-8 mx-auto">
                                                    <h2 class="text-white text-center">DONATE INFO</h2>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                @else
                    <h3 class="text-center text-white mt-5">
                        Images Not Found
                    </h3>

                @endif
            </div>
        </div>
    </section>

    <section class="eventSection">
        <div class="container">
            <div class="mainHeading innermainHeading" data-aos="fade-up">
                <h2 data-aos="fade-up">DONATE INFO</h2>
            </div>
            <div class="eventContent w-50 mx-auto text-center">
                <p>The Clubhouse runs on your donations! We accept donations during shows, but you can donate at any
                    time!!! 2 bucks! 10 Bucks! 1000 bucks? Donate here!</p>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <img src="{{asset('upload/cms_images/venmo.png')}}" class="w-100 mb-3">
                    <button type="submit" data-toggle="modal" data-target="#StripeCardModal"
                            name="stripe_py_btn" class=" btn themeBtn2 stripe_py_btn w-100 ">Donate
                    </button>

                    {{--                    @auth--}}
                    {{--                        <button type="submit" data-toggle="modal" data-target="#StripeCardModal"--}}
                    {{--                                name="stripe_py_btn" class=" btn themeBtn2 stripe_py_btn w-100 ">Donate--}}
                    {{--                        </button>--}}

                    {{--                    @else--}}
                    {{--                        <button class="btn themeBtn2 click-without-login w-100">Donate</button>--}}
                    {{--                    @endauth--}}
                </div>
            </div>
        </div>
    </section>
@endsection