@extends('admin.layouts.master')
@section('title', 'Invoice')
@section('content')



<div class="page-content-wrapper" >
    
      <div class="page-content">
            <div class="container mb-2">
                    <a class="btn btn-outline-success" onclick="printDiv('printable-div')">Print</a>
                </div>
            <div class="container" id="printable-div">
               
                
                <div class="row justify-content-center">

                    <div class="col-xl-12">
                        <div class="settings-widget profile-details">
                            <div class="settings-menu invoice-list-blk p-0 ">
                                <div class="card pro-post border-0 mb-0">
                                    <div class="card-body">

                                        <div class="invoice-item invoice-table-wrap">

                                            <div class="row">

                                                <div class="col-md-8" >
                                                    <div class="invoice-info table-responsive">

                                                        <p class="invoice-details invoice-details-two">
                                                            <h5 style="color:red;font-weight:bold;">Institute of Regular And Distance Education</h5>
                                                            <h6 class="inst">(Institute managed by Ahmed Research And Development Foundation)</h6>

                                                             <b>Add:-</b> A 502, Gali No-16 , Gagan Vihar, Bhopura, Ghaziabad , UP-201005<br>
                                                             <b>Email ID :</b> info@irade.in , Website : www.irade.in <br>
                                                             <b>Contact :</b> +91-7011114649 , 8860044469 <br>
                                                             <b>Company ID : </b>U88900UP2023NPL179576 <br>
                                                             <b>Licence Number :</b> 142549 <br>
                                                             <b>MSME :</b> UDYAM-UP-29-0078089 <br>
                                                            <b> GST No :</b> <br>

                                                        </p>
                                                    </div>
                                                </div>


                                                <div class="col-md-4" >
                                                    <div class="invoice-logo float-end">
                                                        <img src="{{asset('assets/img/logo.jpg')}}" width="200px" alt="logo">
                                                    </div>
                                                </div>


                                                <!--<div class="col-md-6" align="right">-->
                                                <!--    <p class="invoice-details table-responsive">-->
                                                <!--        <strong> : Order ID</strong><br>-->
                                                <!--       <strong> : Issued Date</strong>-->
                                                <!--    </p>-->
                                                <!--</div>-->
                                            </div>
                                        </div>


                                        <div class="invoice-item invoice-table-wrap" id="i_table">
                                            <div class="row" >
                                                <div class="col-md-6" >
                                                    <div class="invoice-info table-responsive">
                                                        <strong class="customer-text">Bill To :</strong>


                                                            <p class="invoice-details">
                                                            @if ($o->name != null)
                                                             <strong>Student Name :</strong>   {{$o->name}}
                                                            @endif
                                                            <br>

                                                            <strong>Email I'd : </strong> {{$o->email}} <br>
                                                            <strong>Address : </strong> <span> {{$o->address}} <br>
                                                                <strong>Aadhar No. : </strong> <span> {{$o->aadhaar_no}} <br>


                                                            </p>


                                                    </div>
                                                </div>
                                                <div class="col-md-6" align="right">
                                                    <div class="invoice-info invoice-info2 table-responsive float-end">
                                                      {{--   <strong class="customer-text">Invoice :  {{$order->order_id}}</strong> --}}
                                                       {{--  <p class="i_date">Invoice date : <strong> {{$order->date}}</strong><br> --}}
                                                        Transaction ID:<strong> {{$o->order_id}}</strong><br>
                                                       Payment ID:<strong> {{$o->payment_id}}</strong></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                        {{-- @if ($order->payment_mode != null )
                                        <div class="invoice-item">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="invoice-info">
                                                        <strong class="customer-text">Payment Method</strong>
                                                        <p class="invoice-details invoice-details-two">

                                                            {{$order->payment_mode}}

                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif --}}

                                        <div class="invoice-item invoice-table-wrap">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="table-responsive">
                                                        <table class="table table-striped table-hover">
                                                            <thead class="table-dark" style="background-color:red;">
                                                                <tr>
                                                                    <th>Program</th>
                                                                    <th>University</th>
                                                                    <th>University Type</th>
                                                                    <th class="text-end">Total</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr>
                                                                    <td>{{$o->course_sub_category_item}}</td>
                                                                    <td>{{$o->university_name}}</td>
                                                                    <td>{{$o->university_type}}</td>
                                                                    <td class="text-end"> &#x20B9; {{env('COMMON_PRICE_IN_RUPEE')}}</td>
                                                                </tr>

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xl-4 ms-auto">
                                                    <div class="table-responsive">
                                                        <table class="invoice-table-two table table-borderless">
                                                            <tbody>

                                                                <tr>
                                                                    <th>Total Amount:</th>
                                                                    <td><span> &#x20B9; {{env('COMMON_PRICE_IN_RUPEE')}}</span></td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
