@extends('layouts.base_portal')
@section('inner_content')
    <div class="row">
        <div class="col-12 col-md-8 bg-white p-l-25 p-r-25 p-t-15 p-b-15">
            <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('rewardProfileSection')"></loading-component>
            <div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
                <div class="col">
                    <div class="font-heading all-caps fs-10 hint-text">
                        Vouchers
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <customer-rewards-admin-section-component id="{{$id}}" v-show="!$store.getters.isLoading('rewardProfileSection')"></customer-rewards-admin-section-component>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-4 p-r-0">
            <div class="row">
                <div class="col">
                    <add-voucher-section-component id="{{$id}}" section="addVoucherSection"></add-voucher-section-component>
                </div>
            </div>
        </div>
    </div>
@endsection
