@extends('theme.master')
@section('title', "Course Completion Certificate")
@section('content')
@include('admin.message')

<section id="cirtificate" class="course-cirtificate">
    <div class="container-xl">
        <div class="row">
            <div class="col-lg-9 col-md-9">
                <div id="printableArea" class="certificate-responsive">
                    @if(Module::has('Certificate') && Module::find('Certificate')->isEnabled())
                        @include('certificate::front.certificate_view')
                    @else
                    <div class="cirtificate-border-one text-center">
                        <div class="cirtificate-border-two">
                        <div class="cirtificate-heading" style=""> {{ __('Certificate of Completion') }}</div>
                            @php
                                $mytime = Carbon\Carbon::now();
                            @endphp
                        <p class="cirtificate-detail" style="font-size:30px"> {{ __('This is to certify that') }}
                                <b>&nbsp;{{ $progress->user['fname'] }}&nbsp;{{ $progress->user['lname'] }}</b>  
                                {{ __('successfully completed') }} 
                                <b>{{ $course['title'] }}</b> 
                                {{ __('online course on') }} <br>
                                <span style="font-size:25px">{{ date('jS F Y', strtotime($progress['updated_at'])) }}</span>
                            </p>

                        <span class="cirtificate-instructor">{{ ($course->user['fname']) }} {{ ($course->user['lname']) }}</span>
                        <br>
                        <span class="cirtificate-one">{{ ($course->user['fname']) }} {{ ($course->user['lname']) }}, {{ __('Instructor') }}</span>
                        <br>
                        <span>&</span>
                            <div class="cirtificate-logo">
                            @if($gsetting['logo_type'] == 'L')
                                <img src="{{ asset('images/logo/'.$gsetting['logo']) }}" class="img-fluid" alt="{{ __('logo')}}">
                            @else
                                <a href="{{ url('/') }}"><b><div class="logotext">{{ $gsetting['project_title'] }}</div></b></a>
                            @endif
                            </div>
                            

                            <div class="cirtificate-serial">{{ __('Certificate no.')}} :{{ $serial_no }}</div>
                            <div class="cirtificate-serial">{{ __('Certificate url.')}} :{{ url()->full() }}</div>
                        
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            <div class="col-lg-3 col-md-3">
                <h4>{{ __('Certificate Recipient') }}:</h4>
                <div class="recipient-block">
                    <div class="row">
                        <div class="col-md-4 col-4">
            
                            @if($progress->user->user_img != null || $progress->user->user_img !='')
                                <img src="{{ asset('images/user_img/'.$progress->user->user_img) }}" alt="{{ __('user')}}" class="img-fluid img-circle">
                            @else
                                <img src="{{ asset('images/default/user.jpg')}}" alt="{{ __('user')}}" class="img-fluid img-circle">
                            @endif
                        </div>
                        <div class="col-md-8 col-8">
                            {{ $progress->user->fname }}
                        </div>
                    </div>
                </div>

                <h4>{{ __('About the Course') }}:</h4>
                <div class="view-block btm-20">
                    <div class="view-img">
                        @if($course['preview_image'] !== NULL && $course['preview_image'] !== '')
                            <a href="{{ route('user.course.show',['id' => $course->id, 'slug' => $course->slug ]) }}"><img src="{{ asset('images/course/'.$course['preview_image']) }}" alt="{{ __('course')}}" class="img-fluid"></a>
                        @else
                            <a href="{{ route('user.course.show',['id' => $course->id, 'slug' => $course->slug ]) }}"><img src="{{ Avatar::create($course->title)->toBase64() }}" alt="{{ __('course')}}" class="img-fluid"></a>
                        @endif
                    </div>
                    <div class="view-dtl">
                        <div class="view-heading"><a href="{{ route('user.course.show',['id' => $course->id, 'slug' => $course->slug ]) }}">{{ str_limit($course->title, $limit = 30, $end = '...') }}</a></div>
                        <div class="user-name">
                            <h6>{{ __('By')}} <span>{{ optional($course->user)['fname'] }}</span></h6>
                        </div>
                        <div class="rating">
                            <ul>
                                <li>