@foreach($bills as $key=> $row)
    <tr>
        <td><a class="bill_modal_link" data-bill=".bill_container_{{$row->id}}" data-toggle="modal" data-target="#billModal" href="#">{{ $row->course_name }}</a></td>
        <td class="d-none bill_container_{{$row->id}}">
            <h4>({{$row->id}}) فاتورة </h4>
            <div class="row mt-5">
                <div class="col-md-6">
                    <div class="bill_det">
                        <h6>إسم العميل: <span>{{$member->name}}</span></h6>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="bill_det">
                        <h6> رقم الجوال: <span> {{$member->phone}}</span></h6>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="bill_det">
                        <h6> التاريخ : <span> {{date('Y M d', strtotime($row->userCourse->updated_at ?? $row->created_at))}}</span></h6>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="bill_det">
                        <h6> الرقم الضريبي : <span>{{settings('tax_number')}}</span></h6>
                    </div>
                </div>
            </div>
            <div class="responsive-table mt-4">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">البيان</th>
                        <th scope="col">السعر</th>
                        <th scope="col">القيمة المضافه</th>
                        <th scope="col">خصم </th>
                        <th scope="col">المجموع </th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>

                        @php
                            /** @var TYPE_NAME $row */
                            $calcBill = calcBill($row);
                        @endphp
                        <th scope="row">{{$calcBill['id']}}</th>
                        <td>كورس {{$calcBill['course_name']}}</td>
                        <td>{{$calcBill['price']}} SAR</td>
                        <td>{{$calcBill['added_value_amount_after_discount']}} SAR</td>
                        <td> {{ $calcBill['discount_amount']}} SAR </td>
                        <td>{{$calcBill['total']}} SAR</td>
                        
                    </tr>
                    <tr>
                        <td colspan="7">
                            <img src="{{$calcBill['qr_code']}}" alt="">
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </td>
    </tr>

@endforeach

@if( count( $bills ) && $bills->hasPages() )
    <tr> <td></td><td> {{ $bills->links() }} </td> </tr>
@endif



<script>
    $('.bill_modal_link').click(function () {
        $('.billModal .bill_modal_container').html($($(this).data('bill')).html())
    });
    $('.modal.printable').on('shown.bs.modal', function () {
        $('.modal-dialog', this).addClass('focused');
        $('body').addClass('modalprinter');

    }).on('hidden.bs.modal', function () {
        $('.modal-dialog', this).removeClass('focused');
        $('body').removeClass('modalprinter');
    });
</script>