<div class="row">
    <div class="col-md-7">
         <h5>Terms & Conditions:</h5>
            <ul>
                <li>
                    When you place an order for a Service through a Website or
                    telephone you agree to purchase the Services on these terms and
                    conditions.
                </li>

                <li>
                    The Fee for the Services will be charged as discussed during
                    counselling or according to the website.
                </li>

                 <li>
                    The fee for services shall be subject to change according to changes
                    in the fee structure of universities.
                </li>

                <li>
                    Fees must be paid in full before you attend any course or access any
                    Online Course. Any fee once paid will be non-refundable. The
                    payment can be refunded only in exceptional circumstances.
                </li>
                <li>
                    Where your order consists of multiple Online Courses or Taught
                    Courses, each course will be treated by us as a separate offer to
                    purchase.
                </li>

                <li>
                    Any fee charged by your debit or credit card provider in connection
                    with your purchase of Services are for your own account and we shall
                    not be responsible for these.
                </li>

                <li>
                    We reserve the right to cancel or reject your order at any part or
                    duration of service usage.
                </li>
                <li>
                    Thanks for using our Services. This is a system-generated invoice.
                    This bill can not be used for any legal purposes.
                </li>

            </ul>

            <div class="qr_code_text">
                <!--<p class="Payment_text"> -->
                <!--    Scan QR code to view or Make Payment <br>-->
                <!--    <span class="qr_text">-->
                <!--        OU CAN ALSO MAKE PAYMENT USING QR-->
                <!--        CODE GIVEN OR BY USINGH VARIOUS PAYMENT-->
                <!--        METHODS I.E. PHONEPE, GPAY, PAYTM , UPI, OR-->
                <!--        OTHER WAYS ON 8860086062.-->
                <!--    </span>-->
                <!--</p>-->
                <img src="{{asset('admin/assets/images/pay.png')}}" class="pay_img">
            </div>
    </div>

    <div class="col-md-5">
          <h5>Invoice Total : &#x20B9;{{env('COMMON_PRICE_IN_RUPEE')}}</h5>
          <h5 class="badge text-bg-secondary">Amount Paid : &#x20B9;{{env('COMMON_PRICE_IN_RUPEE')}}</h5>
{{--           <h5 class="badge text-bg-warning">Payment Paid : {{$o->date}}</h5>
 --}}

          <div class="sign_mode">
              <h6 class="sign">
                  Student Signature :……………………………..
              </h6>
                <h6 class="sign">
                  Parents Signature :……………………………..
              </h6>

                <h6 class="sign">
                  Councellor Signature :……………………………..
              </h6>

          </div>
    </div>


</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        </div>
        
        
        <script type="text/javascript">
    function printDiv(divId) {
        var printContents = document.getElementById(divId).innerHTML;
        var originalContents = document.body.innerHTML;
        document.body.innerHTML = printContents;
        window.print();
        document.body.innerHTML = originalContents;
        location.reload();

    }
</script>


<style>
h5.badge.text-bg-secondary {
    background: green;
    font-size: 18px;
}

.qr_code_text {
    padding: 10px 10px 10px 30px;
}
h5.badge.text-bg-warning {
    background: #ffc107;
    font-size: 18px;
    color: #000;
}
    h6.inst {
    font-size: 12px;
    color: blue;
    line-height: 5px;
}
strong.customer-text {
    font-size: 20px;
}
div#i_table {
    border: 1px solid;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.sign_mode {
    position: absolute;
    top: 300px;
}
h6.sign {
    line-height: 80px;
}
img.pay_img {
    width: 100%;
}
li {
    text-align: justify;
}
</style>

@endsection