@extends('layouts.master')

@section('css')
    <style>
        body {
            width: 100%;
            /*height: 100%;*/
            margin: 0;
            padding: 0;
            background-color: #FAFAFA;
            /*font: 12pt "Tahoma";*/
        }
        * {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
        .page {
            width: 101.6mm;
            /*height: 296mm;*/
            margin: 10mm auto;
            border: 1px #D3D3D3 solid;
            border-radius: 5px;
            background: white;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        }

        .page-content{
            background-color: transparent !important;
        }
        .subpage {
            width: 90mm;
            /* height: 286mm;*/
            margin: 10px auto;
            padding: 10px;
            /*height: 257mm;*/
        }

        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
            padding: 4px !important;
            font-width: 600;
        }

        @page {
            size: A4;
            margin: 0;
        }
        @media print {
            html, body {
                width: 101.6mm;
                /*height: 297mm;*/
            }
            .page {
                margin: 0;
                border: initial;
                border-radius: initial;
                width: initial;
                min-height: initial;
                box-shadow: initial;
                background: initial;
                /*page-break-after: always;*/
            }
        }

    </style>
@endsection

@section('content')
    @include('print.student-fee.includes.print-header')

    @if($data['student'] && $data['student']->count() > 0 )
        @foreach($data['student'] as $student)
            <div class="main-content" >
                <div class="main-content-inner">
                    <div class="page-content">
                        <div class="row">
                            <div class="col-xs-12">
                                <!-- PAGE CONTENT BEGINS -->
                                <div class="space-6"></div>
                                <div class="row">
                                    <div class="col-sm-10 col-sm-offset-1">
                                        <div class="widget-box transparent">

                                        </div>
                                    </div>
                                    <!-- PAGE CONTENT ENDS -->
                                </div><!-- /.col -->
                            </div><!-- /.row -->
                        </div><!-- /.page-content -->
                    </div>
                </div><!-- /.main-content -->
            </div>

            <div class="book">
                <div class="page">
                    <div class="subpage">
                        <div class="main-content">
                            <div class="main-content-inner">
                                <div class="page-content">
                                    <div class="row">
                                        <div class="col-xs-12 align-center">
                                            <!-- PAGE CONTENT BEGINS -->
                                            <div class="row">
                                                <div class="col-sm-12 col-md-12 col-print-12 align-center text-center">
                                                    <div class="widget-box transparent">
                                                        @include('print.student-fee.includes.institution-detail')
                                                        <div class="row align-center">
                                                            <span class="receipt-copy"> DUE SLIP </span>
                                                        </div>
                                                        <hr class="hr hr-2">
                                                        @include('print.student-fee.includes.studentinfo-due')
                                                        <div>
                                                            <table class="table table-striped table-bordered no-margin-bottom">
                                                                <tr class="text-center">
                                                                    <th class="center"></th>
<!--                                                                    <th></th>-->
                                                                    <th>Head</th>
                                                                    <th>Due Date</th>
                                                                                                                                        <th>Due</th>
                                                                </tr>

                                                                @php($i=1)
                                                                @foreach($student->master as $feeMaster)
                                                                    @if(isset($feeMaster->due) && $feeMaster->due >0)
                                                                        <tr>
                                                                            <td class="center">{{ $i }}</td>
                                                                                                                                                        <td>
                                                                                {{ ViewHelper::getFeeHeadById($feeMaster->fee_head) }}
                                                                            </td>
                                                                            <td>
                                                                                {{ \Carbon\Carbon::parse($feeMaster->fee_due_date)->format('Y-m-d') }}
                                                                            </td>
                                                                                                                                                        <td class="text-right">
                                                                                {{ $feeMaster->due?$feeMaster->due:'-'  }}
                                                                            </td>
                                                                        </tr>
                                                                        @php($i++)
                                                                    @endif
                                                                @endforeach
                                                            </table>
                                                        </div>

                                                        <div class="hr hr8 hr-dotted"></div>


                                                        <div class="row text-uppercase">
                                                            <div class="col-sm-12">
                                                                Total Balance :<strong>{{$student->balance}}/-</strong><br>
                                                                Balance In Word:<strong> {{ ViewHelper::convertNumberToWord($student->balance) }}.</strong>
                                                            </div>
                                                        </div>
                                                        <div class="hr hr8 hr-dotted"></div>
                                                        <div class="space-6"></div>
                                                        @include('print.student-fee.includes.print-footer')
                                                    </div>
                                                </div><!-- /.col -->
                                            </div><!-- /.row -->
                                        </div><!-- /.page-content -->
                                    </div>
                                </div>
                            </div>
                        </div><!-- /.main-content -->
                    </div>
                </div>
            </div>
            <div style="page-break-after:always;"></div>
        @endforeach
    @endif
@endsection


@section('js')
    <!-- inline scripts related to this page -->
    @include('includes.scripts.print_script')
@endsection