@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('KorisniciShow', $user) }}
@endsection


@section('content')
<div class="row">

    <div class="col-12 user-header">

        <div class="alert alert-collapse alert-success bg-white d-flex align-items-center" role="alert">
            <i class="fa fa-check mr-3"></i>
            Uspešno resetovana ratu korisniku!
            <button type="button" class="close align-self-start ml-4 text-dark-blue text-150" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>

        <h2 class="user-name">{{ $user->first_name . " " . $user->last_name }} {{-- (4&euro;) --}}</h2>
        <div class="user-info">
            <ul>
                <li><i class="fa fa-map-marker"></i> {{ $user->user_details->address }}</li>
            </ul>
        </div>
    </div>
    <!-- user-header end -->

    <div class="col-12 user-options">
        <div class="button-slider-container">
            <div class="button-slider">
                <a href="{{ route('cms.creator.edit', $user) }}" class="btn btn-sm btn-primary"><i class="fa fa-edit"></i> Izmeni</a>
                <a href="#" class="btn btn-sm btn-magenta"><i class="fa fa-sign-in-alt"></i> Uloguj se kao Svetomir</a>
                <a class="btn btn-sm btn-magenta"><i class="fa fa-envelope"></i> Pošalji poruku</a>
                <a class="btn btn-sm btn-magenta"><i class="fa fa-plus"></i> Upiši korisniku kurs</a>
            </div>
        </div>
    </div>
    <!-- user-options end -->
    <x-show-user-details :user="$user"></x-show-user-details>

    <div class="col-12 col-lg-9">
        <div class="bgc-white pt-0 radius-1 shadow-sm mx-auto">
            <div class="w-100 brc-info-tp2 radius-t-1"></div>

            <div class="card h-100 border-0">

                <div class="card-body h-100 d-flex flex-column justify-content-start py-3 px-3 border-0">
                    <!-- tabs -->
                    <div class="tabs-above">
                        <!-- nav-tabs -->
                        <ul class="nav nav-tabs nav-justified" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active radius-0" id="home-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="kursevi" aria-selected="true">
                                    Kursevi
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="profile-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="placanja" aria-selected="false">
                                    Plaćanja
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab3" role="tab" aria-controls="konsultacije" aria-selected="false">
                                    Konsultacije
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab4" role="tab" aria-controls="IP adrese logovanja" aria-selected="false">
                                    IP adrese
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab5" role="tab" aria-controls="aktivnosti" aria-selected="false">
                                    Aktivnosti
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab6" role="tab" aria-controls="izostanci" aria-selected="false">
                                    Izostanci
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab7" role="tab" aria-controls="sertifikati" aria-selected="false">
                                    Sertifikati
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab8" role="tab" aria-controls="bedzevi" aria-selected="false">
                                    Bedževi
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link radius-0" id="contact-tab" data-toggle="tab" href="#tab9" role="tab" aria-controls="napomena" aria-selected="false">
                                    Napomena
                                </a>
                            </li>
                        </ul>
                        <!-- nav-tabs end -->

                        <!-- tab-content -->
                        <div class="tab-content rounded-bottom">
                            <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="kursevi-tab">
                                <div class="table-responsive-md">
                                    <table class="table table-bordered table-hover text-dark-blue custom-table">
                                        <thead class="bgc-grey-l4">
                                            <tr>
                                                <th class="text-center">
                                                    <label class="label-checkbox">
                                                        <input type="checkbox" class="align-bottom" autocomplete="off" />
                                                    </label>
                                                </th>
                                                <th class="text-center">
                                                    <span class="d-md-none"><i class="fa fa-plus text-sm"></i></span>
                                                    <span class="d-none d-md-inline-block">Info</span>
                                                </th>
                                                <th>
                                                    <span>Kurs</span>
                                                </th>
                                                <th class="sortable">
                                                    <span>Datum upisa</span>
                                                </th>
                                                <th>
                                                    <span>Suspendovan do</span>
                                                </th>
                                                <th>
                                                    <span>Status</span>
                                                </th>
                                                <th>
                                                    <span>Utisci</span>
                                                </th>
                                                <th>
                                                    <span>Akcije</span>
                                                </th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td class='text-center pos-rel'>
                                                    <div class="position-tl h-100 ml-n1px border-l-4 brc-primary v-hover"></div>
                                                    <div class="position-tl h-100 ml-n1px border-l-4 brc-success-m1 v-active"></div>

                                                    <label>
                                                        <input type="checkbox" class="align-middle" autocomplete="off" />
                                                    </label>
                                                </td>
                                                <td class='text-center'>
                                                    <div class="action-buttons">
                                                        <a href="#" data-toggle="collapse" data-target="#table-detail-0" class="text-110 px-2" title="Show Details"><i class="fa fa-angle-down"></i> <span class="sr-only">Details</span></a>
                                                    </div>
                                                </td>
                                                <td><a href="#">Start za tvoj start-up! (Marketing 1)</a></td>
                                                <td>13. septembar 2021.</td>
                                                <td>Nije suspendovan</td>
                                                <td><span class='text-success'>Završen</span></td>
                                                <td class='text-center'><button type="button" class="btn btn-sm btn-success btn-tooltip tooltip-success" data-toggle="tooltip" title="" data-original-title="Dodaj utisak"><i class="fa fa-plus"></i></button></td>
                                                <td class='text-center'><a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a></td>
                                            </tr>
                                            <!-- tr end -->
                                            <!-- detail-row -->
                                            <tr class="border-0 detail-row bgc-white">
                                                <td colspan="12" class="p-0 border-none">
                                                    <div class="table-detail collapse" id="table-detail-0">
                                                        <div class="row">
                                                            <div class="col-12 p-4">
                                                                <div class="alert bgc-grey-l4 border-none border-l-4 brc-primary-m1 radius-0 mb-0">
                                                                    <h4 class="text-primary-m2">Detaljnije</h4>
                                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis.
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <!-- detail-row end -->
                                        </tbody>
                                    </table>
                                    <!-- table end -->
                                </div>
                                <!-- table-responsive end -->

                                <!-- table-pagination -->
                                <div class="table-pagination">
                                    <nav aria-label="Table pagination">
                                        <ul class="pagination">
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-left"></i></a></li>
                                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                                            <li class="page-item active"><a class="page-link" href="#">2</a></li>
                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                                            <li class="page-item disabled"><a class="page-link" href="#">...</a></li>
                                            <li class="page-item"><a class="page-link" href="#">16</a></li>
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-right"></i></a></li>
                                        </ul>
                                    </nav>
                                </div>
                                <!-- table-pagination end  -->

                            </div>
                            <!-- tab-pane end -->

                            <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="placanja-tab">
                                <div class="table-responsive-md">
                                    <table class="table table-bordered table-hover text-dark-blue custom-table">
                                        <thead class="bgc-grey-l4">
                                            <tr>
                                                <th>
                                                    <span>Kurs</span>
                                                </th>
                                                <th>
                                                    <span>Metoda</span>
                                                </th>
                                                <th>
                                                    <span>Grupa</span>
                                                </th>
                                                <th>
                                                    <span>Datum uplate</span>
                                                </th>
                                                <th>
                                                    <span>Iznos</span>
                                                </th>
                                                <th>
                                                    <span>Uplaćeno</span>
                                                </th>
                                                <th>
                                                    <span>Resetovanje</span>
                                                </th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td><a href="#">Bootstrap 4</a></td>
                                                <td>Online</td>
                                                <td></td>
                                                <td>23. novembar 2018.</td>
                                                <td>2</td>
                                                <td>2</td>
                                                <td>
                                                    <button class="btn btn-sm btn-magenta">Resetuj ratu</button>
                                                </td>
                                            </tr>
                                            <!-- tr end -->
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td><a href="#">CSS Flexbox</a></td>
                                                <td>Online</td>
                                                <td></td>
                                                <td>23. novembar 2018.</td>
                                                <td>2</td>
                                                <td>2</td>
                                                <td>
                                                    <button class="btn btn-sm btn-magenta">Resetuj ratu</button>
                                                </td>
                                            </tr>
                                            <!-- tr end -->
                                        </tbody>
                                    </table>
                                    <!-- table end -->
                                </div>
                                <!-- table-responsive end -->

                                <!-- table-pagination -->
                                <div class="table-pagination">
                                    <nav aria-label="Table pagination">
                                        <ul class="pagination">
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-left"></i></a></li>
                                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                                            <li class="page-item active"><a class="page-link" href="#">2</a></li>
                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                                            <li class="page-item disabled"><a class="page-link" href="#">...</a></li>
                                            <li class="page-item"><a class="page-link" href="#">16</a></li>
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-right"></i></a></li>
                                        </ul>
                                    </nav>
                                </div>
                                <!-- table-pagination end  -->

                            </div>
                            <!-- tab-pane end -->

                            <div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="konsultacije-tab">
                                <div class="table-responsive-md">
                                    <table class="table table-bordered table-hover text-dark-blue custom-table">
                                        <thead class="bgc-grey-l4">
                                            <tr>
                                                <th>
                                                    <span>Kurs</span>
                                                </th>
                                                <th>
                                                    <span>Preostalo tiketa</span>
                                                </th>
                                                <th>
                                                    <span>Važi do</span>
                                                </th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td>Start za tvoj start-up!</td>
                                                <td>0</td>
                                                <td></td>
                                            </tr>
                                            <!-- tr end -->
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td>WordPress: Rad sa gotovom temom</td>
                                                <td>1</td>
                                                <td>01. septembar 2018.</td>
                                            </tr>
                                            <!-- tr end -->
                                        </tbody>
                                    </table>
                                    <!-- table end -->
                                </div>
                                <!-- table-responsive end -->

                                <!-- table-pagination -->
                                <div class="table-pagination">
                                    <nav aria-label="Table pagination">
                                        <ul class="pagination">
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-left"></i></a></li>
                                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                                            <li class="page-item active"><a class="page-link" href="#">2</a></li>
                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                                            <li class="page-item disabled"><a class="page-link" href="#">...</a></li>
                                            <li class="page-item"><a class="page-link" href="#">16</a></li>
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-right"></i></a></li>
                                        </ul>
                                    </nav>
                                </div>
                                <!-- table-pagination end  -->

                            </div>
                            <!-- tab-pane end -->

                            <div class="tab-pane fade" id="tab4" role="tabpanel" aria-labelledby="IP-adrese-tab">
                                <div class="table-responsive-md">
                                    <table class="table table-bordered table-hover text-dark-blue custom-table">
                                        <thead class="bgc-grey-l4">
                                            <tr>
                                                <th>
                                                    <span>IP adrese</span>
                                                </th>
                                                <th>
                                                    <span>Vreme logovanja</span>
                                                </th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td><strong><a href="#" target="_blank">109.245.35.97</a></strong></td>
                                                <td>pre 6 sati</td>
                                            </tr>
                                            <!-- tr end -->
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td><strong><a href="#" target="_blank">109.245.34.4</a></strong></td>
                                                <td>pre 2 dana</td>
                                            </tr>
                                            <!-- tr end -->
                                        </tbody>
                                    </table>
                                    <!-- table end -->
                                </div>
                                <!-- table-responsive end -->

                                <!-- table-pagination -->
                                <div class="table-pagination">
                                    <nav aria-label="Table pagination">
                                        <ul class="pagination">
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-left"></i></a></li>
                                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                                            <li class="page-item active"><a class="page-link" href="#">2</a></li>
                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                                            <li class="page-item disabled"><a class="page-link" href="#">...</a></li>
                                            <li class="page-item"><a class="page-link" href="#">16</a></li>
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-right"></i></a></li>
                                        </ul>
                                    </nav>
                                </div>
                                <!-- table-pagination end  -->

                            </div>
                            <!-- tab-pane end -->

                            <div class="tab-pane fade" id="tab5" role="tabpanel" aria-labelledby="aktivnosti-tab">
                                <div class="tab-pane-content">
                                    <h3 class="title">Poslednji gledan kurs:</h3>
                                    <p><a href="#">Komunikacija sa teškim sagovornikom</a> online <i>27.septembar 2021. u 12:41</i></p>
                                </div>
                            </div>
                            <!-- tab-pane end -->

                            <div class="tab-pane fade" id="tab6" role="tabpanel" aria-labelledby="izostanci-tab">
                                <div class="tab-pane-content">
                                    <p>Korisnik nije ni u jednoj grupi </p>
                                </div>
                            </div>
                            <!-- tab-pane end -->

                            <div class="tab-pane fade" id="tab7" role="tabpanel" aria-labelledby="sertifikati-tab">
                                <div class="table-responsive-md">
                                    <table class="table table-bordered table-hover text-dark-blue custom-table">
                                        <thead class="bgc-grey-l4">
                                            <tr>
                                                <th>
                                                    <span>Kurs</span>
                                                </th>
                                                <th>
                                                    <span>Preuzmi</span>
                                                </th>
                                                <th>
                                                    <span>Akcije</span>
                                                </th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td>Word, osnovni nivo</td>
                                                <td><a href="#" class="btn btn-sm btn-success">Preuzmi sertifikat</a></td>
                                                <td><a href="#" class="btn btn-sm btn-magenta">Obriši sertifikat</a></td>
                                            </tr>
                                            <!-- tr end -->
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td>Sajt za jedan dan</td>
                                                <td><a href="#" class="btn btn-sm btn-success">Preuzmi sertifikat</a></td>
                                                <td><a href="#" class="btn btn-sm btn-magenta">Obriši sertifikat</a></td>
                                            </tr>
                                            <!-- tr end -->
                                        </tbody>
                                    </table>
                                    <!-- table end -->
                                </div>
                                <!-- table-responsive end -->

                                <!-- table-pagination -->
                                <div class="table-pagination">
                                    <nav aria-label="Table pagination">
                                        <ul class="pagination">
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-left"></i></a></li>
                                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                                            <li class="page-item active"><a class="page-link" href="#">2</a></li>
                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                                            <li class="page-item disabled"><a class="page-link" href="#">...</a></li>
                                            <li class="page-item"><a class="page-link" href="#">16</a></li>
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-right"></i></a></li>
                                        </ul>
                                    </nav>
                                </div>
                                <!-- table-pagination end  -->

                            </div>
                            <!-- tab-pane end -->

                            <div class="tab-pane fade" id="tab8" role="tabpanel" aria-labelledby="bedzevi-tab">
                                <div class="table-responsive-md">
                                    <table class="table table-bordered table-hover text-dark-blue custom-table">
                                        <thead class="bgc-grey-l4">
                                            <tr>
                                                <th>
                                                    <span>Nivo</span>
                                                </th>
                                                <th>
                                                    <span>Bedž</span>
                                                </th>
                                                <th>
                                                    <span>Akcije</span>
                                                </th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td>I</td>
                                                <td>
                                                    <div class="success">
                                                        <i class="fa fa-check"></i>Postavio sliku
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="option-buttons">
                                                        <button href="#" class="btn btn-sm btn-success">Dodaj bedž</button>
                                                        <a href="#" class="btn btn-sm btn-magenta">Obriši bedž</a>
                                                    </div>
                                                </td>
                                            </tr>
                                            <!-- tr end -->
                                            <!-- tr -->
                                            <tr class="bgc-h-default-l3 d-style">
                                                <td>II</td>
                                                <td>Popunio profil</td>
                                                <td>
                                                    <div class="option-buttons">
                                                        <button href="#" class="btn btn-sm btn-success">Dodaj bedž</button>
                                                        <a href="#" class="btn btn-sm btn-magenta">Obriši bedž</a>
                                                    </div>
                                                </td>
                                            </tr>
                                            <!-- tr end -->
                                        </tbody>
                                    </table>
                                    <!-- table end -->
                                </div>
                                <!-- table-responsive end -->

                                <!-- table-pagination -->
                                <div class="table-pagination">
                                    <nav aria-label="Table pagination">
                                        <ul class="pagination">
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-left"></i></a></li>
                                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                                            <li class="page-item active"><a class="page-link" href="#">2</a></li>
                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                                            <li class="page-item disabled"><a class="page-link" href="#">...</a></li>
                                            <li class="page-item"><a class="page-link" href="#">16</a></li>
                                            <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-right"></i></a></li>
                                        </ul>
                                    </nav>
                                </div>
                                <!-- table-pagination end  -->

                            </div>
                            <!-- tab-pane end -->

                            <div class="tab-pane fade" id="tab9" role="tabpanel" aria-labelledby="napomene-tab">
                                <div class="tab-pane-content">
                                    <h3 class="title">Napiši nešto o korisniku</h3>
                                    <form>
                                        <textarea class="form-control" rows="6"></textarea>
                                        <button class="btn btn-sm btn-primary">Sačuvaj</button>
                                    </form>

                                    <div class="table-responsive-md">
                                        <table class="table table-bordered table-hover text-dark-blue custom-table">
                                            <thead class="bgc-grey-l4">
                                                <tr>
                                                    <th class="text-center">
                                                        <span>#</span>
                                                    </th>
                                                    <th>
                                                        <span>Upisao</span>
                                                    </th>
                                                    <th>
                                                        <span>Opis</span>
                                                    </th>
                                                    <th>
                                                        <span>Datum</span>
                                                    </th>
                                                    <th>
                                                        <span>Završeno</span>
                                                    </th>
                                                    <th>
                                                        <span>Akcije</span>
                                                    </th>
                                                </tr>
                                            </thead>

                                            <tbody>
                                                <!-- tr -->
                                                <tr class="bgc-h-default-l3 d-style">
                                                    <td class="text-center">1</td>
                                                    <td>Svetomir Jovanović</td>
                                                    <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
                                                    <td>28. septembar 2021.</td>
                                                    <td><input type="checkbox" class="ace-switch input-sm bgc-success"></td>
                                                    <td>
                                                        <div class="option-buttons">
                                                            <button href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></button>
                                                            <a href="#" class="btn btn-sm btn-magenta"><i class="fa fa-trash"></i></a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <!-- tr end -->
                                                <!-- tr -->
                                                <tr class="bgc-h-default-l3 d-style">
                                                    <td class="text-center">2</td>
                                                    <td>Svetomir Jovanović</td>
                                                    <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit</td>
                                                    <td>28. septembar 2021.</td>
                                                    <td><input type="checkbox" class="ace-switch input-sm bgc-success"></td>
                                                    <td>
                                                        <div class="option-buttons">
                                                            <button href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></button>
                                                            <a href="#" class="btn btn-sm btn-magenta"><i class="fa fa-trash"></i></a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <!-- tr end -->
                                            </tbody>
                                        </table>
                                        <!-- table end -->
                                    </div>
                                    <!-- table-responsive end -->

                                    <!-- table-pagination -->
                                    <div class="table-pagination">
                                        <nav aria-label="Table pagination">
                                            <ul class="pagination">
                                                <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-left"></i></a></li>
                                                <li class="page-item"><a class="page-link" href="#">1</a></li>
                                                <li class="page-item active"><a class="page-link" href="#">2</a></li>
                                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                <li class="page-item disabled"><a class="page-link" href="#">...</a></li>
                                                <li class="page-item"><a class="page-link" href="#">16</a></li>
                                                <li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-right"></i></a></li>
                                            </ul>
                                        </nav>
                                    </div>
                                    <!-- table-pagination end  -->

                                </div>
                                <!-- tab-pane-content end -->
                            </div>
                            <!-- tab-pane end -->

                        </div>
                        <!-- tab-content end -->
                    </div>
                    <!-- tabs-above end -->

                </div><!-- card-body end -->
            </div><!-- .card -->
        </div><!-- h-100 end -->
    </div><!-- /.col -->

</div><!-- .row -->
@endsection

@section('scripts')
    @parent
@endsection