@extends('layout.front')
@section('title', 'Krojač Biznis | Korisnici')

@section('content')
<div class="page-wrapper">

    <!-- Header Account -->

    <!-- section main-container -->
    <section class="main-container">

        <div class="container">
            <div class="row">

                <!-- main-content -->
                <div class="main-content col-12">

                    <nav class="breadcrumb-holder" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            {{-- <li class="breadcrumb-item"><a href="{{ route('lms.profile') }}">Moj nalog</a></li> --}}
                            <li class="breadcrumb-item active" aria-current="page">Sertifikati</li>
                        </ol>
                    </nav>
                    <!-- breadcrumb end -->

                    <div class="main-title-hr-holder">
                        <div class="main-title-hr">
                            {{-- <h1>Sertifikati ({{ $enrollments->count() }})</h1> --}}
                        </div>
                        <!-- main-title-hr end -->
                        <p class="text-light">Preuzimanje sertifikata i praćenje progresa</p>
                    </div>
                    <!-- main-title-hr-holder end -->
                    <!-- row table desktop only -->
                    <table class="table">
                        <thead class=" table-header">
                            <tr>
                                <td>id</td>
                                <td>lms_user_id</td>
                                <td>enrollment_id</td>
                                <td>putanja</td>
                                <td>creating</td>
                                <td>akcije</td>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($sertifikati as $sertifikat)
                                <tr>
                                    <td>{{ $sertifikat->id }}</td>
                                    <td>{{ $sertifikat->lms_user_id }}</td>
                                    <td>{{ $sertifikat->enrollment_id }}</td>
                                    <td>{{ $sertifikat->path }}</td>
                                    <td>{{ $sertifikat->creating }}</td>
                                    <td>
                                        <div class="icon-holder">
                                            <form action="{{ route('lms.moji-sertifikati.destroy', ['user_certificate' => $sertifikat->id]) }}" method="POST" id="obrisiSertifikatForma{{ $loop->iteration }}">
                                                @csrf
                                                @method('delete')
                                            </form>
                                            <button
                                                class="btn btn-action btn-replace-certificate btn-sm"
                                                style="width:50px;"
                                                type="submit"
                                                form="obrisiSertifikatForma{{ $loop->iteration }}"
                                            >
                                                <!-- trash-can-hand-drawn-symbol -->
                                                <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 321.06 470.71">
                                                <path d="M96,133.46a34.94,34.94,0,0,0,12.62,5.29c-5.32,99-15.8,202.44,20.42,297a15,15,0,0,0,8.6,8.85,13.46,13.46,0,0,0,5.64,4.48c64.73,28.75,133.52,27.49,199.89,4.46,8.67-3,11.31-11.24,9.73-18.26,12.6-95.93,24.56-194.69,14.67-291.43,7.83-1.73,15.15-5,20.59-11.07,10.74-12,8.68-27.35,3.39-41.07a11.4,11.4,0,0,0-5.87-10,14.26,14.26,0,0,0-5.6-2.59c-29.73-12.7-61.37-19.34-93.73-22.43a15.61,15.61,0,0,0-1.08-9.31C275.17,24.08,255-3.4,226.1.34c-27.86,3.6-41.37,30.79-47,55.73-18.61,1-37,2.21-55,3.24-.12,0-.24,0-.36.06a10.62,10.62,0,0,0-2.61-.06c-19.29,2.27-35.53,11.49-44,29.61a18.63,18.63,0,0,0-1.74,7.44,13.73,13.73,0,0,0,.24,8.44C79.53,116.68,85.66,126.31,96,133.46Zm228.1,295.09c-54.89,16.9-112.16,18.71-165.84-5.13a17.37,17.37,0,0,0-2.42-.8c-33-90.75-22.63-189.45-17.51-284.18,65.53-4.64,131.55-5.66,196.81,2.57a13.46,13.46,0,0,0,2.65,2.14C347.57,237.83,336.4,334.53,324.11,428.55ZM228.66,29.69C241.6,28,250.67,43,256.25,54.8c-15.45-.54-31-.45-46.45,0C212.95,43.42,218.45,31,228.66,29.69Zm-117.82,63c-1.83,1.58,4.92-2.51,2.78-1.62a38.79,38.79,0,0,1,4.64-1.48c-.36.1,4.9-.88,2.83-.64.18,0,.36-.07.54-.1a15.29,15.29,0,0,0,2.43.1c77.35-4.48,167.34-15.38,240.8,15.66.23.69.53,1.36.75,2.06.3,1,.54,2.05.75,3.09,0,.23,0,.47.06.83,0,.54,0,1.08,0,1.61,0,0,0,.15-.05.2-.31-.05-2.47,1.5-1.59,1.33a38.87,38.87,0,0,1-5,1.41,22.76,22.76,0,0,1-3.08.41,13.06,13.06,0,0,0-6-2.34c-75.29-10.34-150.9-9.42-226.53-3.5a16.51,16.51,0,0,0-3.76.78c-7.37-.1-12.07-3.68-15.16-11.26A24.82,24.82,0,0,1,110.85,92.73Z" transform="translate(-74.83 0)"/>
                                                <path d="M186.39,186.93c-.18-19.13-29.85-19.14-29.68,0,.44,47.81,5.95,95.08,11.87,142.45,2.34,18.73,32,19,29.68,0C192.33,282,186.82,234.74,186.39,186.93Z" transform="translate(-74.83 0)"/>
                                                <path d="M248.71,184c-1-19-30.71-19.14-29.68,0,2.83,52.48,4.72,105,10.39,157.29,2,18.82,31.74,19,29.68,0C253.43,289,251.54,236.45,248.71,184Z" transform="translate(-74.83 0)"/>
                                                <path d="M284.86,186.43c8,58.71,4.17,118.06,3.92,177.09-.08,19.14,29.6,19.13,29.68,0,.26-61.9,3.39-123.45-5-185C310.9,159.65,282.31,167.72,284.86,186.43Z" transform="translate(-74.83 0)"/>
                                                </svg>
                                                <span>Obrisi</span>
                                            </button>
                                            <!-- hover-notification end -->
                                        </div>
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                    <!-- row table desktop only end -->

                    <!-- row mobile only -->
                    <!-- row mobile only end -->

                </div>
                <!-- main-content end -->

            </div>
            <!-- row end -->
        </div>
        <!-- container end -->

    </section>

    @include('front-inc._footer')

</div>
@endsection