@include('sales.GetCurrencyClass')

@extends('layouts.template')

@section('template')
<!-- Content Header -->

<style type="text/css" media="print">
    @page 
    {
        size: auto;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */

    }
</style>

<section class="content-header">
    <h1>
        CHALAN
        
        </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
        <li class="active">Invoice</li>
    </ol>
</section>
<!-- End Content Header -->
<!-- Main content -->
<section class="content">

<!-- Main content -->
<section class="invoice">
<!-- title row -->


<div class="row">
  <div class="col-xs-12">
    <div class="col-xs-7">
      <img src="{{ asset($globalSettings->logo) }}" height="75" width="250" style="float:left">
    </div>
    <!--
    <div class="col-xs-6">
      <p style="float:right;font-size:130%"><u>CASH</u> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <br> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<u>MEMO</u></p>
    </div>
    -->
    <div class="col-xs-5" style="padding-left: 11%">
      <!-- <img src="{{ asset('public/image/invoice.png') }}" height="85" width="85" style="float:right"> -->
      <div style="font-size: 80%">
        SHOWROOM:<br>
        {!!$globalSettings->address!!}<br>
        Mobile: {{$globalSettings->mobile}}<br>
        Tel: {{$globalSettings->phone}}<br>
      </div>
    </div>

  </div>

  <!-- /.col -->
</div>
<div class="row" style="margin-top: 3%">
  <div class="col-xs-12">
    <div class="col-xs-6">
      <address>
        Customer Name: {{ $salesMasters->customer_name }}<br>
        Address: @if(!empty($salesMasters->address)){{ $salesMasters->address }}     @endif<br>
        Contact: @if(!empty($salesMasters->mobile_no)){{ $salesMasters->mobile_no }}  @endif
      </address>
    </div>
    <div class="col-xs-6" style="text-align:right">
      <address>
        Invoice Date: {{ date('M-d-Y', strtotime($salesMasters->sales_date)) }}<br>
        <!-- Delivery Date: {{$salesMasters->delivery_date}}<br> -->
        Invoice No: {{ $globalSettings->invoice_prefix."-BI-".str_pad($salesMasters->sales_master_id, 8, '0', STR_PAD_LEFT) }}<br>
        
      </address>

  </div>

  </div>
  <!-- /.col -->
</div>
<!-- Table row -->

<!-- <section class="invoice-bg">
<div class="row">
  <div class="col-md-12">
      <img src="{{ asset('public/image/invoice-bg.png') }}">
  </div>
</div>     
</section> -->

<div class="row">
  <div class="col-xs-12 table-responsive">
    <table class="table table-striped ">
      <thead>
      <tr>
        <th style="">Srl.</th>
        <th style="">Item</th>
        <th style="">Qty</th>
        <th style="">Chalan No.</th>
      </tr>
      </thead>
      <tbody>
        @php $sub_total = 0 @endphp
        @foreach($salesDetail as $key => $salesDetails)
        <tr>
            <td>{{ ++$key }}</td>
            <td>{{ $salesDetails->item_name }}</td>
            <td>{{ $salesDetails->quantity }}</td>
            <td>{{ $salesDetails->chalan_no }}</td>
            
        </tr>
        @endforeach
        
      </tbody>
    </table>

  </div>
  <!-- /.col -->
</div>

    <div class="row" style="margin-top: 5%">
      <!-- accepted payments column -->
      <div class="col-xs-6">
        
        <p class="" style="margin-top: 10px;">
          
        </p>

      </div>
      <!-- /.col -->
      <div class="col-xs-6">
       


      </div>
      <!-- /.col -->
    </div>

<!-- /.row -->
<div style="margin-top: 1%">
    <p style="font-size: 80%; text-align: left">
            <!-- * Sold goods are not returnable.<br>
            Thank you for your business. -->
    </p>
    
</div>
<!-- <div style="margin-top: @if(count($salesDetail)==1)60% @elseif(count($salesDetail)==2) 55% @elseif(count($salesDetail)==3) 50% @else 40% @endif">
    <p style="font-size: 90%; text-align: center">
            {{$globalSettings->address}} <br>
            Mobile: {{$globalSettings->mobile}} , Email: {{$globalSettings->email}} <br>     
            © Copright 2018 | All Rights Reserved To {{$globalSettings->company_name}} | Powered by:V-link Network
    </p>
</div> -->


</section>
</section>

<!-- End Main Content -->

<script>
    window.print();
</script>
@endsection