<html>

<body>
  
  <table style="max-width:720px;margin:50px auto 10px;background-color:#fff;padding:50px;-webkit-box-shadow:0px 5px 10px #1c1c1c;-moz-box-shadow:0px 5px 10px #1c1c1c;box-shadow:0px 5px 10px #1c1c1c;border: solid 2px black; ">
    <thead>
      <tr>
        <th style="text-align:left;"><img style="max-width: 150px;" src="https://www.bachanatours.in/book/img/logo.png" alt="bachana tours"></th>
        
        
        <th style=" padding:0 0 0 20px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 24px; "><storng>TANNA TECH BIZ</storng>
          <p style="margin:0px 0 0 30px;padding:0;font-size:13px; text-align: justify;">Vraj-Bhoomi, 22 New Jagnath Plot,</p>
          <p style="margin:0px 0 0 30px;padding:0;font-size:13px; text-align: justify;">Rajkot, Gujarat, 360 001</p>
          <p style="margin:0px 0 0 30px;padding:0;font-size:14px; text-align: justify;">+919974300810</p>
          <p style="margin:0px 0 0 30px;padding:0;font-size:14px; text-align: justify;">info@tannatechbiz.com</p>
        </th>
          
          
          
        
      </tr>
    </thead>
    <tbody>
      
      
      <tr>
        <td style="height:35px;"></td>
      </tr>
      <tr >
        <td style="border:solid #ddd;border-width: 1px 0px 0px 1px; width:50%;padding:10px;vertical-align:top">
          <p style="margin:0 0 10px 0;padding:0;font-size:15px;"><span style="display:block;font-weight:bold;font-size:15px">Invoice To:</span>{{ $company_details->name }}</p>
          <p style="margin:0 0 10px 0;padding:0;font-size:15px;"><span style="display:block;font-weight:bold;font-size:15px;">GST NO:</span> {{ $company_details->gstin }}</p>
          
          
          
        </td>
        <td style="border:solid #ddd;border-width: 1px 1px 0px 0px; width:50%;padding:10px;vertical-align:top">
          <p style="margin:0 0 10px 0;padding:0;font-size:15px;"><span style="display:block;font-weight:bold;font-size:15px;">Quotation No:</span> {{ $data->quotation_no }}</p>
          <p style="margin:0 0 10px 0;padding:0;font-size:15px;"><span style="display:block;font-weight:bold;font-size:15px;">Date of Invoice</span> {{ $data->issue_date }}</p>
          
        </td>
      </tr>
      
      <tr>
        <td style="border:solid #ddd;border-width: 0px 0px 1px 1px; width:50%;padding:10px;vertical-align:top">
          <p style="margin:0 0 10px 0;padding:0;font-size:15px;"><span style="display:block;font-weight:bold;font-size:15px;">Billing Address</span> , {{ $billing_details->city }}, {{ $billing_details->state }}, {{ $billing_details->country }}, {{ $billing_details->pincode}}</p>
          <p style="margin:0 0 10px 0;padding:0;font-size:15px;"><span style="display:block;font-weight:bold;font-size:15px;">Email Id</span> abc@gmail.com</p>
          <p style="margin:0 0 10px 0;padding:0;font-size:15px;"><span style="display:block;font-weight:bold;font-size:15px;">Phone Number</span> {{ $billing_details->mobile }}</p>
          
        </td>
        <td style="border:solid #ddd;border-width: 0px 1px 1px 0px; width:50%;padding:10px;vertical-align:top">
          <p style="margin:0 0 10px 0;padding:0;font-size:15px;"><span style="display:block;font-weight:bold;font-size:15px;">Shipping Address</span>  , {{ $shipping_details->city }}, {{ $shipping_details->state }}, {{ $shipping_details->country }}, {{ $shipping_details->pincode}}</p>
          <p style="margin:0 0 10px 0;padding:0;font-size:15px;"><span style="display:block;font-weight:bold;font-size:15px;">Email Id</span> abc@gmail.com</p>
          <p style="margin:0 0 10px 0;padding:0;font-size:15px;"><span style="display:block;font-weight:bold;font-size:15px;">Phone Number</span> {{ $shipping_details->mobile }}</p>
        </td>
      </tr>

      <tr>
        <td colspan="2" style="font-size:20px;padding:30px 15px 0 0;">Products</td>
      </tr>
      
      <tr>
        <td colspan="2" align="left" bgcolor="#ffffff" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
              <td align="left" bgcolor="#D2C7BA" width="5%"  style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;"><strong>NO</strong></td>
              <td align="left" bgcolor="#D2C7BA" width="20%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;"><strong>Product Name</strong></td>
              <td align="left" bgcolor="#D2C7BA" width="20%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;"><strong>Description</strong></td>
              <td align="left" bgcolor="#D2C7BA" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;"><strong>Unit Cost</strong></td>
              <td align="left" bgcolor="#D2C7BA" width="15%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;"><strong>Quantity</strong></td>
              <td align="left" bgcolor="#D2C7BA" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;"><strong>IGST</strong></td>
              <td align="left" bgcolor="#D2C7BA" width="15%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;"><strong>GST Amount</strong></td>
              <td align="left" bgcolor="#D2C7BA" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;"><strong>Total</strong></td>
            </tr>

            @foreach( $product_details as $value )
            <tr>
              <td align="left" width="5%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">1</td>
              <td align="left" width="20%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">{{ $value->unit_cost }}</td>
              <td align="left" width="20%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">{{ $value->HSN }}</td>
              <td align="left" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">₹{{ $value->unit_cost }}</td>
              <td align="left" width="15%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">{{ $value->quantity }}</td>
              <td align="left" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">{{ $value->i_gst }}</td>
              <td align="left" width="15%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">100</td>
              <td align="left" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">100</td>
            </tr>
            
            @endforeach
            <tr>
              <td colspan="6"></td>
              <td align="left" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; border-top: 2px dashed #D2C7BA; border-bottom: 2px dashed #D2C7BA;"><strong>Sub Total</strong></td>
              <td align="left" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; border-top: 2px dashed #D2C7BA; border-bottom: 2px dashed #D2C7BA;"><strong>$54.00</strong></td>
            </tr>
            <tr>
              <td colspan="6"></td>
              <td align="left" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; border-top: 2px dashed #D2C7BA; border-bottom: 2px dashed #D2C7BA;"><strong>GST Total</strong></td>
              <td align="left" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; border-top: 2px dashed #D2C7BA; border-bottom: 2px dashed #D2C7BA;"><strong>$54.00</strong></td>
            </tr>
            <tr>
              <td colspan="6"></td>
              <td align="left" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; border-top: 2px dashed #D2C7BA; border-bottom: 2px dashed #D2C7BA;"><strong>Total</strong></td>
              <td align="left" width="10%" style="font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; border-top: 2px dashed #D2C7BA; border-bottom: 2px dashed #D2C7BA;"><strong>$54.00</strong></td>
            </tr>
          </table>
        </td>
      </tr>
      
    </tbody>
    <tfooter>
      <tr>
        <td colspan="2" style="font-size:16px;padding:50px 15px 0 15px;">
          <strong style="display:block;margin:0 0 10px 0;">Note:</strong>
          <p>kgdgiab</p>
          
        </td>
      </tr>
    </tfooter>
  </table>

<!-- <div  style="max-width:250px;margin:50px auto 10px;background-color:#fff;padding:50px;-webkit-box-shadow:0px 5px 10px #1c1c1c;-moz-box-shadow:0px 5px 10px #1c1c1c;box-shadow:0px 5px 10px #1c1c1c;border: solid 2px black;">
  <span style="font-size: 20px;">Give Your Approval</span><br>  
</div> -->
</body>

</html>