@extends('components.customer_layout')
@section('customer-content')
    <link href="{{ asset('assets/css/custom/a3form.css') }}" rel="stylesheet" type="text/css">
    <!-- jQuery (Required for DataTables) -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- DataTables JS & CSS -->


    <!-- Container -->
    <div class="container mt-12">

        <div class="card">
            <div class="card-header">
                <h4>All Afoosha Requests</h4>
            </div>
            <div class="card-body">
                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                <table class="table datatable">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Application Number</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($overlapcomplain as $afoosha)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $afoosha->application_number }}</td>
                            <td>
                                @if($afoosha->status == 'accepted')
                                    <span class="badge badge-success">{{ $afoosha->status }}</span></td>
                            @elseif($afoosha->status == 'request')
                                <span class="badge badge-primary">{{ $afoosha->status }}</span></td>
                            @elseif($afoosha->status == 'rejected')
                                <span class="badge badge-danger">{{ $afoosha->status }}</span></td>
                            @endif
                            <td>
                                <a href="{{ route('afoosha.show', $afoosha->id) }}"
                                   class="btn btn-info btn-sm">View</a>
                                   <a href="{{ route('afoosha.edit', $afoosha->id) }}"
                                    class="btn btn-success btn-sm">edit</a>
                            </td>
                           
                            
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <div>
                    {{ $overlapcomplain->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </div>
    </div>

@endsection