@extends('front.layouts.master')
@section('title', isset($title) ? $title : 'Home')
@section('description', isset($description) ? $description : '')
@section('keywords', isset($keywords) ? $keywords : '')
@section('content')

    <!-- Breadcrumb Area -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="breadcrumb-wrap text-center">
                <h2 class="page-title">{{ __('Become a Member') }}</h2>
                <ul class="breadcrumb-pages">
                    <li class="page-item"><a class="page-item-link" href="{{ route('front') }}">{{ __('Home') }}</a></li>
                    <li class="page-item">{{ __('Become a Member') }}</li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Work Area -->
    <div class="rscnSupportSection section">

        {{-- Slider --}}
        {{-- <div class="container-fluid">
            <div class="four-sildes-slider">
                @foreach ($membershipSliders as $membershipSlider)
                    <div>
                        <img src="{{ $membershipSlider->full_path_image }}" class="rscnMembershipSliderImg" />
                    </div>
                @endforeach
            </div>
        </div> --}}
        {{-- /Slider --}}

        <div class="rscnSupportBox">
            <div class="container">
                <div class="emzHistoryBox">
                    <div class="rscnSettingBox">
                      <img src="{{ asset(isset($informativedata['membership_img_sec1']) ? IMG_membershipPageSec1 . $informativedata['membership_img_sec1'] : 'frontend/assets/images/support_img.png') }}" class="emzHisImg">
                      <div class="emzHisDescription">
                        <div class="rscnSupportTit">
                            {{ langConverter(
                                isset($informativedata['membership_title_en_sec1']) ? $informativedata['membership_title_en_sec1'] : '',
                                isset($informativedata['membership_title_ar_sec1']) ? $informativedata['membership_title_ar_sec1'] : '',
                            ) }}
                        </div>
                        <div class="rscnSupportTxt">
                            {!! langConverter(
                                isset($informativedata['membership_description_en_sec1']) ? $informativedata['membership_description_en_sec1'] : '',
                                isset($informativedata['membership_description_ar_sec1']) ? $informativedata['membership_description_ar_sec1'] : '',
                            ) !!}
                        </div>
                      </div>
                    </div>
                  </div>
                {{-- <div class="row">
                    <div class="col-md-6">
                        <div class="rscnSupportTit">
                            {{ langConverter(
                                isset($informativedata['membership_title_en_sec1']) ? $informativedata['membership_title_en_sec1'] : '',
                                isset($informativedata['membership_title_ar_sec1']) ? $informativedata['membership_title_ar_sec1'] : '',
                            ) }}
                        </div>
                        <div class="rscnSupportTxt">
                            {!! langConverter(
                                isset($informativedata['membership_description_en_sec1']) ? $informativedata['membership_description_en_sec1'] : '',
                                isset($informativedata['membership_description_ar_sec1']) ? $informativedata['membership_description_ar_sec1'] : '',
                            ) !!}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <img src="{{ asset(isset($informativedata['membership_img_sec1']) ? IMG_membershipPageSec1 . $informativedata['membership_img_sec1'] : 'frontend/assets/images/support_img.png') }}"
                            class="rscnSupportImg">
                    </div>
                </div> --}}

            </div>
        </div>
    </div>
    <div class="rscnBenefitSection">
        <div class="rscnBenefitHeader">
            <div class="container">
                <div class="text-center">
                    <div class="rscnBenefitsTit">{{ __('For More Details About The') }} <span
                            class="rscnBenefitsTit2">{{ __('Membership Benefits') }}</span></div>
                </div>
            </div>
        </div>
        <div class="rscnBenefitHeaderCards">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-3 d-flex">
                        <button type="button" data-bs-toggle="modal" data-bs-target="#benefitIndividualModal"
                            class="btn rscnBenefitCard w-100">
                            <div class="rscnBenefitCardBox">
                                <img src="{{ asset('frontend/assets/images/user4.png') }}" class="rscnBenefitCardIcon">
                                <hr class="rscnBenefitDividor">
                                <div class="rscnBenefitCardTxt">
                                    {{ langConverter(
                                        isset($informativedata['individual_MembershipEn']) ? $informativedata['individual_MembershipEn'] : '',
                                        isset($informativedata['individual_MembershipAr']) ? $informativedata['individual_MembershipAr'] : '',
                                    ) }}
                                </div>
                            </div>
                        </button>
                    </div>
                    <div class="col-md-3 d-flex">
                        <button type="button" data-bs-toggle="modal" data-bs-target="#benefitFamilyModal"
                            class="btn rscnBenefitCard w-100">
                            <div class="rscnBenefitCardBox">
                                <img src="{{ asset('frontend/assets/images/familyMember.png') }}"
                                    class="rscnBenefitCardIcon">
                                <hr class="rscnBenefitDividor">
                                <div class="rscnBenefitCardTxt">
                                    {{ langConverter(
                                        isset($informativedata['Family_MembershipEn']) ? $informativedata['Family_MembershipEn'] : '',
                                        isset($informativedata['Family_MembershipAr']) ? $informativedata['Family_MembershipAr'] : '',
                                    ) }}
                                </div>
                            </div>
                        </button>
                    </div>
                    <div class="col-md-3 d-flex">
                        <button type="button" data-bs-toggle="modal" data-bs-target="#benefitCorporateModal"
                            class="btn rscnBenefitCard w-100">
                            <div class="rscnBenefitCardBox">
                                <img src="{{ asset('frontend/assets/images/corporate.png') }}" class="rscnBenefitCardIcon">
                                <hr class="rscnBenefitDividor">
                                <div class="rscnBenefitCardTxt">
                                    {{ langConverter(
                                        isset($informativedata['corporate_MembershipEn']) ? $informativedata['corporate_MembershipEn'] : '',
                                        isset($informativedata['corporate_MembershipAr']) ? $informativedata['corporate_MembershipAr'] : '',
                                    ) }}
                                </div>
                            </div>
                        </button>
                    </div>
                    {{-- <div class="col-md-3 d-flex">
            <button type="button" data-bs-toggle="modal" data-bs-target="#benefitHonoraryModal" class="btn rscnBenefitCard w-100">
              <div class="rscnBenefitCardBox">
                <img src="{{ asset('frontend/assets/images/Honorary.png') }}" class="rscnBenefitCardIcon">
                <hr class="rscnBenefitDividor">
                <div class="rscnBenefitCardTxt">
                  {{ langConverter(
                    isset($informativedata['honorary_MembershipEn']) ? $informativedata['honorary_MembershipEn'] : '',
                    isset($informativedata['honorary_MembershipAr']) ? $informativedata['honorary_MembershipAr'] : '')
                  }}
                </div>
              </div>
            </button>
          </div> --}}
                </div>
                <div class="rscnPaymentMethodSection">
                    {!! langConverter(
                        isset($informativedata['en_payment_membership_desc']) ? $informativedata['en_payment_membership_desc'] : '',
                        isset($informativedata['fr_payment_membership_desc']) ? $informativedata['fr_payment_membership_desc'] : '',
                    ) !!}
                </div>
            </div>
        </div>
    </div>

    {{-- Individual Modal --}}
    <div class="modal fade" id="benefitIndividualModal" tabindex="-1" aria-labelledby="benefitIndividualModalLabel"
        aria-hidden="true">
        <div class="modal-dialog benefitDialog">
            <div class="modal-content">
                <div class="modal-header border-bottom-0">
                    <h5 class="modal-title" id="benefitIndividualModalLabel">
                        {{ langConverter(
                            isset($informativedata['individual_MembershipEn']) ? $informativedata['individual_MembershipEn'] : '',
                            isset($informativedata['individual_MembershipAr']) ? $informativedata['individual_MembershipAr'] : '',
                        ) }}
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    {{-- <ul class="list-unstyled benefitModalList">
            <li>Members will receive emails and announcements from the Public Relations office.</li>
          </ul> --}}
                    {!! langConverter(
                        isset($informativedata['individual_Membership_descriptionEn'])
                            ? $informativedata['individual_Membership_descriptionEn']
                            : '',
                        isset($informativedata['individual_Membership_descriptionAr'])
                            ? $informativedata['individual_Membership_descriptionAr']
                            : '',
                    ) !!}
                </div>
                <div class="rscnPayTit rscnPayTit22 mb-1 px-3">{{ __('If you are RSCN Employee,') }} <span
                        class="rscnBenefitsTit2"> <a href="{{ route('membershipForm.create','employee') }}"
                            class="rscnBenefitsTit2">{{ __('Register Here') }}</a></span></div>
                <div class="modal-footer border-top-0 justify-content-start">
                    <a href="{{ route('membershipForm.create','individual') }}" class="btn rscnBtnRegister"
                        name="register">{{ __('Register') }}</a>
                </div>
            </div>
        </div>
    </div>
    {{-- /Individual Modal --}}
    {{-- Family Modal --}}
    <div class="modal fade" id="benefitFamilyModal" tabindex="-1" aria-labelledby="benefitFamilyModalLabel"
        aria-hidden="true">
        <div class="modal-dialog benefitDialog">
            <div class="modal-content">
                <div class="modal-header border-bottom-0">
                    <h5 class="modal-title" id="benefitFamilyModalLabel">
                        {{ langConverter(
                            isset($informativedata['Family_MembershipEn']) ? $informativedata['Family_MembershipEn'] : '',
                            isset($informativedata['Family_MembershipAr']) ? $informativedata['Family_MembershipAr'] : '',
                        ) }}
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    {!! langConverter(
                        isset($informativedata['Family_Membership_descriptionEn'])
                            ? $informativedata['Family_Membership_descriptionEn']
                            : '',
                        isset($informativedata['Family_Membership_descriptionAr'])
                            ? $informativedata['Family_Membership_descriptionAr']
                            : '',
                    ) !!}
                </div>
                <div class="modal-footer border-top-0 justify-content-start">
                    <a href="{{ route('membershipForm.create','family') }}" class="btn rscnBtnRegister"
                        name="register">{{ __('Register') }}</a>
                </div>
            </div>
        </div>
    </div>
    {{-- /Family Modal --}}
    {{-- Corporate Modal --}}
    <div class="modal fade" id="benefitCorporateModal" tabindex="-1" aria-labelledby="benefitCorporateModalLabel"
        aria-hidden="true">
        <div class="modal-dialog benefitDialog">
            <div class="modal-content">
                <div class="modal-header border-bottom-0">
                    <h5 class="modal-title" id="benefitCorporateModalLabel">
                        {{ langConverter(
                            isset($informativedata['corporate_MembershipEn']) ? $informativedata['corporate_MembershipEn'] : '',
                            isset($informativedata['corporate_MembershipAr']) ? $informativedata['corporate_MembershipAr'] : '',
                        ) }}
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    {!! langConverter(
                        isset($informativedata['corporate_Membership_descriptionEn'])
                            ? $informativedata['corporate_Membership_descriptionEn']
                            : '',
                        isset($informativedata['corporate_Membership_descriptionAr'])
                            ? $informativedata['corporate_Membership_descriptionAr']
                            : '',
                    ) !!}
                </div>
                <div class="modal-footer border-top-0 justify-content-start">
                    <a href="{{ route('membershipForm.create','corporate') }}" class="btn rscnBtnRegister"
                        name="register">{{ __('Register') }}</a>
                </div>
            </div>
        </div>
    </div>
    {{-- /Corporate Modal --}}
    {{-- Honorary Modal --}}
    <div class="modal fade" id="benefitHonoraryModal" tabindex="-1" aria-labelledby="benefitHonoraryModalLabel"
        aria-hidden="true">
        <div class="modal-dialog benefitDialog">
            <div class="modal-content">
                <div class="modal-header border-bottom-0">
                    <h5 class="modal-title" id="benefitHonoraryModalLabel">
                        {{ langConverter(
                            isset($informativedata['honorary_MembershipEn']) ? $informativedata['honorary_MembershipEn'] : '',
                            isset($informativedata['honorary_MembershipAr']) ? $informativedata['honorary_MembershipAr'] : '',
                        ) }}
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    {!! langConverter(
                        isset($informativedata['honorary_Membership_descriptionEn'])
                            ? $informativedata['honorary_Membership_descriptionEn']
                            : '',
                        isset($informativedata['honorary_Membership_descriptionAr'])
                            ? $informativedata['honorary_Membership_descriptionAr']
                            : '',
                    ) !!}
                </div>
            </div>
        </div>
    </div>
    {{-- /Honorary Modal --}}

@endsection