@extends('frontend.layouts.app')

@section('title')

@endsection

@section('seo')
<title>User Profile | Anisabel Suites</title>
<meta property="og:locale" content="en_US" />
<meta property="og:url" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="User Profile | Anisabel Suites" />
<meta property="og:description" content="" />
<meta property="og:site_name" content="User Profile | Anisabel Suites" />
<meta property="og:image" content="{{ asset('images/thumbnail.png') }}" />
<meta property="og:thumbnail" content="{{ asset('images/thumbnail.png') }}" />
@endsection

@section('content')
<div class="container my-5">
  <div class="row d-flex justify-content-center">
    <div class="col-12 col-md-10 text-center">
      <h1 class="mb-5 fw-bold font-size-header color-mid">Account Details</h1>

      <div class="text-center mb-3">
        <img src="{{ asset('uploads/' . $member->dp) }}" class="img-fluid" alt="">
      </div>

      <p class="color-mid mb-3">Member Name</p>
      <p class="fs-2 color-mid big-p text-uppercase">{{ $member->first_name }} {{ $member->last_name }}</p>

      <div style="margin-bottom: 4rem"></div>

      <p class="color-mid mb-3">Membership No.</p>
      <p class="fs-2 color-mid big-p mb-5">{{ $member->member_no }}</p>

      <p class="color-mid mb-3">Membership Tier</p>
      <p class="fs-2 color-mid big-p mb-5 text-uppercase">{{ $tier->name }}</p>

      <img src="{{ asset('images/' . $tier->image) }}" class="img-fluid" alt="">
    </div>
  </div>
</div>
@endsection