@extends('admin.layouts.app')
<style>
    .pagination {
        float: right;
        margin-top: 10px;
    }
</style>

 
@section('content')
<div class="container-fluid">

    <div class="header text-white">
        <div class="py-2 px-4 border-bottom d-none d-lg-block">
            <div class="d-flex align-items-center py-1">
                <div class="position-relative">
                    <div class="input-group mb-3">
                        <select class="form-select " id="search_by">
                            <option>Select...</option>
                            <!-- <option value="uid">UID</option> -->
                            <option value="application_id">APP-ID</option>
                            <option value="email">Email</option>
                            <option value="contact">Contact</option>

                        </select>
                        <input type="text" class="form-control " id="search_key" placeholder="Search for...">
                        <button class="btn  btn-secondary" type="button" onclick="searchByKey()">Go!</button>
                    </div>
                </div>
                <div class="flex-grow-1 ps-3">

                </div>
                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#uploadModal">
                    Upload File
                    </button>
                     &nbsp
                <div>
                    <div id="reportrange" class="overflow-hidden form-control ">
                        <i class="far fa-calendar"></i>&nbsp;
                        <span></span> <i class="fas fa-caret-down"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row" style="margin-top:-40px !important;">
        <div class="col-12">
            <div class="card">
                <div class="card-body scroll-h">
                    <div class="table-responsive table-card"
                        style="max-height:85vh; height: auto;  overflow: hidden scroll;">
                        <table class="table table-sm table-centered align-middle table-nowrap mb-0">
                            <thead class="text-muted table-light" style="position: sticky;top: 0;	">
                                <tr>
                                    <th>#</th>
                                    <th>Title/Name</th>
                                    <th>Location</th>
                                    <th>Event Date</th>
                                    <th>Action</th>

                                </tr>
                            </thead>
                             <input type="hidden" name="table_id" id="table_id" value="allEventsTbody"> 
                             <tbody id="allEventsTbody">
                                
                            </tbody>
                        </table>

                    </div>



                </div>

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


</div>



<!-- Modal -->
<div class="modal fade" id="uploadModal" tabindex="-1" aria-labelledby="uploadModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div  class="modal-dialog" role="document">
    {{-- <form action="/upload" method="POST" enctype="multipart/form-data" class="modal-content"> --}}
      <!-- CSRF token for Laravel (if needed) -->
       <input type="hidden" name="_token" value="{{ csrf_token() }}">

      <div class="modal-content">

      <div class="modal-header">
        <h5 class="modal-title" id="uploadModalLabel">Upload File</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="mb-3">
          <label for="fileInput" class="form-label">Choose file</label>
          <input class="form-control" type="file" id="fileInput" name="file" required>
        </div>
      </div>
       <div class="modal-footer">
        <button type="submit" class="btn btn-success" onclick="checkValidUsers();">Upload</button>
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
      </div>
 </div>

    {{-- </form> --}}
  </div>
</div>
@endsection