@extends('front.layouts.master')
@section('title', isset($title) ? $title : 'Home')
@section('description', isset($description) ? $description : '')
@section('keywords', isset($keywords) ? $keywords : '')
@section('content')
    <!-- breadcrumb area start here  -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="breadcrumb-wrap text-center">
                <h2 class="page-title">{{ __('Membership') }}</h2>
                <ul class="breadcrumb-pages">
                    <li class="page-item"><a class="page-item-link" href="{{ route('front') }}">{{ __('Home') }}</a></li>
                    <li class="page-item">{{ __('Membership') }}</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- breadcrumb area end here  -->
    <div class="profile-page-area section">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-4">
                    @include('front.layouts.include.user_profile_sidebar', ['menu' => 'membership'])
                </div>
                <div class="col-xl-9 col-lg-8">
                    <div class="rscnUserPerInfoBox" id="membership">
                        <div class="d-flex justify-content-between">
                            <h3 class="rscnCardTit">{{ __('Membership') }}</h3>
                            <div class="d-flex justify-content-between">
                                @if (auth()->user()->user_membership > 0)
                                    <a class="d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#membershipCard">
                                        <img src="{{ asset('frontend/assets/images/card-membership.svg') }}" >
                                    </a>
                                @endif
                                <a href="{{ route('user.profile.becomeMember') }}" id="become_member" class="{{ app()->getLocale() == 'en' ? 'ms-3' : 'me-3' }} d-flex align-items-center">
                                    <img src="{{ asset('frontend/assets/images/user_icon.svg') }}" >
                                </a>
                            </div>
                        </div>
                        <div class="rscnUserPerInfoList">
                            <div class="rscnBorderBox">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="row">
                                            <div class="col-2">
                                                <div class="rscnListItemTit">{{ __('Type') }}</div>
                                            </div>
                                            <div class="col-10">
                                                <div class="rscnListItemTxt">{{ $data['membership'] }} -
                                                    @if (isset($indSubtype))
                                                        {{ $indSubtype }}
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="rscnBorderBox">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-4">
                                                <div class="rscnListItemTit">{{ __('No') }}</div>
                                            </div>
                                            <div class="col-8">
                                                <div class="rscnListItemTxt">{{ $membership->membership_id }}</div>
                                            </div>
                                        </div>
                                    </div>
                                    @if ($data['type'] != 'friend-membership' && $data['membership'] != 'Honorary Membership')
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-4">
                                                    <div class="rscnListItemTit">{{ __('Starting Date') }}</div>
                                                </div>
                                                <div class="col-8">
                                                    <div class="rscnListItemTxt">{{ $data['start_date'] }}</div>
                                                </div>
                                            </div>
                                            @if (isset($indSubtype) && $indSubtype != 'Life Long')
                                                <div class="row">
                                                    <div class="col-4">
                                                        <div class="rscnListItemTit">{{ __('End Date') }}</div>
                                                    </div>
                                                    <div class="col-8">
                                                        <div class="rscnListItemTxt">{{ $data['end_date'] }}</div>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    @endif
                                    @if (
                                        $data['type'] != 'friend-membership' &&
                                            $data['membership'] != 'Honorary Membership' &&
                                            (isset($indSubtype) && $indSubtype != 'Life Long'))
                                        @if (isset($amount))
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <div class="col-4">
                                                        <div class="rscnListItemTit">{{ __('Amount') }}</div>
                                                    </div>
                                                    <div class="col-8">
                                                        <div class="rscnListItemTxt">{{ $amount }} -
                                                            {{ __('JOD') }}
                                                        </div>
                                                        <div class="rscnListItemTxt">{{ $year }} -
                                                            {{ __('Years') }}
                                                        </div>
                                                        <div class="rscnListItemTxt">
                                                            {{ __('If changed to Individual (Life Long) we will add 500 JOD') }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    @endif
                                </div>
                            </div>
                            @if (date('Y-m-d') >= date('Y-m-d', strtotime($data['end_date'] . ' - 14 days')) &&
                                    $data['type'] != 'friend-membership' &&
                                    $data['membership'] != 'Honorary Membership')
                                <div class="row">
                                    @if (!($data['membership'] == 'Individual Membership' && $indSubtype == 'Life Long'))
                                        <div class="col-md-6">
                                            <div class="mt-40">
                                                <div class="input__group">
                                                    <label
                                                        for="membership-type">{{ __('Change membership type upon renewal?') }}</label>
                                                    <select name="membership-type" id="membership-type"
                                                        class="form-select w-50 mt-2">
                                                        <option value="">{{ __('select') }}</option>
                                                        @if ($data['membership'] != 'Individual Membership')
                                                            <option value="IndividualMembership">
                                                                {{ __('Individual Membership') }}
                                                        @endif
                                                        </option>
                                                        @if ($data['membership'] != 'Family Membership')
                                                            <option value="FamiliMembership">{{ __('Family Membership') }}
                                                            </option>
                                                        @endif
                                                        @if ($data['membership'] != 'Corporate Membership' || $data['membership'] == 'Individual Membership')
                                                        <option value="CorporateMembership"> {{ __('Corporate Membership') }}</option>

                                                        <option value="upgrade-individual-membership">
                                                                {{ __('Individual Membership (Life Long)') }}
                                                            </option>
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-md-6"> <a href="#" id="myHref"
                                            class="btn rscnEditBtn">{{ __('Renew Membership') }}</a></div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('post_script')
    <script type="text/javascript">
        $("#myHref").on('click', function() {
            membershipType = $('#membership-type').val();
            if (membershipType == "" || !membershipType) href =
                "{{ route('hyperpay.get.checkout') }}?type={{ $data['type'] }}@if (isset($subtype))&subtype={{ $subtype }}@endif&id={{ auth()->user()->id }}"
            if (membershipType == 'IndividualMembership') href =
                "{{ route('membership-individual.create') }}?type={{ $data['type'] }}@if (isset($subtype)) &subtype={{ $subtype }} @endif&id={{ auth()->user()->id }}" +
                "&membershipType=" + membershipType;
            if (membershipType == 'FamiliMembership') href =
                "{{ route('membership-family.create') }}?type={{ $data['type'] }}@if (isset($subtype)) &subtype={{ $subtype }} @endif&id={{ auth()->user()->id }}" +
                "&membershipType=" + membershipType
            if (membershipType == 'CorporateMembership') href =
                "{{ route('membership-corporate.create') }}?type={{ $data['type'] }}@if (isset($subtype)) &subtype={{ $subtype }} @endif&id={{ auth()->user()->id }}" +
                "&membershipType=" + membershipType

            if (membershipType == 'upgrade-individual-membership') href =
                "{{ route('hyperpay.get.checkout') }}?type=" + membershipType
            window.location = href;

        });
    </script>
@endpush