@extends('admin.layouts.app')
@push('style')
    <link rel="stylesheet" href="//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
@endpush
@section('content')
    <section class="section dashboard">
        <div class="row ">
            <div class="line-hdr">
                <h4>Dashboard</h4>
            </div>
            <div class="col-lg-12 mb-4">
                <ul class="nav nav-pills mb-3 supr-admin" id="pills-tab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link c-box active" id="pills-box1-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-box1" type="button" role="tab" aria-controls="pills-box1"
                            aria-selected="true">
                            <h6>Total Districts</h6>
                            <h4>{{ $districtCount ?? '0' }}</h4>
                        </button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link c-box" id="pills-box2-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-box2" type="button" role="tab" aria-controls="pills-box2"
                            aria-selected="true">
                            <h6>Total School Admin Account</h6>
                            <h4>{{ $schoolAdminCount ?? '0' }}</h4>
                        </button>
                    </li>
                    {{-- <li class="nav-item" role="presentation">
                        <button class="nav-link c-box" id="pills-box3-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-box3" type="button" role="tab" aria-controls="pills-box3"
                            aria-selected="true">
                            <h6>Total Earnings from subscription</h6>
                            <h4>$ 34,00000</h4>
                        </button>
                    </li> --}}
                    <li class="nav-item" role="presentation">
                        <button class="nav-link c-box" id="pills-box4-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-box4" type="button" role="tab" aria-controls="pills-box4"
                            aria-selected="true">
                            <h6>Total Transactions</h6>
                            <h4>$ {{ number_format($totalTransaction, 2) ?? '0' }}</h4>
                        </button>
                    </li>
                </ul>
            </div>
            <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade show active" id="pills-box1" role="tabpanel" aria-labelledby="pills-box1-tab">
                    <div class="performance-statistics row district">
                        <div class="table-responsive">
                            <table class="table table-borderless custom-data-table" id="districtsDatatable">
                                <thead>
                                    <tr>
                                        <th scope="col">District Name</th>
                                        <th scope="col">Created At</th>
                                        <th scope="col">Status</th>
                                        <th scope="col" class="noExport">Action</th>
                                    </tr>
                                </thead>
                                <tbody class="discrict-row">
                                    @forelse ($districts as $district)
                                        <tr>
                                            <td>{{ $district->district_name }}</td>
                                            <td>{{ date('d-m-Y', strtotime($district->created_at)) }}</td>
                                            <td>
                                                @switch($district->status)
                                                    @case(1)
                                                        <a href="javascript:void(0)" data-value="0" data-table="districts"
                                                            data-message="inactive" data-uuid="{{ $district->uuid }}"
                                                            class="badge bg-success changeStatus">Active</a>
                                                    @break

                                                    @case(0)
                                                        <a href="javascript:void(0)" data-value="1"
                                                            data-uuid="{{ $district->uuid }}" data-table="districts"
                                                            data-message="active" class="badge bg-danger changeStatus">Inactive</a>
                                                    @break

                                                    @default
                                                        <a href="javascript:void(0)"
                                                            class="badge badge-danger text-dark">Deleted</a>
                                                @endswitch
                                            </td>
                                            <td> <a class="icon show"
                                                href="{{ route('admin.district.view.schools', $district->uuid) }}"
                                                title="View Schools" aria-expanded="true"><i
                                                    class="fa-solid fa-eye"></i></a></td>

                                        </tr>
                                        @empty
                                            <tr>
                                                <td colspan="3" class="text-center">No Data Yet</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-box2" role="tabpanel" aria-labelledby="pills-box2-tab">
                        <div class="performance-statistics row">
                            <div class="table-responsive">
                                <table class="table table-borderless custom-data-table" id="newShowsssDatatable">
                                    <thead>
                                        <tr>
                                            <th scope="col">Name</th>
                                            <th scope="col">Email</th>
                                            <th scope="col">Phone</th>
                                            <th scope="col">Created On</th>
                                            <th scope="col">Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($schoolAdmins as $user)
                                            <tr>
                                                <td>{{ $user->full_name }}</td>
                                                <td><a href="mailto:{{ $user->email }}">{{ $user->email }} </a> </td>
                                                <td><a
                                                        href="tel:{{ $user->mobile_number }}">{{ $user->mobile_number ?? '--' }}</a>
                                                </td>
                                                <td>{{ date('d-m-Y', strtotime($user->created_at)) }}</td>
                                                <td>
                                                    @switch($user->is_active)
                                                        @case(1)
                                                            <a href="javascript:void(0)" data-value="0" data-table="users"
                                                                data-message="inactive" data-uuid="{{ $user->uuid }}"
                                                                class="badge bg-success changeUserStatus">Active</a>
                                                        @break

                                                        @case(0)
                                                            <a href="javascript:void(0)" data-value="1" data-uuid="{{ $user->uuid }}"
                                                                data-table="users" data-message="active"
                                                                class="badge bg-danger changeUserStatus">Inactive</a>
                                                        @break

                                                        @default
                                                            <a href="javascript:void(0)"
                                                                class="badge badge-danger text-dark">Deleted</a>
                                                    @endswitch
                                                </td>

                                            </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="5" class="text-center">No Data Yet</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                {{-- </div> --}}
                            </div>
                        </div>
                    </div>
                        <div class="tab-pane fade" id="pills-box4" role="tabpanel" aria-labelledby="pills-box4-tab">
                            <div class="performance-statistics row">
                                <div class="table-responsive">
                                    <table class="table table-borderless custom-data-table" id="conferencessDatatable">
                                        <thead>
                                            <tr>
                                                <th scope="col">School Name</th>
                                                <th scope="col">Request ID</th>
                                                <th scope="col">Conference Name</th>
                                                <th scope="col">Conference Date</th>
                                                <th scope="col">Total Cost</th>
                                                <th scope="col">Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($conferences as $conferenceList)
                                                <tr>

                                                    <td>{{ $conferenceList->approvependingschool?->school_name ?? 'N/A' }}
                                                    </td>
                                                    <td>{{ 'REQ' . '_' . substr(md5(microtime()), 0, 8) }}</td>
                                                    <td>{{ $conferenceList->conference_title }}</td>
                                                    <td>{{ date('d-m-Y', strtotime($conferenceList->created_at)) }}</td>
                                                    <td><i class="fa-solid fa-dollar-sign"></i>&nbsp;
                                                        {{ number_format($conferenceList->registratiion_no + $conferenceList->lodging?->sum('lodging') + $conferenceList->meals?->sum('meal') + $conferenceList->milages?->sum('milage') + $conferenceList->miscellaneous?->sum('miscellaneous') + $conferenceList->parking?->sum('parking') + $conferenceList->toll?->sum('tolls'), 2) }}
                                                    </td>

                                                    <td>
                                                        @if ($conferenceList->is_approved == 1 && $conferenceList->is_all_approved == 1)
                                                            {{ 'Approved' }}
                                                        @elseif($conferenceList->is_approved == 2)
                                                            {{ 'rejected' }}
                                                        @else
                                                            {{ 'Waiting For Approval' }}
                                                        @endif
                                                    </td>

                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="6" class="text-center">No Data Yet</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                    </div>
            </section>
        @endsection
        @push('scripts')

        @endpush