@extends('template.app') @section('meta') @endsection @section('title') Colour Report @endsection @section('styles') @endsection @section('content') <html>
  <head>
    <style>
      table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
      }

      td,
      th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
      }

      tr:nth-child(even) {
        background-color: #dddddd;
      }
    </style>
  </head>
  <body>
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="col-md-4  mt-2">
              <input type="text" class="form-control" placeholder="Enter VIN Number">
            </div>
            <div class="col-md-4  mt-2">
              <button type="button" class="btn btn-primary">Submit</button>
            </div>
          </div>
        </div>
        <div class="card-body">
          <table class="table table-bordered data-table" id="cashdata-table">
            <tr>
              <th>Model Name</th>
              <th>Varient</th>
              <th>Branch</th>
              <th>Ex Show Room Price</th>
              <th>Purchase Price</th>
              <th>Kin Margin</th>
              <th>Fual Type</th>
              <th>Customer Name</th>
              <th>Status</th>
            </tr>
            <tr>
              <td>Sonet</td>
              <td>Sonet G1.0T iMT HTK Plus</td>
              <td>Rajkot</td>
              <td>813178</td>
              <td>759674</td>
              <td>53504</td>
              <td>Petrol</td>
              <td>Lorem Ipsum</td>
              <td>Pending</td>
            </tr>
            <tr>
              <td>Sonet</td>
              <td>Sonet G1.0T iMT HTK Plus</td>
              <td>Rajkot</td>
              <td>813178</td>
              <td>759674</td>
              <td>53504</td>
              <td>Petrol</td>
              <td>Lorem Ipsum</td>
              <td>Pending</td>
            </tr>
            <tr>
              <td>Sonet</td>
              <td>Sonet G1.0T iMT HTK Plus</td>
              <td>Rajkot</td>
              <td>813178</td>
              <td>759674</td>
              <td>53504</td>
              <td>Petrol</td>
              <td>Lorem Ipsum</td>
              <td>Pending</td>
            </tr>
            <tr>
              <td>Sonet</td>
              <td>Sonet G1.0T iMT HTK Plus</td>
              <td>Rajkot</td>
              <td>813178</td>
              <td>759674</td>
              <td>53504</td>
              <td>Petrol</td>
              <td>Lorem Ipsum</td>
              <td>Pending</td>
            </tr>
            <tr>
              <td>Sonet</td>
              <td>Sonet G1.0T iMT HTK Plus</td>
              <td>Rajkot</td>
              <td>813178</td>
              <td>759674</td>
              <td>53504</td>
              <td>Petrol</td>
              <td>Lorem Ipsum</td>
              <td>Pending</td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </body>
</html> @endsection