@extends('layouts.app')
@section('style')
    <style>
        .pop-out-card {
        float: left;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        border: solid 1px #bbb;
        transition: all .2s;
        cursor: pointer;
        }
        .pop-out-card:hover {
            box-shadow: 2px 12px 15px #999 !important;
        }
        .pop-out-card.with-transform:hover {
            transform: translateY(-2px);
        }
        .icon-cards {
            width: 100px;
            height: 100px;
            float: left;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transition: all .2s;
            cursor: pointer;
            border: 1px solid rgb(218, 218, 218);
        }
        .icon-cards:hover {
            box-shadow: 2px 12px 15px #999 !important;
        }
        .icon-cards.with-transform:hover {
            transform: translateY(-2px);
        }
    </style>
@endsection
@section('content')
<div class="col-12">

</div>
<div class="col-12">
    <div class="card">
      <div class="card-header">
        <h5 class="title">Dashboard</h5>
        <!--<p class="category">A view for dashboard</p>-->
      </div>
      <div class="card-body all-icons">
        <div class="row">

        </div>
      </div>
    </div>
</div>
<div class="col-12 col-md-6">
    <div class="card">
        <div class="card-header">
          <h5 class="card-category">Latest Contract Update</h5>
        </div>
        <div class="card-body pb-0">
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead class=" text-primary">

                        <td><small>CLIENT</small></td>
                        <td width="80px"><small>FROM</small></td>
                        <td width="20px"></td>
                        <td width="80px"><small>TO</small></td>
                        <td width="100px"><small>DATE</small></td>
                    </thead>
                    <tbody>
                        @foreach ($contractLogs as $item)
                            <tr>
                                <td class="text-primary">
                                    <a href="{{ route('deployment', [ 'id' =>$item->id ]) }}" >
                                    {{ $item->company_name }}
                                    </a>
                                </td>
                                <td><span class="badge
                                    @if($item->from_status == 'Active')
                                        badge-success
                                    @elseIf($item->from_status == 'Extended')
                                        badge-info
                                    @elseIf($item->from_status == 'Expired')
                                        badge-warning
                                    @else
                                        badge-danger
                                    @endif
                                ">{{ $item->from_status }}</span></td>
                                <td>
                                    <div class="font-icon-detail text-secondary">
                                        <i class="now-ui-icons arrows-1_minimal-right"></i>
                                    </div>
                                </td>
                                <td><span class="badge
                                    @if($item->to_status == 'Active')
                                        badge-success
                                    @elseIf($item->to_status == 'Extended')
                                        badge-info
                                    @elseIf($item->to_status == 'Expired')
                                        badge-warning
                                    @else
                                        badge-danger
                                    @endif">{{ $item->to_status }}</td>
                                <td>{{ $item->created_at->format('Y/m/d') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer pt-1">
            <div class="stats">
              <i class="now-ui-icons loader_refresh spin"></i> Updated {{ date('Y-m-d H:i:s') }}
            </div>
          </div>
    </div>
</div>
@endsection