@extends('layouts.app')

@section('title')
    Student Statement               
@endsection

@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">

                </div>
            </div>

            @if (session('error'))
                <div class="alert alert-danger alert-dismissible show" role="alert">
                    {{ session('error') }}<a href="#" class="alert-link"></a>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                        <span aria-hidden="false"></span>
                    </button>
                </div>
            @elseif(session('success'))
                <div class="alert alert-success alert-dismissible show" role="alert">
                {{ session('success') }}<a href="#" class="alert-link"></a>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                        <span aria-hidden="false"></span>
                    </button>
                </div>
            @endif

            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card card-box">
                        <div class="card-head">
                            <header style="display: flex;justify-content: center;">Student Information</header>
                        </div>
                        <div class="card-body" id="bar-parent2"><br>
                            <div style="display: flex;justify-content: left;" id="personalDet" class="row">
                                {{-- column1 --}}
                                <div style="margin-right:150px; width:auto" class="col-md-3 col-sm-12">
                                    <ul class="list-group list-group-unbordered">
                                        <li class="list-group-item">
                                            <span style="margin-right:50px;">Student Name:</span> <b><span class="pull-right"> {{$student->first_name}} {{$student->last_name}}</span></b>
                                        </li>
                                        <li class="list-group-item">
                                            <span style="margin-right:50px;">Student Number:</span> <b><span class="pull-right">{{$student->student_no}}</span></b>
                                        </li>
                                        <li class="list-group-item">
                                            <span style="margin-right:50px;"> NRC:</span> <b><span class="pull-right">{{$student->nrc_passport}}</span></b>
                                        </li>
                                        <li class="list-group-item">
                                            <span style="margin-right:50px;"> Phone:</span> <b><span class="pull-right">{{$student->phone}}</span></b>
                                        </li>
                                        <li class="list-group-item">
                                            <span style="margin-right:50px;"> Email:</span> <b><span class="pull-right">{{$student->email}}</span></b>
                                        </li>

                                    </ul>
                                </div>

                                {{-- column1 --}}
                                <div style="margin-right:150px; width:auto" class="col-md-3 col-sm-12">
                                    <ul class="list-group list-group-unbordered">
                                         
                                        <li class="list-group-item">
                                            <span style="margin-right:50px;">Program of Study:</span> <b><span class="pull-right">{{$student->program_name}}</span></b>
                                        </li>
                                        <li class="list-group-item">
                                            <span style="margin-right:50px;">Intake Year:</span> <b><span class="pull-right"> {{ucwords($student->entry_year)}}</span></b>
                                        </li>
                                        <li class="list-group-item">
                                            <span style="margin-right:50px;">Current Year:</span> <b><span class="pull-right"> {{ucwords($student_current_year)}}</span></b>
                                        </li>
                                        <li class="list-group-item">
                                            <span style="margin-right:50px;">Current Session:</span> <b><span class="pull-right">{{ucwords($student_current_session)}}</span></b>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
						<div class="col-md-12">
							<div class="card card-box">
								<div class="card-head">
									<header>Student statement info</header>
									<button id="sdntmenu" class="mdl-button mdl-js-button mdl-button--icon pull-right"
										data-upgraded=",MaterialButton">
										<i class="material-icons">more_vert</i>
									</button>
								</div>
								<div class="card-body ">
                                    <!-- <button id="fee" class="btn btn-success btn-rounded waves-effect waves-light m-t-20">Add Receipt</button> -->
									<div class="table-scrollable">
										<table
											class="table table-striped table-bordered table-hover table-checkable order-column valign-middle"
											id="example1">
											<thead>
												<tr>
													<th class="center">Date</th>
                                                    <th class="center"> Description </th>
                                                    <th class="center"> Reference No </th>
                                                    <th class="center"> Debit </th>
													<th class="center"> Credit </th>
                                                    <th class="center"> Balance </th>
												</tr>
											</thead>
											<tbody>	
                                                @foreach ($student_statements as $student_statement)
                                                    <tr class="odd gradeX">
                                                        <td>{{ date('d-m-Y', strtotime($student_statement->created_at)) }}</td>
                                                        @if($student_statement->entry_type == 'invoice')
                                                            <td class="center">{{$student_statement->description}}</td>
                                                        @elseif($student_statement->entry_type == 'receipt')
                                                            <td class="center">{{$student_statement->description}}</td>
                                                        @elseif($student_statement->entry_type == 'refunds')
                                                            <td class="center">{{$student_statement->description}} ( {{$student_statement->receipt_no}} )</td>
                                                        @else
                                                            <td class="center">{{$student_statement->description}} ( {{$student_statement->invoice_no}} )</td>
                                                        @endif

                                                        @if($student_statement->entry_type == 'invoice')
                                                            <td class="center">{{$student_statement->invoice_no}}</td>
                                                        @elseif($student_statement->entry_type == 'receipt')
                                                            <td class="center">{{$student_statement->receipt_no}}</td>
                                                        @else
                                                            <td class="center">{{$student_statement->reference_no}}</td>
                                                        @endif
                                                        <td class="center">{{$student_statement->debit}}</td>
                                                        <td class="center">{{$student_statement->credit}}</td>
                                                        <td class="center">{{$student_statement->running_balance}}</td>
                                                    </tr>
                                                @endforeach
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
        </div>
    </div>
	<!-- end page content -->
<script>
// Get the modal
var modal = document.getElementById("myModal");

// When the user clicks the button, open the modal 
fee.onclick = function() {
  modal.style.display = "block";
}

function clsFee()
{    
    modal.style.display = "none";
}

</script>

@endsection