@extends('layout')

@section('dashboard-content')

<div class="card">
  <div class="card-body">

    <div style="margin-top: 20px; margin-bottom: 20px;">
      <h3 class="" style="display: inline-block; width: 200px;">Contracts</h3>
      <a href="{{ URL::to('contract-form') }}" style="float:right; color: white; background-color: #9900CE; border-radius: 5px;
            padding: 10px; ">Add New Contract</a>
    </div>

    <!-- Default Table -->
    <table class="table datatable">
      <thead>
        <tr>

          <th>Image</th>
          <th scope="col">Product Name</th>
          <th scope="col">User</th>
          <th>Price</th>
          <th scope="col">Quantity/Tonne</th>
          <!-- <th scope="col">Contract File</th> -->
          <th scope="col">Status</th>
          <th scope="col">Action</th>
        </tr>
      </thead>
      <tbody>

        @foreach($contracts as $contract)
        <tr>
          <td><img src="{{$contract->image}}" style="width: 80px; height: 80px; border-radius: 10px; border: solid 0.5px black; padding: 1px;" /></td>

          
          <td>{{ $contract->product_name }}</td>
          <td>{{ $contract->user }}</td>
          <td>{{ $contract->price}}</td>
          <td>{{ $contract->quantity }}</td>
          <!-- <td>{{ $contract->contract_file }}</td> -->
          <td>{{ $contract->status }}</td>
          
          <td>
            <a href="{{ URL::to('edit-contract') }}/{{ $contract->id }}"><i class="bi bi-pencil-square"></i></a>
            |
            <a href="{{ URL::to('edit-contract') }}/{{ $contract->id }}"><i class="bi bi-chat-text-fill"></i></a>
            |
            <a href="{{ URL::to('delete-contract') }}/{{ $contract->id }}"><i class="bi bi-trash-fill" style="color: red;"></i></a>
          </td>

        </tr>
        @endforeach
      </tbody>
    </table>
    <!-- End Default Table Example -->
  </div>
</div>

@stop