@php
    $campaign_head = getSectionData('campaigns');
    $defualt = get_default_language_code()??'en';
    $default_lng = App\Constants\LanguageConst::NOT_REMOVABLE;
@endphp
@extends('frontend.layouts.master')

@push("css")
    <style>
        .nice-select .list {
            height: 200px;
            overflow: auto;
        }
    </style>
@endpush

@push("meta")
    @php
        $meta_description = Str::limit(strip_tags(@$campaign->desc->language->$defualt->desc ?? ''), 150);
        $meta_title = $campaign->title->language->en->title ?? '';

        $meta_image = get_image($campaign->image,'campaigns');
    @endphp

    <!-- Open Graph for Facebook & LinkedIn -->
    <meta property="og:title" content="{{ $meta_title }}" />
    <meta property="og:description" content="{{ $meta_description }}" />
    <meta property="og:image" content="{{ $meta_image }}" />
    <meta property="og:url" content="{{ url()->current() }}" />
    <meta property="og:type" content="website" />


@endpush

@section('content')
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Start Banner
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
@include('frontend.partials.breadcrumb')
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    End Banner
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

@auth
    @php
        $favourite = DB::table('favourites')->where('user_id', auth()->user()->id)->where('campaign_id', $campaign->id)->exists();
    @endphp
@endauth

<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Start Campaign
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="campaign-section ptb-120">
    <div class="container">
        <div class="row justify-content-center mb-30-none">
            <div class="col-xl-7 col-lg-7 mb-30">
                <div class="campaign-item details">
                    <div class="campaign-thumb">
                        <img src="{{ get_image($campaign->image,'campaigns') }}" alt="campaign">
                        <div class="campaign-category">
                            <span>#Life</span>
                        </div>
                        <div class="campaign-actions">
                            @if ($favourite ?? [])
                                <a href="{{ route('campaign.favorite', $campaign->id) }}" class="campaign-save-btn" aria-label="Save this campaign" data-saved="false">
                                    <i style="color: red;" class="las la-heart"></i>
                                </a>
                            @else
                                @if (auth()->check() && $campaign->user_id != auth()->id())
                                    <a href="{{ route('campaign.favorite', $campaign->id) }}" class="campaign-save-btn" aria-label="Save this campaign" data-saved="false">
                                        <i class="far fa-heart"></i>
                                    </a>
                                @endif
                            @endif


                            <div class="campaign-share-buttons">

                                @foreach (@$socialShare ?? [] as $socialShare)
                                    @if ($socialShare->slug == 'facebook')
                                        <a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url()->current()) }}" class="share-btn facebook" aria-label="Share on Facebook">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    @endif
                                    @if ($socialShare->slug == 'whatsapp')
                                        <a href="https://wa.me/?text={{ urlencode($meta_title . ' ' . url()->current()) }}" class="share-btn whatsapp" aria-label="Share on Whatsapp">
                                            <i class="fab fa-whatsapp"></i>
                                        </a>
                                    @endif

                                    @if ($socialShare->slug == 'twitter')
                                        <a href="https://twitter.com/intent/tweet?text={{ urlencode($meta_title) }}&url={{ urlencode(url()->current()) }}" class="share-btn twitter" aria-label="Share on Twitter">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    @endif

                                    @if ($socialShare->slug == 'linkedin')
                                        <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ urlencode(url()->current()) }}" class="share-btn linkedin" aria-label="Share on LinkedIn">
                                            <i class="fab fa-linkedin-in"></i>
                                        </a>
                                    @endif

                                @endforeach


                            </div>
                        </div>
                    </div>
                    <div class="campaign-content">
                        {!! @$campaign->desc->language->$defualt->desc ??@$campaign->desc->language->$default_lng->desc !!}
                    </div>
                </div>
            </div>
            <div class="col-xl-5 col-lg-5 mb-30">
                <div class="sidebar">
                    <div class="donation-form-area">
                        <h3 class="title">{{ __("Enter your donation") }}</h3>
                        <form class="dontation-form" method="POST" action="{{ setRoute('donation.submit') }}">
                            @csrf
                            <input type="hidden" name="campaign_id" value="{{ $campaign_id }}">
                            <input type="hidden" name="campaign_slug" value="{{ $campaign_slug }}">
                            <div class="donation-form-wrapper">
                                <h5 class="sub-title">{{ __("Select the amount") }}:</h5>
                                <div class="radio-wrapper">
                                    <div class="radio-item">
                                        <input type="radio" id="level-1" value="5" name="select_amount">
                                        <label for="level-1">5 {{ get_default_currency_code() }}</label>
                                    </div>
                                    <div class="radio-item">
                                        <input type="radio" id="level-2" value="50" name="select_amount">
                                        <label for="level-2">50 {{ get_default_currency_code() }}</label>
                                    </div>
                                    <div class="radio-item">
                                        <input type="radio" id="level-3" value="100" name="select_amount">
                                        <label for="level-3">100 {{ get_default_currency_code() }}</label>
                                    </div>
                                </div>
                            </div>
                            <div class="donation-form-wrapper">
                                <h5 class="sub-title"> {{ __("Or enter other amount(optional)") }} </h5>
                                <input type="text" class="form--control" name="amount" placeholder="{{ __("other Amount") }}">
                            </div>
                            <div class="donation-form-wrapper">
                                <h5 class="sub-title">{{ __("Select Gateway") }}:</h5>
                                <select class="form--control select2-auto-tokenize" name="currency">
                                    @foreach ($payment_gateways_currencies ?? [] as $item)
                                        @if (Auth::check())
                                            <option value="{{ $item->alias  }}">
                                                {{ $item->name }}
                                            </option>
                                        @else
                                            @if (!$item->gateway->isManual())
                                                <option value="{{ $item->alias  }}">
                                                    {{ $item->name }}
                                                </option>
                                            @endif
                                        @endif
                                    @endforeach
                                    @auth
                                        @php
                                            $wallet = DB::table('user_wallets')->where('user_id', Auth::id())->first();
                                        @endphp
                                        <option value="wallet-usd">
                                            Balance ({{ get_amount(@$wallet->balance).' '. get_default_currency_code()}})
                                        </option>
                                    @endauth
                                </select>
                            </div>
                            <button type="submit" class="btn--base w-100 mt-3" @if ($campaign->to_go == 0)disabled="disabled"@endif>{{ __("Donate") }}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    End Campaign
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
@endsection
@push('script')
    <script>
        $('.dontation-form input[name="select_amount"]').on('click', function(){
            let amount = $(this).val();
            $('.dontation-form input[name="amount"]').val(amount);
        })
    </script>
@endpush