@include('layout.header')
  {{-- Invoice --}}
    <div class="breadcrumb breadcrumb-1 pos-center bg">
		  <h1>INVOICE</h1>
    </div>
    <div id="page-wrap">
      <div id="to_print">
        <div id="header">INVOICE</div>
      
        <div id="identity">
        
              
        <div id="address">
          Nordic Hospitality Suites<br>
          14, Patrick O. Bokkor Crescent,<br>
          Jabi, Abuja.<br>
          Phone: (+234) 708-0266-555
        </div>
    
          <div id="logo">
              <img id="image" src="{{asset('assets/img/logo-grey.png')}}" alt="logo" />
          </div>
        
        </div>
        
        <div style="clear:both"></div>
        
        <div id="customer">
    
                <table id="meta">
                    <tr>
                        <td class="meta-head">Invoice #</td>
                        <td><div id="invoice_ref">000123</div></td>
                    </tr>
                    <tr>
                        <td class="meta-head">Arrival Date</td>
                        <td><div id="arrival_date"></div></td>
                    </tr>
                    <tr>
                        <td class="meta-head">Departure Date</td>
                        <td><div id="departure_date">December 15, 2009</div></td>
                    </tr>
                    <tr>
                        <td class="meta-head">Amount Due</td>
                        <td><div class="due" id="invoice_total"></div></td>
                    </tr>
    
                </table>
                <div id="customer-title">
                  <h5>BILL TO:</h5>
                    <p><span id="invoice_name"></span><br>
                    <span id="invoice_email"></span><br>
                    <span id="invoice_phone"></span><br>
                </div>
        
        </div>
        
        <table id="items">
        
          <tr>
              <th>Room type</th>
              <th>Guests</th>
              <th>Unit Cost</th>
              <th>No. of Room(s)</th>
              <th>Price</th>
          </tr>
          
          <tr class="item-row">
              <td class="item-name"><div id="invoice_room_type">Deluxe Room</div></td>
              <td class="description"><textarea id="invoice_guests" disabled>1</textarea></td>
              <td><textarea class="cost" id="invoice_cost" disabled>₦650.00</textarea></td>
              <td><textarea class="qty" id="invoice_room_no" disabled>1</textarea></td>
              <td><span class="price" id="invoice_total_price">₦650.00</span></td>
          </tr>
          
          {{-- <tr>
              <td colspan="2" class="blank"> </td>
              <td colspan="2" class="total-line">Subtotal</td>
              <td class="total-value"><div id="subtotal">₦650.00</div></td>
          </tr> --}}
          <tr>
    
              <td colspan="2" class="blank"> </td>
              <td colspan="2" class="total-line">Total</td>
              <td class="total-value"><div id="total" class="invoice_total_amount">₦650.00</div></td>
          </tr>
          <tr>
              <td colspan="2" class="blank"> </td>
              <td colspan="2" class="total-line">Amount Paid</td>
    
              <td class="total-value"><div id="paid">₦0</div></td>
          </tr>
          <tr>
              <td colspan="2" class="blank"> </td>
              <td colspan="2" class="total-line balance">Amount Due</td>
              <td class="total-value balance"><div class="due" id="invoice_amount_due">₦650.00</div></td>
          </tr>
        
        </table>
      </div>
      <script src="https://js.paystack.co/v1/inline.js"></script>
      {{ csrf_field() }}
      <div class="bottom-btn">
        <ul>
        <li><a href="javasript:;" onclick="print_this('to_print')" id="pdf"><i class="fa fa-print"></i> Print to Pdf</a></li>
          <li><a href="javasript:;" onclick="calculate()"><i class="fa fa-money-bill"></i> Make Payment</a></li>
        </ul>
      </div>
      {{-- <div id="terms">
        <h5>Terms</h5>
        <textarea>NET 30 Days. Finance Charge of 1.5% will be made on unpaid balances after 30 days.</textarea>
      </div> --}}
    
    </div>
    

    {{-- End Invoice --}}
    @include('layout.footer')