@extends('supertiendent.layouts.app')
@push('style')
@endpush
@section('content')
    <section class="section dashboard">
        <div class="row ">
            <div class="line-hdr">
                <h4>Notification</h4>
            </div>
        </div>
        <div class="row">
            <div class="notification-sec">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="nw-ntfctn-tab" data-bs-toggle="tab" data-bs-target="#nw-not"
                            type="button" role="tab" aria-controls="nw-not" aria-selected="true">New
                            Notification</button>
                    </li>

                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="rej-ntfctn-tab" data-bs-toggle="tab" data-bs-target="#rj-not"
                            type="button" role="tab" aria-controls="profile" aria-selected="false">Rejected
                            Notification</button>
                    </li>
                </ul>


                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="nw-not" role="tabpanel" aria-labelledby="nw-ntfctn-tab">
                        <div class="notfcn-table">
                            <div class="table-responsive">
                                <table class="table table-borderless">
                                    <thead>
                                        <tr>
                                            <th scope="col">Date</th>
                                            <th scope="col">Subject</th>
                                            <th scope="col">Cost</th>
                                            <th scope="col">Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($allApprovedNotifications as $allApprovedNotification)
                                        <tr>
                                            <td>{{ $allApprovedNotification->created_at->format('d.m.Y') }}</td>
                                            <td>{{ $allApprovedNotification->conference_title }}</td>
                                            <td> $ 13.00 </td>
                                            <td>Approved</td>
                                        </tr>

                                        @empty
                                        <tr><td>{{ 'No Data Found' }}</td></tr>

                                        @endforelse



                                        {{-- <tr>
                                            <td>12.12.2023</td>
                                            <td class="t-para2">Lorem Ipsum is simply dummy text of the printing and
                                                typesetting industry. Lorem Ipsum has been the industry's standard dummy
                                                text ever since</td>
                                            <td class="succ-sent">Sent</td>
                                        </tr> --}}

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="rj-not" role="tabpanel" aria-labelledby="rej-ntfctn-tab">
                        <div class="notfcn-table">
                            <div class="table-responsive">
                                <table class="table table-borderless">
                                    <thead>
                                        <tr>
                                            <th scope="col">Date</th>
                                            <th scope="col">Subject</th>
                                            <th scope="col">School</th>
                                            <th scope="col">Staus</th>
                                            <th scope="col"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($allRejectedNotifications as $allRejectedNotification )
                                            <tr>
                                                <td>{{$allRejectedNotification->created_at->format('d.m.Y')}}</td>
                                                <td>{{$allRejectedNotification->conference_title  }}</td>
                                                <td>{{$schoolName ?? 'N/A' }}</td>
                                                <td>{{ 'Rejected' }}</td>
                                            </tr>

                                        @empty

                                            <tr><td>{{'No Data Found' }}</td></tr>

                                        @endforelse

                                        {{-- <tr>
                                            <td>12.12.2023</td>
                                            <td class="t-para">Lorem Ipsum is simply dummy text of the printing and
                                                typesetting industry. Lorem Ipsum has been the industry's standard dummy
                                                text ever since</td>
                                            <td class="t-para">New Log In</td>
                                            <td>976767654</td>
                                            <td>Port Blair School</td>
                                            <td class="rejct">Rejected</td>
                                            <td>
                                                <div class="filter"> <a class="icon show" href="#"
                                                        data-bs-toggle="dropdown" aria-expanded="true"><img
                                                            src="../assets/img/crlc!.png" alt=""
                                                            style="width: 30px;"></a>
                                                    <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow fade"
                                                        style="position: absolute; inset: 0px 0px auto auto; margin: 0px; transform: translate3d(0px, 29.6px, 0px);"
                                                        data-popper-placement="bottom-end">

                                                        <li><a class="dropdown-item" href="#">View</a></li>
                                                        <li><a class="dropdown-item" href="#">Delete</a></li>
                                                    </ul>


                                                </div>
                                            </td>

                                        </tr> --}}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="row">



            <div class="col-lg-12 mt-5">
                <nav aria-label="Page navigation example">
                    <ul class="pagination">
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Previous">
                                <span aria-hidden="true">&lsaquo;</span>
                            </a>
                        </li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Next">
                                <span aria-hidden="true">&rsaquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </section>
@endsection
@push('scripts')
    <script src="{{ asset('assets/admin/tinymce/tinymce.min.js') }}"></script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-tagsinput.js') }}"></script>
    <script>
        $(document).on("click", "#viewDetail", function() {
            const registratiion_no = $("#registratiion_no").val();
            console.log(registratiion_no);
        });
    </script>
    <script></script>
@endpush
@section('modal')
@endsection