@extends('layouts.student')
@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>Invoices</x-page.header>
        @include('admin.errors.form-errors')
        <div class="row">
            <div class="col-md-12">
                <div class="card">

                    <div class="card-body">
                        <form action="{{ route('student.examination.register.index') }}" method="GET" aria-labelledby="createSession">
                            <fieldset>
                                <legend id="createSession" class="sr-only">search</legend>
                                <div class="form-group">
                                    <label for="period" class=" mt-3 mb-sm-1"> period: <i
                                            class="text-danger">(required)</i></label>
                                    <select class="form-control select2-show-search" id="period" required name="period">
                                        @foreach ($periods as $period)
                                        <option {{ $period->id == request()->period ? 'selected':'' }} value="{{ $period->id }}">{{ $period->start_date }} / {{ $period->end_date }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <button type="submit" class="btn btn-primary">Search</button>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @if (request()->period )
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div class="tab-content details-tab-content">
                        <div class="tab-pane fade show active " id="tab-1">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title"> List</h3>
                                    @if($studentInvoices->isNotEmpty())
                                    <div class="card-options">
                                        <button type="button"
                                            class="modal-effect btn btn-secondary btn-sm waves-effect waves-light "
                                            data-bs-effect="effect-sign" data-bs-toggle="modal" data-bs-target="#invoiceModal">
                                            Invoice
                                        </button>
                                    </div>
                                    @endif
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive" id="transactions">
                                        <table
                                            class="table table-striped table-bordered table-vcenter text-nowrap" id="transactions_table">
                                            <thead class="text-center">
                                                <tr>
                                                    <th>#</th>
                                                    <th>course</th>
                                                    <th>exam fees</th>
                                                    <th>school fees</th>
                                                    <th>total fees</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($studentInvoices as $key=>$invoice)
                                                <tr class="text-center">
                                                    <td>{{ ++$key }}</td>
                                                    <td>{{ $invoice->name }}_{{ $invoice->cname.' ('.$invoice->lshort_name .')'  }}</td>
                                                    <td>{{ $invoice->exam_fee }}</td>
                                                    <td>{{ $invoice->school_fee }}</td>
                                                    <td>{{ $invoice->total_fee }}</td>
                                                    <td>
                                                        @if ($invoice->is_paid)
                                                        <span class="badge badge-success">Paid</span>
                                                        @else
                                                            <a href="javascript:void(0)" onClick="confirmDelete(event,{{$invoice->id}})" class="btn btn-outline-light btn-sm waves-effect waves-light"
                                                                data-bs-toggle="tooltip" data-bs-original-title="Delete"
                                                                title='Delete'>
                                                                <i class="fa fa-trash fs-16"></i>
                                                                <form method="POST"
                                                                    action="{{ route('student.examination.register.destroy', $invoice->id) }}" id="delete-form-{{$invoice->id}}">
                                                                    @csrf
                                                                    <input name="_method" type="hidden" value="DELETE">
                                                                </form>
                                                            </a>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif
    </div>
</div>
@if (request()->period )
<div class="modal" id="invoiceModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Invoice</h5>
                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="invoiceContent">
                <div class="card">
                    <h3 class="card-body text-center py-3">Peiod: {{$currentPeriod->start_date}} / {{$currentPeriod->end_date}}</h3>
                </div>
                <p><strong>Student ID:</strong> {{auth()->user()->username}}</p>
                <table class="table table-bordered">
                    <thead class="text-center">
                        <tr>
                            <th>Course Name</th>
                            <th>School Fee</th>
                            <th>Exam Fee</th>
                            <th>Total Fee</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($studentInvoices as $key=>$invoice)
                        <tr class="text-center">
                            <td>{{ $invoice->name }}_{{ $invoice->cname.' ('.$invoice->lshort_name .')'  }}</td>
                            <td>{{ $invoice->exam_fee }}</td>
                            <td>{{ $invoice->school_fee }}</td>
                            <td>{{ $invoice->total_fee }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <hr>
                <p><strong>Total fees:</strong>
                    <p>{{ $totalFeeSum }} EGP</p>
                </p>
            </div>
            <div class="modal-footer">
                <x-download-pdf contentId="invoiceContent" fileName="invoice"/>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endif
@endsection
@section('student-js')
{{-- draw all data tables --}}
<script>
$(document).ready(function(){
	$('#transactions_table').dataTable( {
		"drawCallback": function( settings ) {
		}
	})
})
</script>
@endsection