@extends('frontend.layouts.app')

@section('content')

<div class="bg-page">
    <!-- Page Header Start -->
    @include('frontend.student.settings.header')
    <!-- Page Header End -->

    <!-- Student Profile Page Area Start -->
    <section class="student-profile-page">
        <div class="container">
            <div class="student-profile-page-content">
                <div class="row">
                    <div class="col-12">
                        <div class="row bg-white">
                            <!-- Student Profile Left part -->
                            @include('frontend.student.settings.sidebar')

                            <!-- Student Profile Right part -->
                            <div class="col-lg-9 p-0">
                                <div class="student-profile-right-part">
                                    <h6>My Passbook</h6>
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th scope="col">Sr.No</th>
                                                <th scope="col">Date time</th>
                                                <th scope="col">amount</th>
                                                <th scope="col">Description</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($transactions as $transaction )
                                            <tr>
                                                <th scope="row">{{ $loop->iteration }}</th>
                                                <th>{{ $transaction->created_at }}</th>
                                                <td>@if($transaction->type == 2) {{__('-')}} @else {{__('+')}} @endif{{ $transaction->amount }}</td>
                                                <td>{{ $transaction->narration }}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Student Profile Page Area End -->
</div>
@endsection

@push('style')
<link rel="stylesheet" href="{{asset('admin/css/custom/image-preview.css')}}">
@endpush

@push('script')
<script src="{{asset('admin/js/custom/image-preview.js')}}"></script>
<script src="{{asset('frontend/assets/js/custom/student-profile.js')}}"></script>
@endpush