@extends('layouts.app')

@section('content')
<link href="{{ asset('css/home-custom.css') }}" rel="stylesheet">

<div class="dashboard-container">
    <!-- Dashboard Header -->
    <div class="dashboard-header">
        <h1 class="dashboard-title">Welcome, {{ Auth::user()->name }}!</h1>
        <p class="dashboard-subtitle">Select a service to get started</p>
    </div>

    <!-- Dashboard Grid -->
    <div class="dashboard-grid">
        
        <!-- FPX/CC Payment -->
        <a href="{{ url('fpxpage') }}" class="dashboard-card card-fpx">
            <div class="card-icon">💳</div>
            <h3 class="card-title">FPX/CC Payment</h3>
            <p class="card-description">Process online banking and credit card payments</p>
        </a>

        <a href="{{ url('cspage') }}" class="dashboard-card card-fpx">
            <div class="card-icon">💳</div>
            <h3 class="card-title">FPX/CC CheckStatus</h3>
            <p class="card-description">Check status payments</p>
        </a>


        <!-- CS Json -->
        <a href="{{ url('csjsnpage') }}" class="dashboard-card card-cs">
            <div class="card-icon">📊</div>
            <h3 class="card-title">CS Json</h3>
            <p class="card-description">Check status with JSON response</p>
        </a>

        <!-- Webapi Payment -->
        <a href="{{ url('paypage') }}" class="dashboard-card card-webapi">
            <div class="card-icon">💰</div>
            <h3 class="card-title">Webapi Payment</h3>
            <p class="card-description">Process payments via Web API</p>
        </a>

        <!-- Webapi Check Balance -->
        <a href="{{ url('balpage') }}" class="dashboard-card card-balance">
            <div class="card-icon">💵</div>
            <h3 class="card-title">Check Balance</h3>
            <p class="card-description">View your current balance</p>
        </a>

        <!-- Webapi Reload Balance -->
        <a href="{{ url('reloadpage') }}" class="dashboard-card card-reload">
            <div class="card-icon">🔄</div>
            <h3 class="card-title">Reload Balance</h3>
            <p class="card-description">Top up your account balance</p>
        </a>

        <!-- Change Device ID -->
        <a href="{{ url('switchdevice') }}" class="dashboard-card card-device">
            <div class="card-icon">📱</div>
            <h3 class="card-title">Change Device</h3>
            <p class="card-description">Switch to a different device</p>
        </a>

        <!-- BW Checkbalance -->
        <a href="{{ url('bwcheck') }}" class="dashboard-card card-bw">
            <div class="card-icon">🏦</div>
            <h3 class="card-title">BW Check Balance</h3>
            <p class="card-description">Check BW wallet balance</p>
        </a>

        <!-- BW Sale -->
        <a href="{{ url('bwsale') }}" class="dashboard-card card-bw">
            <div class="card-icon">🛒</div>
            <h3 class="card-title">BW Sale</h3>
            <p class="card-description">Process BW sales transaction</p>
        </a>

        <!-- SMS -->
        <a href="{{ url('sms') }}" class="dashboard-card card-sms">
            <div class="card-icon">💬</div>
            <h3 class="card-title">SMS</h3>
            <p class="card-description">Send SMS notifications</p>
        </a>

        <!-- ECR Sale/Void -->
        <a href="{{ url('ecr-sale') }}" class="dashboard-card card-ecr">
            <div class="card-icon">🧾</div>
            <h3 class="card-title">ECR Sale/Void</h3>
            <p class="card-description">Process or void ECR transactions</p>
        </a>

        <!-- ECR Settlement -->
        <a href="{{ url('ecr-settle') }}" class="dashboard-card card-ecr">
            <div class="card-icon">✅</div>
            <h3 class="card-title">ECR Settlement</h3>
            <p class="card-description">Settle ECR transactions</p>
        </a>

        <!-- MW Transfer -->
        <a href="{{ url('mwtransfer') }}" class="dashboard-card card-transfer">
            <div class="card-icon">🔀</div>
            <h3 class="card-title">MW Transfer</h3>
            <p class="card-description">Transfer funds via MW</p>
        </a>

        <!-- Whatsapp -->
        <a href="{{ url('test-wasap') }}" class="dashboard-card card-whatsapp">
            <div class="card-icon">📲</div>
            <h3 class="card-title">WhatsApp</h3>
            <p class="card-description">Send WhatsApp messages</p>
        </a>

        <!-- Code Nominal -->
        <a href="{{ url('test-nominal') }}" class="dashboard-card card-nominal">
            <div class="card-icon">🔢</div>
            <h3 class="card-title">Code Nominal</h3>
            <p class="card-description">Generate nominal codes</p>
        </a>

         <!-- Code Nominal -->
        <a href="{{ url('test-vendor') }}" class="dashboard-card card-nominal">
            <div class="card-icon">🔢</div>
            <h3 class="card-title">Vendor Id</h3>
            <p class="card-description">Checking vendor code</p>
        </a>

    </div>
</div>
@endsection