@extends('layout/ace')

{{-- @section('breadcrumbs')
    {{ Breadcrumbs::render('Uplate po vendorima') }}
@endsection --}}

@section('title')
    Statistika po kompaniji
@endsection

@section('content')
<div class="col-12">

</div>

<div class="col-12">
    <div class="h-100 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-center py-3 px-3 border-0">
                <div class="table-responsive-md">
                    <table class="table table-bordered table-hover text-dark-blue custom-table">
                        <thead class="bgc-grey-l4">
                                <th class="sortable column-main">
                                    <span>Kurs</span>
                                </th>
                                <th class="sortable column-l">
                                    <span>Datum upisa</span>
                                </th>
                                <th class="sortable column-xs">
                                    <span>Progres</span>
                                </th>
                                <th class="sortable column-xs">
                                    <span>Uspeh</span>
                                </th>
                                <th class="column-xs">
                                    <span>Vreme</span>
                                </th>
                                <th class="column-xs">
                                    <span>Utisak</span>
                                </th>
                                <th class="column-xs">
                                  <span>Sertifikat</span>
                                </th>
                            </tr>
                        </thead>

                        <tbody>
                            <!-- tr -->
                            <tr class="bgc-h-default-l3 d-style">
                                <td><a href="#">Start za tvoj start-up! (Marketing 1)</a></td>
                                <td>13. septembar 2021.</td>
                                <td><span class='text-success'>100%</span></td>
                                <td><span class='text-success'>84%</span></td>
                                <td>12:53</td>
                                <td><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> <a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a></td>
                                <td><a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a> <a href="#" class="btn btn-sm btn-red"><i class="fa fa-trash"></i></a></td>
                            </tr>
                            <!-- tr end -->

                            <!-- tr -->
                            <tr class="bgc-h-default-l3 d-style">
                                <td><a href="#">TOP CV i motivaciono pismo</a></td>
                                <td>13. septembar 2021.</td>
                                <td><span class='text-success'>100%</span></td>
                                <td><span class='canceled'>79%</span></td>
                                <td>12:53</td>
                                <td><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> <a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a></td>
                                <td><a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a> <a href="#" class="btn btn-sm btn-red"><i class="fa fa-trash"></i></a></td>
                            </tr>
                            <!-- tr end -->

                            <!-- tr -->
                            <tr class="bgc-h-default-l3 d-style">
                                <td><a href="#">Asertivna komunikacija</a></td>
                                <td>13. septembar 2021.</td>
                                <td><span class='text-success'>100%</span></td>
                                <td><span class='canceled'>69%</span></td>
                                <td>12:53</td>
                                <td><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> <a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a></td>
                                <td><a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a> <a href="#" class="btn btn-sm btn-red"><i class="fa fa-trash"></i></a></td>
                            </tr>
                            <!-- tr end -->

                            <!-- tr -->
                            <tr class="bgc-h-default-l3 d-style">
                                <td><a href="#">EXCEL, kompletna obuka</a></td>
                                <td>13. septembar 2021.</td>
                                <td>0%</td>
                                <td>0%</td>
                                <td>12:53</td>
                                <td><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> <a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a></td>
                                <td><a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a> <a href="#" class="btn btn-sm btn-red"><i class="fa fa-trash"></i></a></td>
                            </tr>
                            <!-- tr end -->


                            <!-- tr -->
                            <tr class="bgc-h-default-l3 d-style">
                                <td><a href="#">Start za tvoj start-up! (Marketing 2)</a></td>
                                <td>13. septembar 2021.</td>
                                <td>11%</td>
                                <td><span class='text-success'>4%</span></td>
                                <td>12:53</td>
                                <td><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> <a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a></td>
                                <td><a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a> <a href="#" class="btn btn-sm btn-red"><i class="fa fa-trash"></i></a></td>
                            </tr>
                            <!-- tr end -->


                            <!-- tr -->
                            <tr class="bgc-h-default-l3 d-style">
                                <td><a href="#">Start za tvoj start-up! (Marketing 1)</a></td>
                                <td>13. septembar 2021.</td>
                                <td>0%</td>
                                <td>0%</td>
                                <td>12:53</td>
                                <td><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> <a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a></td>
                                <td><a href="#" class="btn btn-sm btn-dark-primary"><i class="fa fa-pencil-alt"></i></a> <a href="#" class="btn btn-sm btn-red"><i class="fa fa-trash"></i></a></td>
                            </tr>
                            <!-- tr end -->

                        </tbody>
                    </table>
                    <!-- table end -->
                </div>
                <!-- table-responsive end -->
            </div><!-- card-body end -->
        </div><!-- .card -->
    </div><!-- h-100 end -->
</div>
@endsection

@section('scripts')

@endsection