@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="uiStore.isLoading('rewardProfileSection')"></loading-component>
            <div class="row m-b-20">
                <div class="col">
                    <voucher-campaigns-section-component></voucher-campaigns-section-component>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <customer-rewards-admin-section-component id="{{$id}}" v-show="!uiStore.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 class="row">
                <div class="col">
                    <add-voucher-options-section-component id="{{$id}}" section="addSorryVoucherSection" :options="{{ json_encode(\App\Classes\ValueObjects\Constants\Vouchers::OPTIONS_SORRY) }}" ></add-voucher-options-section-component>
                </div>
            </div>
        </div>
    </div>
@endsection
