@extends('portal.agent.layouts.app')

@section('content')
    <div id="content-wrapper" class="d-flex flex-column">
        <div id="content">
            <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
                <!-- <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
                        <i class="fa fa-bars"></i>
                    </button> -->
                <h2>PAYMENT HISTORY</h2>
                <ul class="navbar-nav rghtbl ml-auto">
                </ul>
            </nav>
            <div class="main-container margin">
                <div class="container-fluid">
                    <div class="card bg-transparent p-0">
                        <div class="tableheadingsection">
                            {{--                                <div class="d-flex align-items-center">--}}
                            {{--                                    <span>Show</span>--}}
                            {{--                                    <select class="custom-select mx-2">--}}
                            {{--                                        <option value="">10</option>--}}
                            {{--                                    </select>--}}
                            {{--                                    <span>entries</span>--}}
                            {{--                                </div>--}}
                            {{--                                <div class="searchBox">--}}
                            {{--                                    <input type="text" class="form-control" placeholder="Search">--}}
                            {{--                                    <button class="btn btn-primary"><i class="fas fa-search"></i></button>--}}
                            {{--                                </div>--}}
                        </div>
                        {{--                        @dd($payments);--}}
                        <table class="mytable noborder">
                            <thead>
                            <tr>
                                <th>Transaction Id</th>
                                <th>User Name</th>
                                <th>Category</th>
                                <th>Inspection fee</th>
                                <th>Price Range</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            @foreach($payments as $pay)
                                <tr>
                                    <td><span>{{$pay->id ?? ''}}</span></td>
                                    <td><span>{{$pay->inspection->inspectee->name ?? ''}}</span></td>
                                    @foreach($pay->inspection->inspectionDetails as $item)
                                        @if( $item->key == "categories")
                                            <td><span>{{$item->value ?? ''}}</span></td>
                                        @endif
                                    @endforeach
                                    <td><span>{{$pay->inspection_fee ?? ''}}$</span></td>
                                    @foreach($pay->inspection->inspectionDetails as $item)
                                        @if( $item->key == "prices")
                                            <td><span>{{$item->value ?? ''}}$</span></td>
                                        @endif
                                    @endforeach
                                    <td>
                                        <a href="{{route('agent.user.details',$pay->inspection->id)}}">
                                            <button class="btn btn-primary">Details</button>
                                        </a>
{{--                                        <button class="btn btn-primary">Details</button>--}}
                                        <a href="{{route('agent.transactions.delete', $pay->id )}}">
                                            <button class="btn btn-danger" >Delete</button>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </table>
                    </div>
                </div>
            </div>
        </div>
@endsection