@extends('../layout/' . $layout)

@section('subhead')
    <title>Atarud MIS - Invoice</title>
@endsection
<link href="{{ asset('dist/css/dataTables.min.css') }}" rel="stylesheet">
<style>
    td {
        padding: 5px;
    }
   input[type="text"]:disabled{

   }
</style>
@section('subcontent')
    <!-- BEGIN: Wizard Layout -->
    <div class="intro-y box py-10 sm:py-20 mt-5">
            <button onClick="PrintElem('#invoice_print')" class="btn btn-default btn-icon icon-left hidden-print pull-right"
                style="float:right; margin-right: 50px;">
                Print Invoice
                <i class="entypo-print"></i>
    </button>

        <div class="tab-content mt-5">
            @php
                $branch = App\Models\Branch::where('id', $data['invoice']->branch_id)->first();
                $code = $branch != null ? $branch->code: '';

                $invoiceDate = explode('-', $data['invoice']->built_timestamp);
                $year = $invoiceDate[0];
            @endphp

            <br><br>
            <br><br>

            <div id="invoice_print">
                <div style="padding:0px; width:830px; height:auto; margin-right: auto; margin-left: auto;">

                    <div style="width:100%; height:auto; margin-top: -10px;">
                        <table align="center" style="margin-bottom: 0px;">
                            {{-- <tr>
                                <td colspan="2" style="">
                                    <img id="student_image" style="width: 120px; height: 120px; float:left; margin-top: 25px; margin-left: -200px;" src="{{ asset('student_images/'.$data['student']->image) }}">
                                </td>
                            </tr> --}}
                            <tr>
                                <td colspan="2" align="center">
                                    <p style="font-size:28px; padding-bottom: 10px; margin-top: -30px; color: #949494;"><b>KHAIR KHANA BRANCH</b></p>
                                </td>
                            </tr>
                        </table>
                        <hr style="background-color:#3AB2F4; height:1px;">
                        <table style="color:#3AB2F4;" style="margin-top: -10px" border="0">
                            <tr colspan="3">
                                <td style="padding-left:50px;"><label>Paying Date: </label></td>
                                <td>
                                    <input type="text" name="Paying Date" disabled value="2025-Jul-1"
                                        style="border:0px red solid; background-color: white; border-bottom: 1px #3AB2F4 dashed; width:170px; margin: 0 10px; height:25px; font-size:18px;">
                                </td>
                                <td style="margin-left: 10px;">Payable Date: </td>
                                <td><input type="text" name="Paying Date" disabled value="2025-Jul-31"
                                        style="border:0px red solid; font-size:18px; border-bottom: 1px #3AB2F4 dashed; width:170px; margin: 0 10px; height:25px;">
                                </td>
                                <td style="padding-left:40px;">Slip NO: </td>
                                <td style="border-bottom: 1px #37AFEE solid"> {{ $branch->code . '-' .$year. '-'. appendInvoiceZeros($data['invoice']->id) }}
                                </td>
                            </tr>
                        </table>
                    </div>
                    <br>
                    <div style="color:#3AB2F4; border: 1px solid black; border-radius: 10px;">
                        <table style="margin-left:5px;margin-top:-15px border: 2px solid black;">

                            <tr>
                                <td><label>ID-NO: </label></td>
                                <td>
                                    <input type="text" disabled
                                        value="{{strtoupper($code. '-' .$year. '-'. appendStudentZeros($data['student_id']))}}"
                                        style="border:0px red solid;  width:250px; height:25px;">
                                </td>
                                <td><label style="white-space: nowrap;">Full Name: </label></td>
                                <td>
                                    <input type="text" disabled value="{{ strtoupper($data['name']) }}"
                                        style="border:0px red solid;  width:250px; height:25px;">
                                </td>
                            </tr>
                            <tr>
                                <td><label>F/Name: </label></td>
                                <td>
                                    <input type="text" disabled value="{{ strtoupper($data['fname']) }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>

                            <td><label>Program:</label></td>
                            <td>
                                <input type="text" disabled value="{{ strtoupper($data['program']->title) }}"
                                    style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                            </td>
                        </tr>
                            <tr>
                                <td><label>Semester ID:</label></td>
                                <td>
                                    <input type="text" disabled value="{{ strtoupper($data['semester']->name) }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>
                                <td><label>Class ID:</label></td>
                                <td>
                                    <input type="text" disabled value="{{ strtoupper($data['course']->title) }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>
                            </tr>

                            <tr>
                                <td><label>Classroom:</label></td>
                                <td>
                                    <input type="text" disabled value="{{ strtoupper($data['classroom']->name) }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>
                                <td><label>Discount:</label></td>
                                 {{--<td>
                                    <input type="text" disabled value="@if($data['student']->discount == 1) {{ strtoupper('Allowed') }} @else {{ strtoupper('Not Allowed') }} @endif "
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td> --}}
                            </tr>
                            <tr>
                                @php
                                    $grammer = $data['grammer'] != null ? strtoupper($data['grammer']->name): '';
                                    $lingua = $data['lingua'] != null ? strtoupper($data['lingua']->name): '';
                                @endphp
                                <td><label style="white-space: nowrap;">A Lingua Skills Teacher:</label></td>
                                <td>
                                    <input type="text" disabled value="{{ $lingua }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>
                                <td><label>Grammer Teacher:</label></td>

                                <td>
                                    <input type="text" disabled value="{{ $grammer }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>

                            </tr>

                            <tr>
                                <td><label>Time From:</label></td>
                                <td>
                                    <input type="text" disabled value="{{ $data['course']->time_start }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>
                                <td><label>Time To:</label></td>
                                <td>
                                    <input type="text" disabled value="{{ $data['course']->time_end }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>

                            </tr>
                            <tr>
                                <td><label>Start Date:</label></td>
                                <td>
                                    <input type="text" disabled value="{{ $data['course']->start_date }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>
                                <td><label>End Date:</label></td>
                                <td>
                                    <input type="text" disabled value="{{ $data['course']->end_date }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>
                            </tr>

                            <tr>
                                <td><label> Tusion Fee + Administrative Services:</label></td>
                                <td>
                                    <input type="text"  disabled value=" {{ $data['invoice']->payable_amount + $data['invoice']->admission_fee }}"
                                        style="border:0px red solid;  width:250px; height:25px;margin-right:10px;">
                                </td>

                            </tr>
                            <tr>
                                <td><label>Materials:</label></td>
                                <td>
                                {{ $data['invoice']->material_fee }}
                                    @foreach ($data['sold_books'] as  $row)
                                    @php
                                        $book = App\Models\Book::where('id', $row->book_id)->first();
                                    @endphp
                                    ( {{ $book->name }})
                                    @endforeach

                                </td>
                                <td><label>Payment Percent:</label></td>
                                <td>
                                  {{ $data['invoice']->fees_payment }}
                                </td>
                            </tr>
                        </table>
                    </div>
                    <br>

                    <div style="width:100%; height:250px; margin-top: 2px; color:#3AB2F4;   font-size: 12px;">
                        <div style="color:#3AB2F4; border: 2px solid black; border-radius: 10px; width: 80%; height: 120px; float:left; ">
                            <p style="padding-top:6px; padding-left:40px; font-size:13px; font-weight: bold;">Note:
                                {{ auth()->user()->name }}.</p>
                        </div>

                            <p style="color:#000; font-size:12px; padding: 0px; position: relative;  right:-5px; "> Untaxed Amount: {{ $data['invoice']->net_amount +$data['invoice']->admission_fee  }}</p>
                            <p style="color:#000; font-size:12px; padding: 0px; position: relative;  right:-5px; "> Tax Amount: {{ $data['invoice']->tax_amount }}</p>
                            <p style="color:#000; font-size:12px; padding: 0px; position: relative;  right:-5px;  "> Total Fee: {{ $data['invoice']->payable_amount + $data['invoice']->admission_fee }}</p>
                            <p style="color:#000; font-size:12px; padding: 0px; position: relative;  right:-5px;  "> Due Amount: {{ $data['invoice']->due }} </p>
                            <p style="color:#000; font-size:12px; padding: 0px; position: relative;  right:-5px;  "> Amount Paid: {{ $data['invoice']->payment + $data['invoice']->material_fees + $data['invoice']->admission_fee}} </p>

                    </div>
                    <div style="margin-top: -10px;">
                        <p style="margin-top: -100px; ">{{ Date('y-M-d') }}</p>
                        <p style="margin-top: 0px; ">Printed By: {{ auth()->user()->name }}|<span id="printCounter">{{$data['invoice']->printed}}</span> | The fee is not refundable </p>
                        <p style="margin-top: -35px; text-align:center;">Signature: </p>
                    </div>
                </div>
                <br style="clear:both;">
            </div>
            <!-- payment history -->
            <div class="intro-y col-span-12 overflow-auto lg:overflow-visible">

                <h4 class="ml-6">Payment History</h4>
                <table class="table table-report -mt-2">
                    <thead>
                        <tr>
                            <th>Account</th>
                            <th>Date</th>
                            <th>Actual Date</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody>