@extends('layouts.millage')
@section('title', $title)
@section('content')
<!-- Page title -->
<div class="page-title">
<div class="row justify-content-between align-items-center">
<div class="mb-3 col-md-6 mb-md-0">
<h5 class="mb-0 h3 font-weight-400">Transaction Records</h5>
</div>
</div>
</div>
<x-danger-alert />
<x-success-alert />
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-body">
<ul class="mb-3 nav nav-pills nav-pills-icon nav-justified" id="pills-tab" role="tablist">
<li class="p-2 nav-item" role="presentation">
<a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home"
role="tab" aria-controls="pills-home" aria-selected="true">
<span class="d-block">
<i class="fas fa-download fa-2x"></i>
</span>
<span class="mt-2 d-none d-sm-block">Deposit</span>
</a>
</li>
<li class="p-2 nav-item" role="presentation">
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile"
role="tab" aria-controls="pills-profile" aria-selected="false">
<span class="d-block">
<i class="fas fa-arrow-alt-circle-up fa-2x"></i>
</span>
<span class="mt-2 d-none d-sm-block">Withdrawal</span>
</a>
</li>
<li class="p-2 nav-item" role="presentation">
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact"
role="tab" aria-controls="pills-contact" aria-selected="false">
<span class="d-block">
<i class="fas fa-arrows-alt fa-2x"></i>
</span>
<span class="mt-2 d-none d-sm-block">Others</span>
</a>
</li>