@extends('layouts.loggedin')
@section('content')
    <div class="mainContainer">
        <div class="dashboard">
            <x-sidebar></x-sidebar>
            <div class="main-content">
                <div class="instructions-container">
                    <div class="instructions-title" onclick="instruction1(event)">
                        How to recharge my account
                    </div>
                    <div class="instructions-content" id="instruction1">
                        <p>{{__("To keep your account active and ensure uninterrupted access, there are two simple ways to recharge:")}}</p>
                        <ol>
                            <li>
                                <strong>{{__("Visit the SMGD Office:")}}</strong>
                                <br>
                                {{__("Deposit a cheque directly at our office.")}}
                            </li>
                            <li>
                                <strong>{{__("Send Mobile Money via MVola:")}}</strong>
                                <br>
                                {{__("Easily recharge by sending mobile money through MVola.")}}
                            </li>
                        </ol>
                        <p>{{__("If you need assistance or have any questions, feel free to reach out by sending a report and we'll reach you as soon as possible")}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection