@include('includes.header')
<!-- Page content-->
<div class="container">
    <div class="mt-5">
        @if(!empty($code) && $code === 200)
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <strong>Success!</strong> {{ !empty($code) && $message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @elseif(!empty($code) && $code === 404)
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>Error!</strong> {{ !empty($code) && $message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @endif
        <h1>Results</h1>
        <table class="table table-bordered mt-5">
            <thead>
            <tr>
                <th scope="col" width="60%" style="background: #333; color: white">Action Detail</th>
                <th scope="col" width="10%" style="background: #333; color: white; text-align: center">Count</th>
                <th scope="col" width="15%" style="background: #333; color: white; text-align: center">Data File</th>
                <th scope="col" width="20%" style="background: #333; color: white; text-align: center">Action</th>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <td style="background: #ffd5d5" width="60%">Data needs to be deleted in Salesforce</td>
                    <td style="background: #ffd5d5; text-align: center" width="10%"><span class="fw-bold">{{ $countDeleteData }}</span></td>
                    <td style="background: #ffd5d5; text-align: center" width="15%">
                        @if($countDeleteData > 0)
                            <a href="{{ route('downloadDeleteData', ['id' => $id]) }}" class="btn btn-primary">Download CSV</a>
                        @else
                            Not Available
                        @endif
                    </td>
                    <td style="background: #ffd5d5; text-align: center" width="20%">
                        @if($countDeleteData > 0)
                            <a href="javascript:void(0);" data-id="{{ $id }}" data-type="Delete" id="processDeleteBtn" class="btn btn-primary startAddProcess">
                                <span class="spinner-grow spinner-grow-sm" id="spinnerProcessDelete" style="display: none" aria-hidden="true"></span>
                                &nbsp;Start Process
                            </a>
                        @else
                            No Action Needed
                        @endif
                    </td>
                </tr>
                <tr>
                    <td style="background: #ffffc0" width="60%">Data needs to be update in Salesforce</td>
                    <td style="background: #ffffc0; text-align: center" width="10%"><span class="fw-bold">{{ $countUpdateData }}</span></td>
                    <td style="background: #ffffc0; text-align: center" width="15%">
                        @if($countUpdateData > 0)
                            <a href="{{ route('downloadUpdateData', ['id' => $id]) }}" class="btn btn-primary">Download CSV</a>
                        @else
                            Not Available
                        @endif
                    </td>
                    <td style="background: #ffffc0; text-align: center" width="20%">
                        @if($countUpdateData > 0)
                            <a href="javascript:void(0);" data-id="{{ $id }}" data-type="Update" id="processUpdateBtn" class="btn btn-primary startAddProcess">
                                <span class="spinner-grow spinner-grow-sm" id="spinnerProcessUpdate" style="display: none" aria-hidden="true"></span>
                                &nbsp;Start Process
                            </a>
                        @else
                            No Action Needed
                        @endif
                    </td>
                </tr>
                <tr>
                    <td style="background: #bfffbf" width="60%">Data needs to be add in Salesforce</td>
                    <td style="background: #bfffbf; text-align: center" width="10%"><span class="fw-bold">{{ $countAddData }}</span></td>
                    <td style="background: #bfffbf; text-align: center" width="15%">
                        @if($countAddData > 0)
                            <a href="{{ route('downloadAddData', ['id' => $id]) }}" class="btn btn-primary">Download CSV</a>
                        @else
                            Not Available
                        @endif
                    </td>
                    <td style="background: #bfffbf; text-align: center" width="20%">
                        @if($countAddData > 0)
                            <a href="javascript:void(0);" data-id="{{ $id }}" data-type="Insert" id="processInsertBtn" class="btn btn-primary startAddProcess">
                                <span class="spinner-grow spinner-grow-sm" id="spinnerProcessInsert" style="display: none" aria-hidden="true"></span>
                                &nbsp;Start Process
                            </a>
                        @else
                            No Action Needed
                        @endif
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<div class="modal fade" id="successPopup" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Process Initialized!</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                We have started processing the records to Salesforce, We will notify once all records will be processed.<br/><br/>
                Thanks,<br/>
                Sterling Team
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

@include('includes.footer')