@foreach($coupons as $key=> $row)
    <tr>
        <td><a class="coupon_modal_link" data-coupon=".coupon_container_{{$row->id}}" data-toggle="modal" data-target="#couponModal" href="#">{{ $row->code }}</a></td>
        <td><a class="coupon_modal_link" data-coupon=".coupon_container_{{$row->id}}" data-toggle="modal" data-target="#couponModal" href="#">{{ $row->course_name }}</a></td>
        <td class="d-none coupon_container_{{$row->id}}">
            <h4>تفاصيل الكوبون</h4>
            <div class="row mt-5">
                <div class="col-md-12">
                    <div class="coupon_det">
                        <h6> {{__('coupons.discount')}}: <span>{{$row->discount}}</span></h6>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="coupon_det">
                        <h6>{{__('coupons.code')}}: <span>{{$row->code}}</span></h6>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="coupon_det">
                        <h6> {{__('coupons.course_id')}}: <span>{{$row->course_name}}</span></h6>
                    </div>
                </div>
            </div>
        </td>
    </tr>

@endforeach

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



<script>
    $('.coupon_modal_link').click(function () {
        $('.couponModal .coupon_modal_container').html($($(this).data('coupon')).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>