@php
    $countries=\App\Models\Country::where('cancelled',0)->get();
    $packages=\App\Models\SubscriptionPackagesModel::query()->where('cancelled',0)->get();

$paragraphs=getter('paragraphs')->setLang(app()->getLocale())->condition('position','=','donation')->get();


@endphp

@extends('layouts.main',[
    'compact'=>'compact'
])
@section('title')
    <title>{{__('texts.support-us')}} | {{env('APP_NAME')}}</title>
@endsection

@section('content')
    <div class="section">
        <div class="content">
            <div class="section-title">
          <b>
              {{__('texts.heritage-angel-program')}}
          </b>
            </div>

        </div>



        <div class="section-body content support-us no-p join-community">
                @if(isset($paragraphs) && count($paragraphs)>0)
                    @foreach($paragraphs as $paragraph)  @include('components.paragraph',['paragraph'=>$paragraph]) @endforeach

                @endif
            <div class="join-community-container subscription">
{{--                <div class="title-1 custom-description">{{__('texts.be-part-bema-friend-community')}}</div>--}}
                {{--                <div class="title-2">{{__('texts.for-candidates')}}</div>--}}

                <form action="{{route('donate-post')}}" method="post" >
                    <input type="hidden" name="subscription_package" required value="" id="subscription-package">
                    <input type="hidden" name="subscription_prefix" required value="" id="subscription-prefix">
                   @CSRF
                    @if(isset($packages) && count($packages)>0)
                        <div class="subscription-packages-container">


                        @foreach($packages as $package)

                            <div class="package @if(isset($package['restoration']) && $package['restoration']==1) redirect @endif"  @if(isset($package['color']) && isset($package['text_color'])) style="background-color: {{$package['color']}} !important; border: 1px solid {{$package['color']}} !important; color: {{$package['text_color']}} !important;" @endif @if(isset($package['restoration']) && $package['restoration']==1) onclick="window.location='{{route('restoration',['id'=>$package['id']])}}'"  @else  data-id="{{$package['id']}}" data-price="{{$package['package_price']}}" data-name="{{ucfirst(strtolower($package['package_name_'.app()->getLocale()]))}}" data-form="{{$package['package_form']}}" @endif>
                                <h3>
                                    {{$package['package_name_'.app()->getLocale()]}}
                                </h3>
                                <div class="brief custom-description">
                                    {!! $package['description_'.app()->getLocale()] !!}
                                </div>
                                @if($package['package_form']!='form_4')
                                <h4>
{{--                                    {{$package['package_price'].'$ '.__('texts.and-above')}}--}}
                                    @if(!isset($package['restoration']) || $package['restoration']!=1)
                                    {{$package['package_price'].'$ '}}
                                    @endif
                                </h4>
                                @else
                                    <h4>
                                        {{__('texts.price-depends-on-choosen-package')}}
                                    </h4>
                                @endif
                            </div>

                        @endforeach
                           </div>
                            @endif
                    @csrf
                    <div id="go-down"></div>

                    @foreach($packages as $package)
                        <div class="package-benefits" @if(isset($package['color'])) style="border: 2px solid {{$package['color']}};" @endif  id="beni-{{$package['id']}}" >
                            {!! $package['benefits_'.app()->getLocale()] !!}
                        </div>
                    @endforeach

                    <div class="community-form1 hidden" id="form_1" family="false">

                        <div class="community-form">
                        @component('components.subscription_froms',['title'=>__('texts.friends_member_form'),'countries'=>$countries,'prefix'=>'form_1_'])@endcomponent
                        </div>
                    </div>
                    <div class="community-form1 hidden" id="form_2" family="false">
                        <div class="community-form">
                        @component('components.subscription_froms',['title'=>__('texts.friends_member_form'),'countries'=>$countries,'prefix'=>'form_2_','youth'=>true])@endcomponent
                        </div>
                    </div>
                    <div class="community-form1 hidden" id="form_3" family="true">
                        <div class="community-form">
                        @component('components.subscription_froms',['title'=>__('texts.friends_member_form'),'countries'=>$countries,'prefix'=>'form_3_'])@endcomponent
                        </div>
                    </div>

                    <div class="community-form1 hidden" id="form_3_1">
                        <p class="forms-hint">
                            {{__("texts.forms_hint")}}
                        </p>
                        <a href="javascript:;" class=" member-toggle  "><span>
                                   {{__("texts.new_adult_member")}}
                            </span>
                            <span class="plus">+</span>
                            <span class="minus">-</span>
                        </a>
                     <div class="community-form" style="display: none">
                         @component('components.subscription_froms',['title'=>'Member Number: 2 Information','countries'=>$countries,'prefix'=>'form_3_2_1_','simplified'=>true])@endcomponent

                     </div>
                    </div>
                    @for($i=2;$i<5;$i++)

                        <div class="community-form1 hidden" id="form_3_{{$i}}">
                            <a href="javascript:;"   class=" member-toggle  "><span>
                             {{__("texts.new_youth_member").' '.$i-1}}
                            </span>
                                <span class="plus">+</span>
                                <span class="minus">-</span></a>
                            <div class="community-form" style="display: none">
                            @component('components.subscription_froms',['title'=>'Youth Member Number: '.($i-1).' Information','countries'=>$countries,'prefix'=>'form_3_'.$i.'_','youth'=>true,'simplified'=>true])@endcomponent
                            </div>
                        </div>
                    @endfor


                    <div class="community-form1 hidden" id="form_4" family="false">

                        <div class="community-form">
                            @component('components.subscription_froms',['title'=>__('texts.friends_member_form'),'countries'=>$countries,'prefix'=>'form_4_','gifter'=>true,'packages'=>$packages])@endcomponent
                        </div>
                    </div>



                    <input type="hidden" name="total_amount" id="total-amount" min="0" value="0">
                    <table class="donation-total" border="0">

                        <tr>
                            <th id="donation-total-package-name">    </th>
                            <th id="donation-total-package-price"></th>
                        </tr>
                        <tr id="gifted-package" class="hidden">
                            <th id="gifted-total-package-name">    </th>
                            <th id="gifted-total-package-price"></th>
                        </tr>
                        <tr>
                            <th>    {{__("texts.extra_donation")}}</th>
                            <th><input type="number" name="extra_donation" readonly id="extra_donation" min="0" value=""></th>
                        </tr>
                        <tr>
                            <th>    {{__("texts.total")}}</th>
                            <th id="total">0 &nbsp; USD</th>
                        </tr>
                    </table>
                    <button id="donation-btn"  style=" border: unset; outline: unset; margin: 20px auto" type="submit" @class('button_1 big black')><span class="text">{{__('texts.proceed_to_payment')}}</span></button>
                </form>



            </div>

        </div>
    </div>
@endsection