@extends('client/layouts/contentNavbarLayout')

@section('title')
{{ __('client.my_contracts') }}
@endsection


@section('page-script')
@endsection

@section('content')
<h2 class="fw-bold py-3 mb-4 h4">{{ __('client.my_contracts') }}</h2>
@include('client.responses.messages')

<div class="card">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th><i class="bx bx-dots-vertical-rounded"></i></th>
                        <th style="min-width: 140px">{{ __('client.reference') }}</th>
                        <th style="min-width: 140px">{{ __('client.conveying_type') }}</th>
                        <th style="min-width: 126px">{{ __('client.date') }}</th>
                    </tr>
                </thead>
                <tbody class="table-border-bottom-0">
                    @if($data)
                      @foreach ($data['contracts'] as $contract)
                      <tr>
                        <td>
                            <a class="btn btn-primary px-2" href="{{ route('client.conveying-contract.contract-document', ['contractId' => $contract['id']]) }}" target="_blank">
                                <span>{{ __('client.consult') }}</span>
                            </a>
                        </td>
                        <td>{{ $contract['reference'] }}</td>
                        <td>{{ $contract['type'] === 'D' ? __('client.departure_contract') : __('client.arrival_contract') }}</td>
                        <td>{{ $contract['date'] . ' ' . $contract['time'] }}</td>
                      </tr>
                      @endforeach
                    @endif
                </tbody>
            </table>
        </div>
        <div class="mt-4 d-flex flex-row-reverse">
            @if($data)
                @include('client.pagination-2', ['route' => 'client.conveying-contract.list', 'data' => $data])
            @endif
        </div>
    </div>
</div>
@endsection

@section('scripts')
@endsection