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

@section('subhead')
<title>Atarud MIS - Book Sold</title>
<link href="{{ asset('dist/css/dataTables.min.css') }}" rel="stylesheet">
@endsection
{{-- <link href="https://fonts.cdnfonts.com/css/snell-bd-bt" rel="stylesheet"> --}}
<style>
    @import url('https://fonts.cdnfonts.com/css/snell-bd-bt');
    </style>
@section('subcontent')


<div class="flex items-center mt-8">
    <h2 class="intro-y text-lg font-medium mr-auto">Print Receipt</h2>
    <a onClick="PrintElem('#receipt_print')"
        class="btn btn-default btn-icon icon-left hidden-print pull-right float-right">
        Print Receipt
        <i class="entypo-print"></i>
    </a>
</div>
<div class="container box">
    <div class="row">
        <div class="col-12 table-responsive">
            <div class="p-10">

                <br style="clear:both;">
                <div id="receipt_print" style="margin-top: 120px;">
                    <div>
                    <p style=" font-family: 'Snell Bd BT', sans-serif;">Reg No: {{ $diploma->reg_no }}</p>
                    <p style=" font-family: 'Snell Bd BT', sans-serif;">Serial No: {{ $diploma->serial_no }}</p>
                    <div style="width: 100%; margin-top: 9px;">
                        <div style=" float:left;">
                            {!! $qrCode !!}
                        </div>
                        <div style="float:left; margin-left: 4px;">
                            <img src="{{ url('student_images/'.$student->image) }}" width="120px" height="140px" style="max-width: 100%; height: auto;"/>
                        </div>

                    </div>
                </div>
                    <br><br>
                    <div style="padding:10px; width:100%;  margin-top: 200px;">

                        <div style="width:100%; height:auto;">
                            <table  style="text-align:center; margin:auto;">
                                <tr>
                                    <td colspan="2">
                                        <h4 style="margin-top:14px; width: 400px; font-size: 20px; font-family: 'Snell Bd BT', sans-serif; text-align: justify;  padding: 10px;">
                                           This is to acknowledge that Mr/Ms. {{ $student->name }} S/D of {{ $student->father_name }} born in 2012
                                            was admitted to One year English Language Program on June 06 2023 in the Following Levels.
                                        </h4>
                                    </td>
                                    <td colspan="2">
                                        <h4 style="width: 400px; font-size: 20px; padding: 10px;">
                                            ښاغلی/اغلی: عبدالباسط د عبدالواسع لودین زوی/لور چی په ۱۳۹۰ هجري لمریز کال کې زیږیدلی دی/ده ، د ۱۳۳۱/۱۳/۱۳/ نیټه یې دانګلیسی ژبې یو کلن پروګرام چې د لاندینیو سطحو لرونکی دی پیل کړی وو
                                         </h4>
                                    </td>
                                    <td colspan="2">
                                        <h4 style="width: 400px; font-size: 20px; padding: 10px;">
                                        محترم / محترمه: عبدالباسط لودین ولد/بنت  عبدالواسع لودین متولد سال ۱۳۹۰هجری شمسی برنامه یکساله زبان انکلیسی با به تاریخ ۱۴۰۲/۲۱/۱۲ آغاز نموده که دارای سطح های ذیل می باشد
                                        </h4>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div style="width:100%; height:auto; margin-top: 100px;">
                            <table  style="text-align:center; margin:auto;">
                                <tr>
                                    <td colspan="2">
                                        <h4 style="margin-top:14px; width: 400px; font-size: 20px; font-family: 'Snell Bd BT', sans-serif; text-align: justify;  padding: 10px;">
                                            He/ She has successfully fulfilled all the
                                            requirements; has achieved an average score of
                                            (80%), and has been placed in grade (B) for the
                                            relevant program at Atarud A Lingua. He /She
                                            has been awarded this diploma with all its rights
                                            and privileges on July 1, 2024.

                                        </h4>
                                    </td>
                                    <td colspan="2">
                                        <h4 style="width: 400px; font-size: 20px; padding: 10px;">
                                            او د ۱۴۰۳/۰۴/۱۱ نٻټــھ یــې د مجموع (۸۰٪) نومرو
                                            ترلاسـھ کولو سره پـھ (B (درجـھ کـې د عطـارد د انګلیسـي
                                            ژبـې اکادمـۍ کـې پـھ بریـا سره پـای تـھ رسولـی دی. دغـھ
                                            ډیپــلوم ورتــھ ورکړل شو، ترڅو یــې لــھ ټولو حــقوقو او
                                            امتیازاتو څخھ ګټھ واخلي.

                                        </h4>
                                    </td>
                                    <td colspan="2">
                                        <h4 style="width: 400px; font-size: 20px; padding: 10px;">
                                            و بــا گرفتــن مجمــوع (۸۰٪) نمــرات بــه درجــۀ (B (در
                                            ا�ادمــی ��ــان انگلیســی عطــارد بــه تا��ــخ ۱۴۰۳/۰۴/۱۱
                                            موفقانــه بــه پایــان رســانیده اســت. ایــن دی�لــم بــرای
                                            شــان اعطــاء گردیــد تــا از تمامــی حقــوق و امتیــازات آن
                                            مستفید گردد                                        </h4>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection


@section('script')
<script src="{{ asset('dist/js/jquery.js') }}"></script>
<script src="{{ asset('dist/js/dataTables.min.js') }}"></script>

<script type="text/javascript">
    // print receipt function
    function PrintElem(elem) {
        Popup($(elem).html());
    }

    function Popup(data) {
    var mywindow = window.open('', 'receipt', 'height=600,width=850');
    mywindow.document.write('<html><head><title>Receipt</title>');

    // Add external font link here
    mywindow.document.write('<link href="https://fonts.cdnfonts.com/css/snell-bd-bt" rel="stylesheet">');

    // Include necessary styles for printing
    mywindow.document.write('<style>body { font-family: "Snell Bd BT", sans-serif; } img { max-width: 100%; height: auto; }</style>');
    mywindow.document.write('<link rel="stylesheet" href="assets/css/neon-theme.css" type="text/css" />');
    mywindow.document.write('<link rel="stylesheet" href="assets/js/datatables/responsive/css/datatables.responsive.css" type="text/css" />');

    mywindow.document.write('</head><body>');

    // Write the content to the body of the popup
    mywindow.document.write(data);
    mywindow.document.write('</body></html>');

    setTimeout(() => {
        mywindow.print();
        mywindow.close();
    }, 1000);

    return true;
}

</script>

@endsection