@extends('layouts.admin') @section('content')
<div class="card mb-3">
    <div class="card-header">
        <div class="row flex-between-end">
            <div class="col-auto align-self-center">
                <h5 class="mb-0" data-anchor="data-anchor">Additional Benefits</h5>
            </div>
        </div>
    </div>
    <div class="card-body bg-light">
        <div class="row">
            <div class="col-sm-6">
                <a href="{{url('/member_profile', $premium->member_id)}}" class="btn btn-primary btn-sm"> <i class="fas fa-user"></i> Member Profile </a>
                <div> <br> <strong>Current premium:</strong>
                    <span>E {{$premium->cover->monthly_pay}}</span>
                </div>
            </div>
            <input type="text" hidden name="member_id" value="{{$premium->member_id}}">
            <div class="row">
                <div class="col-sm-12">
                    What kind of benefits? <br> <br>
                    <a href="{{url('/memberonly', $premium->member_id)}}" class="btn btn-primary btn-sm"> <i class="fas fa-user"></i> Member Only </a>
                    &nbsp; &nbsp;
                    <a href="{{url('/memberspouse', $premium->member_id)}}" class="btn btn-primary btn-sm"> <i class="fas fa-user-friends"></i> Member and Spouse </a>
                    <br>
                </div>

                <strong>Total:</strong> <span id="totalSection">E {{ round ($premium->cover->monthly_pay+$benefits->cow+$benefits->airtime+$benefits->grocery, 2)}}</span>
            </div>
        </div>
    </div>
</div>
@endsection