@extends('welcome')
@section('content')

<style>
    .galleryno {
        display: none;
    }
    .profile {
        border-radius: 10px;
    }

    @media (max-width:700px) {
        .profile {
            height: 100px;
            width: 100px !important;
        }
    }

    @media (max-width:1100px) {
        .profile {
            height: 180px;
            width: 180px !important;
        }
    }

    @media (min-width:1101px) {
        .profile {
            height: 250px;
            width: 250px !important;

        }
    }
</style>
<section class="page-header page-header-classic">
    <div class="container">
        <div class="row">
            <div class="col">
                <ul class="breadcrumb">
                    <li><a href="{{URL::to('index')}}">Home</a></li>
                    <li><a href="{{url('userProfile',session('id'))}}">{{session('user')}}</a></li>
                    <li class="active">Your Membership</li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col p-static">
                <span class="page-header-title-border visible" style="width: 216.938px;"></span>
                <h1 data-title-border="">Your Membership</h1>

            </div>
        </div>
    </div>
</section>
<section class="about-us padding-section yellow-bg">
    <div class="container">

        <div class="row py-4">
            <div class="col-sm-6 align-middle mt-md-3">
                <div class="text-center">
                @if($data->profile)
                    <img src="{{asset('storage/uploads/profile/'.$data['profile'])}}" class=" rounded-xl profile" style="max-height:250px;min-height:100px;width:auto;" alt="" srcset="">
                    @else
                    <img src="{{asset('assets/img/unknown.webp')}}" class=" rounded-xl " style="max-height:250px;min-height:100px;width:auto;" alt="" srcset="">
                    @endif
                </div>
                <div class="mt-3 text-center">
                    <p>Name : {{$data->name}}</p>
                    <p>Email : {{$data->email}}</p>
                    <p>Mobile Number : {{$data->mobile}}</p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-4"><img src="{{asset('assets/img/sriseva-logo.svg')}}" class="img-fluid" style="max-height:100px;width:auto;" alt=""></div>
                    <div class="col-8 " style="vertical-align: middle;line-height: 2;border-left-style: dashed;"><strong class="fs-3">Your Membership</strong>
                        <p>to <em>Shri Ramakrishna International </em></p>
                    </div>
                    <div class="col-12 mt-4">
                        @if($member)
                           
                        <table cellpadding="10px">
                            <tr>
                                <td>Name : </td>
                                <td>{{$member->name}}</td>
                            </tr>
                            <tr>
                                <td>Membership Type : </td>
                                <td>{{$member->membership->plan}}</td>
                            </tr>
                            <tr>
                                <td>Amount : </td>
                                <td>₹ &nbsp;<strong class="text-danger">{{$member->membership_amount}}</strong></td>
                            </tr>
                            <tr>
                                <td>From  Date: </td>
                                <td>{{$member->created_at}}</td>
                            </tr>
                            <tr>
                               <td>Till Date: </td>