@extends('layouts.admin')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4>Reports Page</h4>
                </div>
                <!-- Bootstrap CSS -->

<!-- Bootstrap JS and Popper.js -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

                <div class="card-body">
                    <div class="card mb-3">
                        <div class="card-header">
                            <h5>Reports for Products</h5>
                        </div>
                        <div class="card-body table-responsive">
                            <table class="table table-striped table-fixed table-hover align-middle text-center">
                                <thead class="table-dark">
                                    <tr>
                                        <!-- <th>Name</th> -->
                                        <th>Product</th>
                                        <th>Shop Name</th>
                                        <th>Report Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($productReports->groupBy('product.user.id') as $userId => $shopReports)
                                        @php
                                            $firstReport = $shopReports->first();
                                        @endphp
                                        <tr>
                                            <!-- <td>{{ $firstReport->user->name }}</td> -->
                                            <td>{{ $firstReport->product->name }}</td>
                                            <td>
                                                <a href="{{ url('view-user/'.$firstReport->product->user->id) }}">
                                                    {{ $firstReport->product->user->shop_name }}
                                                </a>
                                            </td>
                                            <td>
                                                @if ($firstReport->product->status == 1)
                                                    Published
                                                @elseif ($firstReport->product->status == 0)
                                                    Unpublished
                                                    <span class="badge bg-warning text-dark">Warning</span>
                                                @elseif ($firstReport->product->status == 2)
                                                    Blocked
                                                @else
                                                    Unknown Status
                                                @endif
                                            </td>
                                            <td>  <button type="button" class="btn btn-link" data-toggle="modal" data-target="#reasonModal_{{ $firstReport->id }}">
                                                    View Reasons
                                                </button>
                                              
                                              
                                                <a href="{{ url('admin/products/view/'.$firstReport->product->id) }}" class="btn btn-secondary"><i class="fas fa-eye"></i></a>
                                                <form action="{{ route('deleteReport', ['id' => $firstReport->id]) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" onclick="return confirm('Are you sure you want to Delete This?')" class="btn btn-danger"><i class="fas fa-trash"></i></button>
                                                </form>
                                            </td>
                                        </tr>
                                        <!-- Modal for reasons -->
                                        <div class="modal fade" id="reasonModal_{{ $firstReport->id }}" tabindex="-1" role="dialog" aria-labelledby="reasonModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <strong> <a href="{{ url('view-user/'.$firstReport->product->user->id) }}">
                                                    {{ $firstReport->product->user->shop_name }}
                                                </a></strong>
                                                        <h5 class="modal-title" id="reasonModalLabel">Reasons for Reporting Product</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        @foreach ($shopReports as $report)
                                                            <p>{{ $report->reason }}</p>
                                                        @endforeach
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header">
                            <h5>Report Section for Rider</h5>
                        </div>
                        <div class="card-body table-responsive">
                            <table class="table table-striped table-fixed table-hover align-middle text-center">
                                <thead class="table-dark">
                                    <tr>
                                        <!-- <th>Name</th> -->
                                        <th>Reason</th>
                                        <th>Rider</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($riderReports->groupBy('rider_id') as $riderId => $riderGroup)
                                        @php
                                            $firstRiderReport = $riderGroup->first();
                                            $rider = \App\Models\User::where('id', $riderId)
                                                ->where('role_as', 3)
                                                ->first();
                                        @endphp
                                        <tr>
                                            <!-- <td>{{ $firstRiderReport->user->name }}</td> -->
                                            <td>
                                                <button type="button" class="btn btn-link" data-toggle="modal" data-target="#reasonModal_{{ $riderId }}">
                                                    {{ $firstRiderReport->reason }}
                                                </button>
                                            </td>
                                            <td>{{ $rider->name }}</td>
                                            <td>
                                               
                                                <a href="{{ url('view-user/' . $firstRiderReport->rider_id) }}" class="btn btn-secondary"><i class="fas fa-eye"></i></a>

                                                <form action="{{ route('deleteReport', ['id' => $firstRiderReport->id]) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" onclick="return confirm('Are you sure you want to Delete This?')"  class="btn btn-danger"><i class="fas fa-trash"></i></button>
                                                </form>
                                            </td>
                                        </tr>
                                        <!-- Modal for reasons -->
                                        <div class="modal fade" id="reasonModal_{{ $riderId }}" tabindex="-1" role="dialog" aria-labelledby="reasonModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="reasonModalLabel">Reasons for Reporting Rider</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        @foreach ($riderGroup as $report)
                                                            <p>{{ $report->reason }}</p>
                                                        @endforeach
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </tbody>
                            </table>
                            {!! $riderReports->links('pagination::bootstrap-4') !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection