@extends('layouts/contentNavbarLayout')

@section('title', 'Договоры')

@section('content')
<div class="card">
  <h5 class="card-header">Договоры</h5>
    <div class="table-responsive text-nowrap">
      <table class="table">
        <thead>
          <tr>
            <th>№</th>
            <th>Название</th>
            <th>Действует с</th>
            <th>Действует по</th>
            <th>Статус</th>
            <th>Валюта</th>
          </tr>
        </thead>
        <tbody class="table-border-bottom-0">
        @foreach ($contracts as $contract)
          <tr>
            <td class="alignCenter"><i class="fab fa-angular fa-lg text-danger me-3"></i><strong>{{$contract['number']}}</strong></td>
            <td class="alignLeft"><i class="fab fa-angular fa-lg text-danger me-3"></i>{{$contract['name']}}</td>
            <td class="alignCenter">{{date('d.m.Y', strtotime($contract['date']))}}</td>
            <td class="alignCenter">
            {{isset($contract['date_before']) ? date('d.m.Y', strtotime($contract['date_before'])) : ''}}
            </td>
            <td class="alignCenter"><span class="badge bg-label-primary me-1">{{$contract['status']}}</span></td>
            <td class="alignCenter"><span class="badge bg-label-primary me-1">{{$contract['currencies'] ?? 'Рубль'}}</span></td>
            <!-- <td>
              <div class="dropdown">
                <button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown" aria-expanded="false"><i class="bx bx-dots-vertical-rounded"></i></button>
                <div class="dropdown-menu" style="">
                  <a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
                  <a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
                </div>
              </div>
            </td> -->
          </tr>
          @endforeach
        </tbody>
      </table>
      <hr>
    </div>
  </h5>

<div class="col-12">
@include('layouts/pagination', [
  'pages' => $pages,
  'page' => $page
])
</div>
</div>

@endsection