@extends('main')
@section('css')

@endsection
@section('content')
    <section class="content-header">
        <h1>
        </h1>
        <ol class="breadcrumb">
        </ol>
    </section>


    <div class="card">
        <div class="card-header">

        </div>
        <div class="card-body">
            @if(isset($vars['errors']) && $vars['errors']?->count() > 0)
                <div class=" ">
                    <h4 class="text-center text-base justify-content-center"> Company Payment </h4>
                    <table class="table normal-table table-striped normal-tablee" id="payment_detail_form_table">
                        <thead>
                        <tr>
                            <th>Date</th>
                            <th>Name</th>
                            <th>Customer</th>
                            <th>Status</th>
                            <th>Payment</th>
                        </tr>
                        </thead>

                        <tbody id="payment_details_table">
                        @foreach ($vars['errors'] as $row)
                            <tr id="serive_order_{{$row->id}} "  data-id="{{$row->id}}" data-policy="{{$row->policy?->id}}">

                                <td>{{\Carbon\Carbon::parse($row->created_at)->format('j, M Y')}}</td>
                                <td>{{$row->OperativeClause}}</td>
                                <td>{{$row?->contract?->customer?->PolicyHolderName}}</td>
                                <td>{{$row->status}}</td>
                                <td class="flex">
                                    @foreach($row->tiraResponses as $response)
                                        <a class="correct-error-observed" style="cursor: pointer" data-id="{{$response->id}}" data-policy="{{$row->id}}" ><i class="">{{$response->ResponseStatusCode}}</i></a> |
                                    @endforeach
                                </td>
                            </tr>

                        @endforeach
                        </tbody>

                    </table>
                </div>
            @endif
        </div>
    </div>

@endsection
@section('js')
    <script>
        $(document).on('click','.correct-error-observed',function (e) {
            e.preventDefault();
            let responseId = $(this).data('id');
            let policyId = $(this).data('policy');
            let formdata = new FormData();
            formdata.append('id', responseId);
            formdata.append('policy', policyId);
            asyncFetchAnyData(url = "correctPossibleError", formdata).then((response) => {
                location.reload();
            });
        })
    </script>
@endsection