@php
$userRole = auth()->user()->roles[0]->id;
$page_name = 'Master';
@endphp
@include('partial.header')
@include('partial.loader')
<div class="container-fluid mobile-container">
    <div class="main-container">
        <!-- Content wrapper start -->
        <div class="content-wrapper">
            @if (session('message'))
                <div class="alert alert-danger">{{ session('message') }}</div>
            @endif

            <h4 class="section-title">Master</h4>

            <div class="row gutters">
                <!-- Ledger Management -->
                <div class="col-12">
                    <div class="master-card">
                        <div class="icon-container" style="background:#d17b32;">
                            <img src="{{URL('/')}}/user.svg" class="icon-image" />
                        </div>
                        <div class="content">
                            <h5>Ledger Management</h5>
                            <p>Create new account and manage</p>
                        </div>
                        <div class="arrow-icon">></div>
                    </div>
                </div>

                <!-- Agent Groups Management -->
                <div class="col-12">
                    <div class="master-card">
                        <div class="icon-container" style="background:#4b7139;">
                            <img src="{{URL('/')}}/users.svg" class="icon-image" />
                        </div>
                        <div class="content">
                            <h5>Agent Groups Management</h5>
                            <p>Create new group and manage</p>
                        </div>
                        <div class="arrow-icon">></div>
                    </div>
                </div>

                <!-- Payment Transfer & Limit Transfer (Side-by-side) -->
                <div style="cursor: pointer;" onclick="redirectToPage('/payment_transfer')" class="col-6">
                    <div class="master-card small">
                        <div class="icon-container" style="background:#f4b400;">
                            <img src="{{URL('/')}}/payment.svg" class="icon-image" />
                        </div>
                        <div class="content special-content">
                        <a href="#" class="">
                             <h5>Payment Transfer</h5>
                            <p>Journal Voucher Management</p>
                        </a>
                        </div>
                    </div>
                </div>

                <div class="col-6">
                    <div class="master-card small">
                        <div class="icon-container" style="background:#e65b4b;">
                            <img src="{{URL('/')}}/wallet.svg" class="icon-image" />
                        </div>
                        <div class="content special-content">
                            <h5>Limit Transfer</h5>
                            <p>Limit Voucher Management</p>
                        </div>
                    </div>
                </div>

                <!-- Shift Management -->
                <div class="col-12">
                    <div class="master-card">
                        <div class="icon-container" style="background:#e65b4b;">
                            <img src="{{URL('/')}}/clock.svg" class="icon-image" />
                        </div>
                        <div class="content">
                            <h5>Shift Management</h5>
                            <p>Shift time manage</p>
                        </div>
                        <div class="arrow-icon">></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    function redirectToPage(page) {
        window.location.href = page;
    }
</script>
@include('site.mobile.layout.navbar')
@include('partial.footer')