@extends('backend.layout.master')
@include('backend.kids.css')
@section('content')


<!--Start Hero-->
    <section class="hero-section business-startup">
       
          <div class="container">
                <div class="row">
                    <div class="col-md-8">
                      <div class="heading mb-3">
                          <h2><span>Archived Students </span></h2>
                      </div>
                    </div>
                    <div class="col-md-4">
                        
                        <form class="search-form kinder_search">
                            <div class="form-group m-0">
                                <label class="sr-only">Email</label>
                                <input class="form-control" type="search" id="search" placeholder="Search..">
                            </div>
                        </form>
                    </div>
                </div>

            <!-- Container-fluid starts-->
            <div class="container ">
                <div class="row justify-content-start" id="kidsList">
                </div>

                <!-- <p class="loadingIcon pageLoader">  
                    <div class="text-primary" style="width: 3rem; height: 3rem;" role="status" id="spinLoading">
                      <img src="{!! asset('images/loading.gif')!!}">
                    </div>
                </p> -->
                <button class="btn btn-success" id="loadMoreActivityHistory" style="display:none;">Load More</button>

            </div>
            <!-- Container-fluid Ends-->

         </div>
      </div>
       
    </section>
    <!--End Hero-->



<!-- <div class="page-body">
    <div class="container">
        <div class="page-header">
            <div class="row">
                <div class="col-lg-6 main-header">
                    <h2><span>Archived Students </span></h2>
                </div>
                <div class="col-lg-6 breadcrumb-right">
                    <form class="search-form kinder_search">
                        <div class="form-group m-0">
                            <label class="sr-only">Email</label>
                            <input class="form-control-plaintext" type="search" id="search" placeholder="Search..">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="container ">
        <div class="row" id="kidsList">
        </div>

        <p class="loadingIcon">  
            <div class="text-primary" style="width: 3rem; height: 3rem;" role="status" id="spinLoading">
              <img src="{!! asset('images/loading.gif')!!}">
            </div>
        </p>
        <button class="btn btn-success" id="loadMoreActivityHistory" style="display:none;">Load More</button>

    </div>

</div> -->


@endsection
@include('backend.kids.archived-js')