mygit/createbill.html at master · MayurAgarwal25/mygit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!doctype html>
<html >
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">


    <title>Dashboard </title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">

    <!-- Custom styles for this template -->
    <link href="css/dashboard.css" rel="stylesheet">

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

    <!--   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-resource/1.6.5/angular-resource.min.js"></script>
   -->

   <link href="https://cdn.jsdelivr.net/npm/gijgo@1.9.10/css/gijgo.min.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.jsdelivr.net/npm/gijgo@1.9.10/js/gijgo.min.js" type="text/javascript"></script>

  </head>

  <body ng-app="Recognition">
    <!-- nav code removed  -->
      <div class="cointainer">
        <main id= "Dashboard" role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4". class="displayBlock" ng-controller="dash">
          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
            <h1 class="h3">Invoice</h1>
          </div>

          <div class="col-md-12 col-sm-12 col-xs-12">
            <form>
            <div class="row">
              <div class="col-9">
                Invoice No:
                <input type="text" name="invoiceno"/>
              </div>
              <div class="col-1">
                <input id="datepicker" width="150" name="date" />
                <script>
                  $('#datepicker').datepicker({
                      uiLibrary: 'bootstrap4'
                  });
                </script>
              </div>
            </div>

            <div class="row">
              <div class="col-5">
                Buyer Info:
                <select class="form-control" id="unit">
                  <option disabled="true" selected>Select a unit</option>
                  <option>Bag</option>
                  <option>unit</option>
                  <option>1000 peices</option>
                  <option></option>
                </select>
              </div>
            </div>
            <br>

            <table class="table table-striped">
              <thead>
                <tr class="d-flex">
                  <th style="width: 5%">S.No</th>
                  <th style="width: 40%">Item</th>
                  <th class="text-right" style="width: 12%">Qty</th>
                  <th class="text-right" style="width: 12%">Rate (Incl. of tax)</th>
                  <th class="text-right" style="width: 12%">Rate</th>
                  <th style="width: 5%">Per</th>
                  <th class="text-right" style="width: 14%">AMOUNT</th>
                </tr>
              </thead>
              <tbody>
                <tr class="d-flex">
                  <th scope="row" style="width: 5%">1</th>
                  <td style="width: 40%">
                    <select class="form-control" id="unit">
                      <option disabled="true" selected>Item</option>
                      <option>Bag</option>
                      <option>unit</option>
                      <option>1000 peices</option>
                      <option></option>
                    </select>
                  </td>
                  <td style="width: 12%"><input class="form-control text-right" type="type" name="qty"/></td>
                  <td style="width: 12%"><input class="form-control text-right" type="type" name="ratetax"/></td>
                  <td style="width: 12%"><input class="form-control text-right" type="type" name="rate"/></td>
                  <td style="width: 5%">@mdo</td>
                  <td style="width: 14%"><input class="form-control text-right" type="type" name="amount"/></td>
                </tr>
                <tr class="d-flex">
                  <th scope="row" style="width: 5%"></th>
                  <td style="width: 40%">
                    CGST<br>SGST
                  </td>
                  <td style="width: 12%"></td>
                  <td style="width: 12%"></td>
                  <td class="text-right" style="width: 12%">14%<br>14%</td>
                  <td style="width: 5%"></td>
                  <td class="text-right" style="width: 14%"><data name="cgst" value="123">123</data><br><data>q23</data></td>
                </tr>
              </tbody>
            </table>
            </form>
          </div>
        </main>
      </div>
  </body>

</html>