@extends('layouts.site_layout')

@section('content')
<!-- <section>
    <a href="{{url('member/manage-organization')}}"> Manage organisation</a><br>
    <a href="{{url('/member/manage-articles')}}">Manage your Articles</a>
</section> -->


@if(($users == true)&&($memberdetails[0]))
<section class="py-5">
    <div class="container">
        <h1 class="fs-42 text-dark-black">My Dashboard</h1>
        <p class="fs-20 mb-5 text-dark-black">Dear {{ucwords(Auth::user()->name)}}, Welcome to the IESA Portal.</p>
        <div class="row" id="">
            <div class="col-lg-4 col-md-6 mb-3">
                <div class="card h-100 border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/manage-organisations.svg')}}" alt="Manage organisations"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">Manage Organisation</h3>
                    </div>
                    <div class="card-body">
                        <p class="fs-16">Make Changes to your Listing in the IESA Member Directory</p>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('member/manage-organization')}}"
                            class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 mb-3">
                <div class="card h-100 border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/member-directory.svg')}}" alt="Member Directory"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">Member Directory Access</h3>
                    </div>
                    <div class="card-body">
                        <ul type="none" class="p-0">
                            <li class="fs-16 dashboard-lists mb-2">Get full access to the IESA Member Directory</li>
                            <li class="fs-16 dashboard-lists">Gain beneficial business partnerships</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('members-directory')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 mb-3">
                <div class="card h-100 border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/ecosystem-directory.svg')}}" alt="Ecosystem Directory"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">IESA EcoSystem Directory</h3>
                    </div>
                    <div class="card-body">
                        <ul type="none" class="p-0">
                            <li class="fs-16 dashboard-lists mb-2">Browse the IESA Ecosystem Directory & Discover
                                Business Partnerships</li>
                            <li class="fs-16 dashboard-lists">Hyperlink on EcoSystem Directory - Will take to the
                                listing page</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('ecosystem-directory')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div>
            <!-- <div class="col-lg-4 col-md-6 mb-3">
                <div class="card h-100 border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/discount.svg')}}" alt="Discount"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">Discount</h3>
                    </div>
                    <div class="card-body d-flex">
                        <p class="fs-36 fw-500 me-3">15%</p>
                        <p class="fs-16">Discounts on Reports and Flagship Events</p>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div> -->
            <!-- <div class="col-lg-4 col-md-6 mb-3">
                <div class="card h-100 border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/directory-access.svg')}}" alt="Ecosystem Directory Access"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">EcoSystem Directory Access</h3>
                    </div>
                    <div class="card-body">
                        <ul type="none" class="p-0">
                            <li class="fs-16 access-list-1 mb-2">Get Discovered by others in the Ecosystem</li>
                            <li class="fs-16 access-list-2">Gain beneficial business partnership</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div> -->
            <!-- <div class="col-lg-4 col-md-6 mb-3">
                <div class="card h-100 border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/organisation-list.svg')}}" alt="organisation List"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">Organisation Listing in IESA EcoSystem</h3>
                    </div>
                    <div class="card-body">
                        <p class="fs-16">Showcase your company profile to</p>
                        <ul type="none" class="p-0">
                            <li class="fs-16 dashboard-lists mb-2">Get Discovered by others in the Ecosystem</li>
                            <li class="fs-16 dashboard-lists mb-2">Get Discounts for IESA Events/Reports</li>
                            <li class="fs-16 dashboard-lists mb-2">Showcase your products at IESA events</li>
                            <li class="fs-16 dashboard-lists">Participate in IESA CiGs/Taskforces</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div> -->
            <!-- <div class="col-lg-4 col-md-6 mb-3">
                <div class="card h-100 border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/opportunities.svg')}}" alt="Opportunities"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">Opportunities</h3>
                    </div>
                    <div class="card-body">
                        <ul type="none" class="p-0">
                            <li class="fs-16 dashboard-lists mb-2">Product showcase opportunities</li>
                            <li class="fs-16 dashboard-lists mb-2">Participate in ESDM forums</li>
                            <li class="fs-16 dashboard-lists">Add your Company news in IESA Biz groups</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div> -->
            
            <!-- <div class="col-lg-4 col-md-6 mb-3">
                <div class="card h-100 border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/chapters-participation.svg')}}" alt="Chapters Participation"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">IESA Chapters Participation</h3>
                    </div>
                    <div class="card-body">
                        <ul type="none" class="p-0">
                            <li class="fs-16 dashboard-lists mb-2">Reserve your seat on IESA Chapters</li>
                            <li class="fs-16 dashboard-lists mb-2">Drive the IESA vision in your region</li>
                            <li class="fs-16 dashboard-lists">Link to the IESA chapters</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Contact Us</a>
                    </div>
                </div>
            </div> -->

            <!-- <div class="col-lg-4 col-md-6 mb-3">
                <div class="card h-100 border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/enhanced-visibility.svg')}}" alt="Enhanced Visibility"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">Enhanced Visibility in ESDM Ecosystem</h3>
                    </div>
                    <div class="card-body">
                        <ul type="none" class="p-0">
                            <li class="fs-16 dashboard-lists mb-2">Get featured in News, Blogs, Member Corner &
                                Interviews on the IESA Portal</li>
                            <li class="fs-16 dashboard-lists">Advertise at discouted rates</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Contact Us</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 mb-3">
                <div class="card h-100 border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/discount.svg')}}" alt="Passes and fee discounts"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">Passes and Fee Discounts</h3>
                    </div>
                    <div class="card-body">
                        <ul type="none" class="p-0">
                            <li class="fs-16 discount-list">Get Complimentary Passes on Flagship events & Discounts on
                                Reports</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Contact Us</a>
                    </div>
                </div>
            </div>
        </div>

   <h1>Masonry - columnWidth</h1>

        <div class="grid">
            <div class="grid-item">
                <div class="card border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/ecosystem-directory.svg')}}" alt="Ecosystem Directory"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">IESA EcoSystem Directory</h3>
                    </div>
                    <div class="card-body">
                        <ul type="none" class="p-0">
                            <li class="fs-16 dashboard-lists mb-2">Browse the IESA Ecosystem Directory & Discover
                                Business Partnerships</li>
                            <li class="fs-16 dashboard-lists">Hyperlink on EcoSystem Directory - Will take to the
                                listing page</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div>
            <div class="grid-item grid-item--height2">
                <div class="card border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/discount.svg')}}" alt="Discount"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">Discount</h3>
                    </div>
                    <div class="card-body d-flex">
                        <p class="fs-36 fw-500 me-3">15%</p>
                        <p class="fs-16">Discounts on Reports and Flagship Events</p>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div>
            <div class="grid-item grid-item--height3">
                <div class="card border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/directory-access.svg')}}" alt="Ecosystem Directory Access"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">EcoSystem Directory Access</h3>
                    </div>
                    <div class="card-body">
                        <ul type="none" class="p-0">
                            <li class="fs-16 access-list-1 mb-2">Get Discovered by others in the Ecosystem</li>
                            <li class="fs-16 access-list-2">Gain beneficial business partnership</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div>
            <div class="grid-item grid-item--height4">
                <div class="card border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/organisation-list.svg')}}" alt="organisation List"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">Organisation Listing in IESA EcoSystem</h3>
                    </div>
                    <div class="card-body">
                        <p class="fs-16">Showcase your company profile to</p>
                        <ul type="none" class="p-0">
                            <li class="fs-16 dashboard-lists mb-2">Get Discovered by others in the Ecosystem</li>
                            <li class="fs-16 dashboard-lists mb-2">Get Discounts for IESA Events/Reports</li>
                            <li class="fs-16 dashboard-lists mb-2">Showcase your products at IESA events</li>
                            <li class="fs-16 dashboard-lists">Participate in IESA CiGs/Taskforces</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="card border-0 br-10 shadow">
                    <div class="card-header p-3 d-flex bg-white">
                        <img src="{{asset('images/opportunities.svg')}}" alt="Opportunities"
                            class="img-fluid me-3 align-self-start">
                        <h3 class="fs-24">Opportunities</h3>
                    </div>
                    <div class="card-body">
                        <ul type="none" class="p-0">
                            <li class="fs-16 dashboard-lists mb-2">Product showcase opportunities</li>
                            <li class="fs-16 dashboard-lists mb-2">Participate in ESDM forums</li>
                            <li class="fs-16 dashboard-lists">Add your Company news in IESA Biz groups</li>
                        </ul>
                    </div>
                    <div class="card-footer border-0 p-4 bg-white">
                        <a href="{{url('')}}" class="btn bg-orange float-end text-white">Continue</a>
                    </div>
                </div>
            </div>
            <div class="grid-item"></div>
            <div class="grid-item"></div>
            <div class="grid-item grid-item--height2"></div>
            <div class="grid-item grid-item--width2 grid-item--height3"></div>
        </div> -->
    </div>
</section>
@else



<div class="mx-5 mt-5"  id="admin" style="display:block">
<form method="POST" action="{{url('become-a-member')}}">
@csrf
<p class="text-danger">No Access given please contact IESA Admin !</p>

<button type="submit" id="becomAmember" class="btn bg-orange text-white btn-padding " data-bs-toggle="modal" aria-expanded="false" > Contact Admin</button>

</form>
<!-- Modal starts-->
<div class="modal fade" id="contactAdmin" tabindex="-1" aria-labelledby="contactAdminLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="contactAdminLabel">Thank You!</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
      Thank you for your interest to Become A Member! We have received your request, and our team will get back to you shortly.
      </div>
     
    </div>
  </div>
</div>
</div>
<!-- Modal ends -->
@endif


<!-- <script>
$('.grid').masonry({
    itemSelector: '.grid-item',
    columnWidth: 160
});
</script> -->
<script src="{{asset('/js/site-api/member_dashboard.js')}}"></script>
@if(isset(Auth::user()->id))
<script>
var user_id = JSON.parse(`