@extends('staff.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">Approved
                            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">Total 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><a href="{{ route('staff.conference.detail', ['id' => $allApprovedNotification->id]) }}" target="_blank" >{{ $allApprovedNotification->conference_title }}</a></td>

                                                <td><i class="fa-solid fa-dollar-sign"></i>&nbsp; {{number_format($allApprovedNotification->registration_no + $allApprovedNotification->lodging?->sum('lodging') + $allApprovedNotification->meals?->sum('meal') + $allApprovedNotification->milages?->sum('milage') + $allApprovedNotification->miscellaneous?->sum('miscellaneous') + $allApprovedNotification->parking?->sum('parking') + $allApprovedNotification->toll?->sum('tolls'), 2) }}

                                                <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><a href="{{ route('staff.conference.detail', ['id' => $allRejectedNotification->id]) }}" target="_blank" >{{ $allRejectedNotification->conference_title }}</a></td>

                                            <td>{{ $schoolName ?? 'N/A' }}</td>
                                            <td>{{ "Rejected" }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td>{{ 'No Data Found' }}</td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
            </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></script>
@endpush