@extends('frontendv2.layouts.frontend_design') 
@section('content')
<section class="w-full h-full">
    <div class="w-full md:h-[calc(100vh-92px)] bg-cultured1 px-8 sm:px-20 pb-9 pt-12">
      <div class="bg-white w-full h-full">
        <div class="pb-8 bg-cultured1">
          <div class="flex">
            <p class="text-lg capitalize cursor-pointer text-black text-gray1 cursor-pointer">
              <a href="{{route('webhome')}}">Home</a> </p>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
              class="w-4 h-4 text-gray1 mx-1 mt-[7px]">
              <path
                d="M15.8376 12.5648L10.8516 18.5558C10.5466 19.0138 9.90865 19.1418 9.45065 18.8358C8.99365 18.5308 8.86562 17.8908 9.17062 17.4318L13.7826 12.0028L9.17062 6.57385C8.86562 6.11485 8.99365 5.47583 9.45065 5.16983C9.90865 4.86383 10.5466 4.99183 10.8516 5.44983L15.8376 11.4408C16.0606 11.7768 16.0606 12.2288 15.8376 12.5648Z"
                fill="currentColor"></path>
            </svg>
            <p class="text-lg capitalize text-black">Active Meal Plan Information</p>
          </div>
        </div>
        <div class="grid grid-cols-12 w-full">
          @include('frontendv2.Customer.navigation_list')
          <div class="col-span-12 md:col-span-7 lg:col-span-8 xl:col-span-9">
            <div class="w-full md:px-5 mb-10 md:mb-0">
                <table class="w-full text-left table-auto table table-striped " style="width: 100%;">
                    <tbody>
                      <tr><td>Current Status</td><td style="color: green;">Active</td></tr>
                      <tr><td width="16%">Plan Name</td><td>{{($activeplan['mpname'])??""}}</td></tr>
                      <tr><td>Flex Bux Balance</td><td>{{($activeplan['current_amount'])??""}}</td></tr>
                      <tr><td>Plan Type</td><td>{{($activeplan['mpmealplantype'])??""}}</td></tr>
                      <tr><td>Received Swipes</td><td>{{($activeplan['mppurchasecounter'])??""}}</td></tr>
                      <tr><td>Pending Swipes</td><td>{{($activeplan['pendingcredit'])??""}}</td></tr>
                      <tr><td>Used Swipes</td><td ><span>{{($activeplan['spendcredit'])??""}}</td></tr>
                    </tbody>
                </table> 
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection

<!-- dd($activeplan)
              "purchasetimestamp" => "2024-08-15 19:24:24"
              "current_amount" => 500.0
              "expiredtimestamp" => "2024-12-20 09:02:42"
              "mpname" => "Polly Block Plan - 18 weeks"
              "mpmealplantype" => "Weekly"
              "mppurchasecounter" => 12
              "spendcredit"
              "pendingcredit"
              "mplogs" -->