@extends('user.layouts.main')

@section('contents')
    <div class="dashboard_wrapper border_start p-3">
        <div class="card border-0">
            <div class="user_dashboard">
                <div class="car">
                    <div class="card-header bg-white">
                        <div class="row">
                            <div class="col-12">
                                <h5 class="card-title my-2"> {{ $title ?? '' }} </h5>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="user_wrapper">

                            <div class="table-responsive">
                                <table class="table escrow_transition_table">
                                    <thead>
                                    <tr>
                                        <th> ID </th>
                                        <th> Date </th>
                                        <th> Amount (KSh)</th>
                                        <th> Product Title </th>
                                        <th> Action </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                        $counter = 1;
                                        @endphp
                                        @foreach ( $escrows as $escrow )
                                        <tr>
                                            <td>{{ $counter++ }}</td>
                                            <td>{{ $escrow->created_at->format('d M Y') }}</td>
                                            <td>{{ $escrow->price }} KSh</td>
                                            <td><a href="{{ route('ads.details', [ 'location' => $escrow->ad->city_slug ?? '', 'category' => $escrow->ad->category_slug ?? '', 'scategory' => $escrow->ad->subcategory_slug ?? '', 'slug' => $escrow->ad->slug ?? '' ]) }}">{{ $escrow->ad->title }}</a></td>

                                            <td>
                                                <a href="{{ route('user.escrow.view',$escrow->id) }}" class="btn btn-sm btn-primary mt-0 py-1 px-3 border-0">View</a>

                                            </td>
                                            </tr>
                                       @endforeach

                                    </tbody>

                                </table>
                            </div>
                          <div class="d-flex justify-content-center">
                            {{ $escrows ->links() }}
                          </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection