@extends('layouts.app_layout')

@section('content')

<x-page-header title="{{ $pageTitle }}" button="" />

<div class="row">
    <div class="col-12">

        <!-- Navigation Tabs -->
        <ul class="nav nav-pills mb-3 gap-1" id="pills-tab" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="pills-creations-tab" data-bs-toggle="pill" data-bs-target="#pills-creations" type="button" role="tab" aria-controls="pills-creations" aria-selected="true">
                    <i class="fa fa-pencil-ruler text-primary me-1"></i>New Applications
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-review-tab" data-bs-toggle="pill" data-bs-target="#pills-review" type="button" role="tab" aria-controls="pills-review" aria-selected="false">
                    <i class="fa fa-hourglass-half text-warning me-1"></i>Under Descrepencies
                </button>
            </li>
        </ul>

        <div class="tab-content" id="pills-tabContent">
            <!-- New Applications -->
            <div class="tab-pane fade show active" id="pills-creations" role="tabpanel" aria-labelledby="pills-creations-tab" tabindex="0">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="training-centres-datatable" class="table table-striped table-bordered w-100">
                                <thead>
                                    <tr>
                                        <th>Sl. No.</th>
                                        <th>Application No.</th>
                                        <th>Type</th>
                                        <th>Darpan Id/GST No.</th>
                                        <th>Centre Name</th>
                                        <th>Director Name</th>
                                        <th>Status</th>
                                        <th width="10%">Actions</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td><span class="fw-semibold">APP-2025-0001</span></td>
                                        <td>NGO</td>
                                        <td>DARPAN12345</td>
                                        <td>AIPC Skill Centre – Delhi</td>
                                        <td>Dr. Kavita Sharma</td>
                                        <td><span class="badge bg-warning text-dark">Pending</span></td>
                                        <td>
                                            <a href="{{ route('training-centres.show-new-applications') }}" class="btn btn-primary btn-sm">
                                                <i class="fas fa-eye me-1"></i>
                                            </a>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>2</td>
                                        <td><span class="fw-semibold">APP-2025-0002</span></td>
                                        <td>Private</td>
                                        <td>07AAACG1234Q1Z5</td>
                                        <td>Sunrise Geriatric Training Institute</td>
                                        <td>Mr. Arvind Bhatia</td>
                                        <td><span class="badge bg-warning text-dark">Pending</span></td>
                                        <td>
                                            <a href="{{ route('training-centres.show-new-applications') }}" class="btn btn-primary btn-sm">
                                                <i class="fas fa-eye me-1"></i>
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Under Descrepencies -->
            <div class="tab-pane fade" id="pills-review" role="tabpanel" aria-labelledby="pills-review-tab" tabindex="0">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="training-centres-table-review" class="table table-striped table-bordered w-100">
                                <thead>
                                    <tr>
                                        <th>Sl. No.</th>
                                        <th>Application No.</th>
                                        <th>Type</th>
                                        <th>Darpan Id/GST No.</th>
                                        <th>Centre Name</th>
                                        <th>Director Name</th>
                                        <th>Status</th>
                                        <th width="10%">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td><span class="fw-semibold">APP-2025-0002</span></td>
                                        <td>Private</td>
                                        <td>07AAACG1234Q1Z5</td>
                                        <td>Sunrise Geriatric Training Institute</td>
                                        <td>Mr. Arvind Bhatia</td>
                                        <td><span class="badge bg-info text-dark">Under Review</span></td>
                                        <td>
                                            <a href="{{ route('training-centres.show-new-applications') }}" class="btn btn-primary btn-sm" title="Preview">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td><span class="fw-semibold">APP-2025-0006</span></td>
                                        <td>NGO</td>
                                        <td>DARPAN55667</td>
                                        <td>Silverline Care Centre</td>
                                        <td>Dr. Meera Chopra</td>
                                        <td><span class="badge bg-info text-dark">Under Review</span></td>
                                        <td>
                                            <a href="{{ route('training-centres.show-new-applications') }}" class="btn btn-primary btn-sm" title="Preview">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td><span class="fw-semibold">APP-2025-0007</span></td>
                                        <td>Private</td>
                                        <td>09AACCM9876B1Z1</td>
                                        <td>Comfort Health Academy</td>
                                        <td>Mr. Sandeep Verma</td>
                                        <td><span class="badge bg-info text-dark">Under Review</span></td>
                                        <td>
                                            <a href="{{ route('training-centres.show-new-applications') }}" class="btn btn-primary btn-sm" title="Preview">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div> <!-- /table-responsive -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('pages-scripts')
<script>
    $(document).ready(function() {
        $('#training-centres-datatable').DataTable({
            autoWidth: false,
        });
        // $('#training-centres-datatable').DataTable({
        //     processing: true,
        //     serverSide: true,
        //     ordering: false,
        //     scrollX: true,
        //     ajax: {
        //         url: "{{ route('training-centres.new-applications.fetch-for-datatable') }}",
        //         type: "POST",
        //         data: function(d) {
        //             d._token = $('meta[name="csrf-token"]').attr('content');
        //         }
        //     },
        //     columns: [{
        //             data: null,
        //             name: 'id',
        //             render: function(data, type, row, meta) {
        //                 return meta.row + 1;
        //             }
        //         },
        //         {
        //             data: 'application_number',
        //             name: 'application_number',
        //         },
        //         {
        //             data: null,
        //             name: 'id',
        //             render: function(data, type, row) {
        //                 return data.basic_information ? data.basic_information.centre_name : '';
        //             }
        //         },
        //         {
        //             data: null,
        //             name: 'id',
        //             render: function(data, type, row) {
        //                 return data.basic_information ? data.basic_information.director_name : '';
        //             }
        //         },
        //         {
        //             data: null,
        //             name: 'id',
        //             render: function(data, type, row) {
        //                 return data.basic_information ? data.basic_information.official_email : '';
        //             }
        //         },
        //         {
        //             data: null,
        //             name: 'id',
        //             render: function(data, type, row) {
        //                 return data.basic_information ? data.basic_information.primary_phone : '';
        //             }
        //         },
        //         {
        //             data: null,
        //             name: 'id',
        //             render: function(data, type, row) {
        //                 return data.application_status_badge;
        //             }
        //         },
        //         {
        //             data: 'action',
        //             name: 'action',
        //             orderable: false,
        //             searchable: false,
        //             width: '12%',
        //         }
        //     ]
        // });

        // // Delete Record
        // $(document).on('click', '.delete-training-centre', function() {
        //     let id = $(this).data('id');
        //     if (id) {
        //         Swal.fire({
        //             title: "Are you sure?",
        //             text: "You want to delete this training program?",
        //             icon: "warning",
        //             showCancelButton: true,
        //             confirmButtonText: "Yes",
        //             cancelButtonText: "Cancel"
        //         }).then((result) => {
        //             if (result.isConfirmed) {
        //                 $.ajax({
        //                     url: "{{ route('training-centres.destroy', ':id') }}".replace(':id', id),
        //                     type: "POST",
        //                     headers: {
        //                         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        //                     },
        //                     beforeSend: function() {
        //                         showLoader();
        //                     },
        //                     success: function(response) {
        //                         hideLoader();
        //                         Swal.fire("Deleted!", response.message, "success");
        //                         $('#training-centres-datatable').DataTable().ajax.reload();
        //                     },
        //                     error: function(xhr) {
        //                         hideLoader();
        //                         Swal.fire("Error!", "Something went wrong!", "error");
        //                     }
        //                 });
        //             }
        //         });
        //     }
        // });
    });
</script>
@endsection