@extends('layout.master')
@section('content')
    <div class="content datatable">
        <div class="row">
            <div class="col-3">
                <div class="card p-3">
                    <div class="align-items-center">
                        <div class="ms-2">
                            <div class="">
                                <h2 class="mb-0 me-2 text-left">{{ $data['esignCount'] }}</h2>
                                <span class="fs-8 fw-semibold text-body">Remaining e-signature count</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-3">
                <div class="card p-3">
                    <div class="align-items-center">
                        <div class="ms-2">
                            <div class="">
                                <h2 class="mb-0 me-2 text-left">{{ $data['completedCount'] }}</h2>
                                <span class="fs-8 fw-semibold text-body">Completed e-signature count</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-3">
                <div class="card p-3">
                    <div class="align-items-center">
                        <div class="ms-2">
                            <div class="">
                                <h2 class="mb-0 me-2 text-left">{{ $data['pendingCount'] }}</h2>
                                <span class="fs-8 fw-semibold text-body">Pending e-signature count</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-3">
                <div class="card p-3">
                    <div class="align-items-center">
                        <div class="ms-2">
                            <div class="">
                                <h2 class="mb-0 me-2 text-left">{{ $data['cancelledCount'] }}</h2>
                                <span class="fs-8 fw-semibold text-body">Cancelled e-signature count</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="p-4 code-to-copy">
            <div class="card shadow-none border">
                <div class="card-header p-4 border-bottom bg-body">
                    <div class="row g-3 justify-content-between align-items-end">
                        <div class="col-md-12">
                            <h4 class="text-body mb-0" data-anchor="data-anchor" id="pagination-with-numbering">
                                Contract List
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="p-4 code-to-copy">

                        <table class="table table-striped table-sm fs-9 mb-0 data-table">

                            <thead>
                                <tr>
                                    {{-- <th class="sort border-top border-translucent ps-3" data-sort="name">User Name
                                    </th>
                                    <th class="sort border-top border-translucent ps-3" data-sort="email">User Email
                                    </th> --}}
                                    <th class="sort border-top border-translucent ps-3" data-sort="cname">Client
                                        Name</th>
                                    <th class="sort border-top" data-sort="cemail">Client Email</th>
                                    {{-- <th class="sort border-top" data-sort="cat">Category</th> --}}
                                    <th class="sort border-top" data-sort="cat">Contract ID</th>
                                    {{-- <th class="sort border-top" data-sort="cat">Stamp Duty Paid By</th>
                                    <th class="sort border-top" data-sort="cat">Denomination</th> --}}
                                    {{-- <th class="sort border-top" data-sort="cat">Contract Type</th> --}}
                                    {{-- <th class="sort border-top" data-sort="cat">Contract Expiry On</th> --}}
                                    <th class="sort border-top" data-sort="cat">Status</th>
                                    <th class="sort border-top" data-sort="date">Date</th>
                                    <th class="sort text-end align-middle pe-0 border-top" scope="col">ACTION
                                    </th>
                                </tr>
                            </thead>
                            <tbody class="list">

                                @foreach ($customer_agreement as $A)
                                    <tr>

                                        <td class="align-middle ps-3 cname">{{ $A['name'] }}({{ $A['username'] }})</td>
                                        <td class="align-middle cemail">{{ $A['email'] }}</td>
                                        <td class="align-middle cat">{{ $A['contract_id'] }}</td>
                                        {{-- <td class="align-middle cat">{{ $A['stamp_duty'] }}</td> --}}
                                        {{-- <td class="align-middle cat">{{ getCurrency() . $A['denomination'] }}</td> --}}
                                        {{-- <td class="align-middle cat">
                                            {{ $A['contract_expiry'] != '' ? date('M d,Y H:i:s', strtotime($A['contract_expiry'])) : '' }}
                                        </td> --}}

                                        <td class="align-middle status">{!! checkStatus($A['status']) !!}</td>
                                        <td class="align-middle status">{{ date('Y-M-d', strtotime($A['created_at'])) }}
                                        </td>
                                        <td class="align-middle white-space-nowrap text-end pe-0">
                                            @if ($A['status'] == 'Pending' || $A['status'] == 'Completed')
                                                <a class="dropdown-item"
                                                    href="{{ route('customer_agreement_details', ['id' => $A['contract_id']]) }}">View</a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection