@extends('layouts.default')
{{-- Page title --}}
@section('title')
    Advanced Data Tables @parent
@stop
{{-- page level styles --}}
@section('header_styles')
    <!-- page vendors -->
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/datatables/css/dataTables.bootstrap5.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/datatables/css/buttons.bootstrap5.min.css') }}">
    <!--end of page vendors -->
@stop
@section('content')


    <!-- Content Header (Page header) -->
    <section class="content-header">

        <div aria-label="breadcrumb" class="card-breadcrumb">
            <h1>Advanced Data Tables</h1>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Tables</a></li>
                <li class="breadcrumb-item active" aria-current="page">Advanced Data Tables</li>
            </ol>
        </div>
        <div class="separator-breadcrumb border-top"></div>


    </section>

    <!-- content start-->
    <section class="content">
        <div class="row">
            <div class="col-lg-12 my-3">
                <div class="card panel-info filterable">
                    <div class="card-header border border-primary text-primary border-top-0 border-start-0 border-end-0">
                        <h3 class="card-title text-primary d-inline">
                            Child rows
                        </h3>
                        <span class="float-end">
                            <i class="fa fa-chevron-up clickable"></i>
                            <i class="fa fa-times removepanel clickable"></i>
                        </span>
                    </div>

                    <div class="card-body table-responsive-lg table-responsive-md table-responsive-sm ">
<table class="table table-bordered" id="table1" width="100%">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>#</th>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>User E-mail</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1.</td>
                                    <td>Jacob</td>
                                    <td>Thornton</td>
                                    <td>
                                        JacobThornton
                                    </td>
                                    <td>
                                        JacobThornton@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>2.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>3.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>4.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>5.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>6.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>7.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>8.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>9.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>10.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>11.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>12.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>13.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>14.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>15.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>16.</td>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                                <tr>
                                    <td>17.</td>
                                    <td>Larryss</td>
                                    <td>the Bird</td>
                                    <td>
                                        Larrythe Bird
                                    </td>
                                    <td>
                                        LarrytheBird@test.com
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 my-3">
                <div class="card panel-info filterable">
                    <div class="card-header border border-primary text-primary border-top-0 border-start-0 border-end-0">
                        <h3 class="card-title text-primary d-inline">
                            Table with Buttons
                        </h3>
                        <span class="float-end">
                            <i class="fa fa-chevron-up clickable"></i>
                            <i class="fa fa-times removepanel clickable"></i>
                        </span>
                    </div>
                    <div class="card-body table-responsive-lg table-responsive-md table-responsive-sm">
<table class="table  table-bordered" id="table2" width="100%">
                            <thead>
                                <tr>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>User Name</th>
                                    <th>
                                        User E-mail
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
<td>Sandra</td>
<td>Lockman</td>
<td>Gudrun.Emmerich</td>
<td>Johann_Streich46@hotmail.com</td>
                                </tr>
                                <tr>
<td>Geovanni</td>
<td>Gibson</td>
<td>Kasandra34</td>
<td>Vada_Hartmann@gmail.com</td>
                                </tr>
                                <tr>
<td>Cornelius</td>
<td>Durgan</td>
<td>Pearlie.Weissnat22</td>
<td>Kade_Walker@hotmail.com</td>
                                </tr>
                                <tr>
<td>Linwood</td>
<td>Luettgen</td>
<td>June_Treutel</td>
<td>Hanna48@hotmail.com</td>
                                </tr>
                                <tr>
<td>Durward</td>
<td>Kessler</td>
<td>Mateo.Nienow10</td>
<td>Hanna_Simonis69@gmail.com</td>
                                </tr>
                                <tr>
<td>Retta</td>
<td>Little</td>
<td>Lessie.Jenkins</td>
<td>Ferne_Hane48@gmail.com</td>
                                </tr>
                                <tr>
<td>Ottilie</td>
<td>Feest</td>
<td>Macie75</td>
<td>Noemie.Zboncak33@yahoo.com</td>
                                </tr>
                                <tr>
<td>Lelah</td>
<td>Lebsack</td>
<td>Adelia10</td>
<td>Keyshawn14@gmail.com</td>
                                </tr>
                                <tr>
<td>Chesley</td>
<td>Zemlak</td>
<td>Ayana.Rippin64</td>
<td>Kyle_Brown35@gmail.com</td>
                                </tr>
                                <tr>
<td>Chadrick</td>
<td>Morar</td>
<td>Brando75</td>
<td>Esmeralda.Lakin@gmail.com</td>
                                </tr>
                                <tr>
<td>Evalyn</td>
<td>Oberbrunner</td>
<td>Jamarcus8</td>
<td>Hillary.Hartmann62@gmail.com</td>
                                </tr>
                                <tr>
<td>Aubrey</td>
<td>Kris</td>
<td>Muriel54</td>
<td>Mohammad.Franecki@yahoo.com</td>
                                </tr>
                                <tr>
<td>Stan</td>
<td>Kreiger</td>
<td>Coralie.Nicolas</td>
<td>Aileen_Halvorson17@gmail.com</td>
                                </tr>
                                <tr>
<td>Constance</td>
<td>Casper</td>
<td>Curtis.Will52</td>
<td>Amos.Beer@hotmail.com</td>
                                </tr>
                                <tr>
<td>Barney</td>
<td>Stark</td>
<td>Carolyne_Borer69</td>
<td>Ignacio9@gmail.com</td>
</tr>
<tr>
    <td>Art</td>
    <td>Keebler</td>
    <td>Will.Upton75</td>
    <td>Jarrett_Abernathy59@yahoo.com</td>
</tr>
<tr>
    <td>Mavis</td>
    <td>Murray</td>
    <td>Monserrate_Funk</td>
    <td>Richard.Balistreri@gmail.com</td>
</tr>
<tr>
    <td>Ryan</td>
    <td>Gislason</td>
    <td>Wayne40</td>
    <td>Silas.White@hotmail.com</td>
</tr>
<tr>
    <td>Marc</td>
    <td>Herman</td>
    <td>Trinity_Hettinger4</td>
    <td>Maynard14@hotmail.com</td>
</tr>
<tr>
    <td>Cornelius</td>
    <td>Fisher</td>
    <td>Alejandra_Oberbrunner27</td>
    <td>Glenna_Hudson@hotmail.com</td>
</tr>
<tr>
    <td>Breanna</td>
    <td>Swift</td>
    <td>Jude54</td>
    <td>Hollie_Blick34@yahoo.com</td>
</tr>
<tr>
    <td>Gregg</td>
    <td>Veum</td>
    <td>Jonas65</td>
    <td>Wendy_Yundt@gmail.com</td>
</tr>
<tr>
    <td>Nyasia</td>
    <td>Rolfson</td>
    <td>Hector47</td>
    <td>Bernardo_Bergstrom30@gmail.com</td>
</tr>
<tr>
    <td>Gladyce</td>
    <td>Wuckert</td>
    <td>Iliana0</td>
    <td>Kimberly82@yahoo.com</td>
</tr>
<tr>
    <td>Freida</td>
    <td>O'Reilly</td>
    <td>Gloria88</td>
    <td>Garnet_Schiller36@yahoo.com</td>
</tr>
<tr>
    <td>Elfrieda</td>
    <td>Eichmann</td>
    <td>Scotty_Orn</td>
    <td>Melisa.Lubowitz@hotmail.com</td>
</tr>
<tr>
    <td>Tyrell</td>
    <td>Kovacek</td>
    <td>Emery_Conn</td>
    <td>Yazmin_Larkin@yahoo.com</td>
</tr>
<tr>
    <td>Tony</td>
    <td>Frami</td>
    <td>Tiara_Herman</td>
    <td>Ryley_Romaguera@hotmail.com</td>
</tr>
<tr>
    <td>Ena</td>
    <td>Schmeler</td>
    <td>Juliet.Beier68</td>
    <td>Kayley_Stiedemann39@gmail.com</td>
</tr>
<tr>
<td>Efrain</td>
<td>Carroll</td>
<td>Meaghan.Fahey4</td>
<td>Fidel30@yahoo.com</td>
                                </tr>
                                <tr>
<td>Orie</td>
<td>Ferry</td>
<td>Chet.Lemke</td>
<td>Aracely_Stanton@hotmail.com</td>
                                </tr>
                                <tr>
<td>Brenna</td>
<td>Bode</td>
<td>Marianna.Murazik75</td>
<td>Emmy.Franecki91@gmail.com</td>
                                </tr>
                                <tr>
<td>Summer</td>
<td>Paucek</td>
<td>Roscoe_Lemke8</td>
<td>Eulalia_Abernathy14@gmail.com</td>
                                </tr>
                                <tr>
<td>Mia</td>
<td>Boehm</td>
<td>Isac_Ortiz89</td>
<td>Marisol74@gmail.com</td>
                                </tr>
                                <tr>
<td>Nash</td>
<td>Willms</td>
<td>Alaina_Marvin</td>
<td>Wayne.Stracke@yahoo.com</td>
                                </tr>
                                <tr>
<td>Audrey</td>
<td>Smitham</td>
<td>Chelsie50</td>
<td>Hilton_Barton@gmail.com</td>
                                </tr>
                                <tr>
<td>Anne</td>
<td>Lockman</td>
<td>Olaf_Powlowski</td>
<td>Brandon.Mayert@gmail.com</td>
                                </tr>
                                <tr>
<td>Erling</td>
<td>O'Connell</td>
<td>Misael.Jerde</td>
<td>Leif_Rodriguez32@gmail.com</td>
                                </tr>
                                <tr>
<td>John</td>
<td>Moore</td>
<td>Rickie32</td>
<td>Cheyenne.Wuckert29@yahoo.com</td>
                                </tr>
                                <tr>
<td>Glennie</td>
<td>D'Amore</td>
<td>Weldon.Trantow20</td>
<td>Lessie_Witting0@hotmail.com</td>
                                </tr>
                                <tr>
<td>Jerad</td>
<td>Gerlach</td>
<td>Kenyatta.Brakus48</td>
<td>Landen.Herzog@hotmail.com</td>
                                </tr>
                                <tr>
<td>Princess</td>
<td>Rogahn</td>
<td>Amaya_Vandervort</td>
<td>Chadrick82@yahoo.com</td>
                                </tr>
                                <tr>
<td>Betsy</td>
<td>Walsh</td>
<td>Albert42</td>
<td>Josefina99@gmail.com</td>
                                </tr>
                                <tr>
<td>Clemens</td>
<td>Leffler</td>
<td>Rashawn.Kautzer63</td>
<td>Iva.Hoppe52@gmail.com</td>
                                </tr>
                                <tr>
<td>Sophia</td>
<td>Lockman</td>
<td>Citlalli55</td>
<td>Waylon_Bednar10@yahoo.com</td>
                                </tr>
                                <tr>
<td>Maximillian</td>
<td>Reichert</td>
<td>Jalen.Kris5</td>
<td>Fernando.Hartmann5@yahoo.com</td>
                                </tr>
                                <tr>
<td>Rusty</td>
<td>Mann</td>
<td>Zelda_Berge</td>
<td>Alexandro.Heidenreich@hotmail.com</td>
                                </tr>
                                <tr>
<td>Brendon</td>
<td>Nader</td>
<td>Delia.Nitzsche56</td>
<td>Ladarius8@hotmail.com</td>
                                </tr>
                                <tr>
<td>Ryann</td>
<td>Blanda</td>
<td>Cecilia.Morar</td>
<td>Zoie81@yahoo.com</td>
                                </tr>
                                <tr>
<td>Aida</td>
<td>Aufderhar</td>
<td>Friedrich75</td>
<td>Isabell69@yahoo.com</td>
                                </tr>
                            </tbody>

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


    </section>
    <!-- content end-->


@stop
@section('footer_scripts')
    <!--   page level js ----------->
    <script type="text/javascript" src="{{ asset('vendors/datatables/js/dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('vendors/datatables/js/dataTables.bootstrap5.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('vendors/datatables/js/dataTables.buttons.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('vendors/datatables/js/buttons.bootstrap5.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('vendors/datatables/js/buttons.html5.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('vendors/datatables/js/buttons.print.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('vendors/datatables/js/pdfmake.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('vendors/jszip/js/jszip.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('vendors/datatables/js/vfs_fonts.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/pages/advanced_table.js') }}"></script>
    <!-- end of page level js -->
@stop