@extends('app')
 
@section('title', ucwords(__('profile')))

@section('head')
<style> 
    td{
        font-size:  20px;
    }
    .courses-select{
        font-size:18px;
        padding:7px 10px;
        font-family: 'Lato', sans-serif !important;
    }
    .courses-select > div{
        border:solid 1px #b8b8b81c;
        padding:20px;
        border-radius:5px;
        background-color: rgba(255,255,255,.1);
    }
    .courses-select > div h3{
        font-size:18px;
        font-weight:bold;
        margin:0;
    }
    .courses-select > div .cert-exp{
        color:#fff;
        margin-bottom:15px;
        font-size:13px;
    }
    .courses-select > div .tag_line{
        font-size:15px;
        color:#fff;
        margin-top:10px;
        margin-bottom:20px;
    }
    .courses-select > div .current-chap{
        color:#fff;
        margin-bottom:20px;
        display:block;
    }
    .courses-select > div .current-chap span{
        font-weight:bold;
        margin-left:10px;
    }
</style>
@endsection

@section('content')
<div class="container-fluid no-padding account-banner">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1>{!!strtoupper(__('my <b>account</b>'))!!}</h1>
            </div>
        </div>
    </div>
</div>



<div class="container-fluid" style="background:#03243e;">
    <div class="container account-tabs">
        @include("includes/front_alerts")
        <div class="row">
            <div class="col-md-12">
                <div class="panel with-nav-tabs panel-default">
                    <div class="panel-heading">
                        <ul class="nav nav-tabs">
                            @if(true || $profile->purchases->count() > 0)
                                <li><a href="#tab3default" data-toggle="tab">{{ucwords(__('my courses'))}}</a></li>
                                <li><a href="#tab4default" data-toggle="tab">{{ucwords(__('certificates'))}}</a></li>
                            @else
                                @php
                                $courses = $courses->first();
                                @endphp
                                @if($courses->timer == 1)
                                <li><a href="#tab3default" data-toggle="tab">Course Status</a></li>
                                @endif
                                <li><a href="#tab4default" data-toggle="tab">{{__('certificate')}}</a></li>
                                @if(empty($chapter_id))
                                <li style="background-color: #e32337 !important;"  ><a onMouseOut="this.style.color='#FFF'" onMouseOver="this.style.color='rgb(216, 216, 216)'" href="{{url('course/introduction')}}">Start The TABC Course Now</a></li>
                                @elseif($chapter_id == 'exam')
                                <li style="background-color: #e32337 !important;"  ><a onMouseOut="this.style.color='#FFF'" onMouseOver="this.style.color='rgb(216, 216, 216)'" href="{{url('exam')}}">Continue The TABC Course Now</a></li>
                                @elseif($chapter_id == 'cleared')
                                @else
                                <li style="background-color: #e32337 !important;"  ><a onMouseOut="this.style.color='#FFF'" onMouseOver="this.style.color='rgb(216, 216, 216)'" href="{{url('chapter')}}/{{$chapter_id}}">Continue The TABC Course Now</a></li>
                                @endif
                            @endif
                            <li><a href="#tab1default" data-toggle="tab">{{ucwords(__('overview'))}}</a></li>
                            <li class="dropdown">
                                <a href="#" data-toggle="dropdown">{{ucwords(__('my profile'))}}<i class="fa fa-sort-asc" aria-hidden="true"></i></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="{{ url('profile/edit-profile') }}">{{ucwords(__('edit my profile'))}}</a></li>
                                    <li><a href="{{ url('profile/change-password') }}">{{ucwords(__('change password'))}}</a></li>
                                    <li><a href="{{ url('/logout') }}">{{ucwords(__('log out'))}}</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="panel-body">
                        <div class="tab-content">
                            <div class="tab-pane fade in" id="tab1default">
                                <div>
                                    <div class="row">
                                        <div class="col-md-10 col-md-offset-1">
                                            <h3>{{strtoupper(__('personal information'))}}</h3>
                                            <div class="row p-info-row">
                                                <div class="col-md-6 p-info-col">
                                                   {{ucfirst(__('name'))}}
                                                </div>
                                                <div class="col-md-6 p-info-col">
                                                    {{ $profile->first_name.' '.$profile->middle_name.' '.$profile->last_name }}
                                                </div>
                                            </div>
                                            <div class="row p-info-row">
                                                <div class="col-md-6 p-info-col">
                                                    {{ucfirst(__('email'))}}
                                                </div>
                                                <div class="col-md-6 p-info-col">
                                                    {{ $profile->email }}
                                                </div>
                                            </div>
                                            <div class="row p-info-row">
                                                <div class="col-md-6 p-info-col">
                                                     {{ucwords(__('date of birth'))}}
                                                </div>
                                                <div class="col-md-6 p-info-col">
                                                    {{ $profile->dob }}
                                                </div>
                                            </div>
                                            <div class="row p-info-row">
                                                <div class="col-md-6 p-info-col">
                                                   {{ucfirst(__('phone'))}}
                                                </div>
                                                <div class="col-md-6 p-info-col">
                                                    {{ $profile->contact }}
                                                </div>
                                            </div>
                                            @if($profile->purchases->where('course_id',\App\Courses::TABCFAST)->first())
                                            <div class="row p-info-row">
                                                <div class="col-md-6 p-info-col">
                                                    {{ucwords(__('social security number'))}}
                                                </div>
                                                <div class="col-md-6 p-info-col">
                                                    {{ $profile->ssn }}
                                                </div>
                                            </div>
                                            @endif
                                            <div class="row p-info-row">
                                                <div class="col-md-6 p-info-col">
                                                     {{ucwords(__('address'))}}s
                                                </div>
                                                <div class="col-md-6 p-info-col">
                                                    {{ $profile->address }}
                                                </div>
                                            </div>
                                            <div class="row p-info-row">
                                                <div class="col-md-6 p-info-col">
                                                     {{ucwords(__('employer'))}} 
                                                </div>
                                                <div class="col-md-6 p-info-col">
                                                    {{ $profile->eof }}
                                                </div>
                                            </div>
                                            <div class="row p-info-row">
                                                <div class="col-md-6 p-info-col">
                                                     {{ucwords(__('your title'))}} 
                                                </div>
                                                <div class="col-md-6 p-info-col">
                                                    {{ $profile->title }}
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12" style="text-align:center;">
                                                    <button type="button" class="btn blog-btn"  onClick="window.location.href = '{{ url('profile/edit-profile') }}'">Edit Profile</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tab2default">Default 2</div>
                            <div class="tab-pane fade active" id="tab3default">
                                @if(true || $profile->purchases->count() > 0)
                                
                                <div class="row">
                                    @foreach( $courses->sortBy('course_id') as $purchase )
                                    @php
                                        $course = $purchase;
                                        $active = null;
                                        if($purchase instanceof \App\Purchases){
                                            $course = $purchase->course;
                                            //check if there is a current certificate for the user
                                            $active = $profile->purchases()->whereHas('course',function($q)use($course){
                                                $q->where('course_id',$course->id);
                                            })->where(function($q){
                                                $q->whereNotNull('user_purchases.certificate_id')->where('expiry_date','>',date('Y-m-d'));
                                            })->where('user_purchases.id','!=',$purchase->id)
                                            ->leftJoin('assigned_certificates as ac','user_purchases.certificate_id','=','ac.assigned_id')
                                            ->orderBy('user_purchases.id','desc')
                                            ->first();
                                        }
                                        
                                    @endphp
                                    @if($course->timer == 1)
                                    <div class="row">
                                        <div class="col-md-10 col-md-offset-1">
                                            <table border="1" align="center" bordercolor="#FFFFFF";>
                                                <th>{{strtoupper(__('chapters'))}}</th>
                                                <th>{{strtoupper(__('progress'))}}</th>
                                                                                                @foreach ($course->chapters as $chapter) 
                                                <tr>
                                                    <td>Chapter {{ $i++ }} – {{ $chapter->getAttributes()['name'] }}</td>
                                                    <td>
                                                        @foreach ($courses_progress as $progress) 
                                                        @if($progress->chapter_id == $chapter->getAttributes()['chapter_id'])
                                                        {{ $progress->progress }} %
                                                        <!--                                                    {{ $progress->progress }} : 00 min out of  {{ $chapter->duration }} : 00 min           -->
                                                        @endif
                                                        @endforeach
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </table>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12" style="text-align:center;">
                                                <!--<button type="button" class="btn blog-btn">Continue Course</button>-->
                                            </div>
                                        </div>
                                    </div>
                                    @else
                                        @php
                                            $course_token = null;

                                            $all_chapters = $course->chapters->pluck('chapter_id')->toArray();
                                            $chapter_id = null;
                                            if($purchase instanceof \App\Purchases){
                                                $chapter_id = $courses_progress->whereIn('chapter_id',$all_chapters)->where('user_purchase_id',$purchase->id)->where('progress',100)->max('chapter_id');
                                                $course_token = $purchase->course_token;
                                            }else{
                                                $chapter_id = $courses_progress->whereIn('chapter_id',$all_chapters)->where('progress',100)->max('chapter_id');
                                            }
                                            $max_chapter = $course->chapters->max('chapter_id');
                                            $nex_chapter = null;
                                            
                                            if($chapter_id < $max_chapter){
                                                $pos = array_search($chapter_id,$all_chapters);
                                                if($pos!==false){
                                                    $pos++;
                                                    $nex_chapter =$all_chapters[$pos]; 
                                                }
                                            }
                                        @endphp
                                        {{--If they have no chapters then they show the introduction--}}
                                        <div class="col-md-3 col-sm-4 courses-select">
                                            <div>
                                                <h3>{{ str_replace(['tabc'],['TABC'],preg_replace('/course/i','',$course->title)) }} Course</h3>
                                                <div class="tag_line">
                                                    <i>{!!$course->tag_line!!}</i>
                                                </div>
                                                <!--show the active cert -->
                        
                                                @if(false && $active)
                                                <div class="cert-exp">{{ucfirst(__('you have an active certificate that expires on'))}} {{ date('F d, Y',strtotime($active->expiry_date)) }}</div>
                                                @endif
                                                @if(empty($chapter_id))
                                                    <a class="btn btn-primary" onMouseOut="this.style.color='#FFF'" onMouseOver="this.style.color='rgb(216, 216, 216)'" href="{{url('course'.($course_token?'/'.$course_token:'').'/introduction')}}">{{ucwords(__('begin course'))}}</a>
                                                {{--If they have finished all the chapters the show the exam--}}
                                                @elseif($chapter_id == $max_chapter)
                                                    <a class="btn btn-primary" onMouseOut="this.style.color='#FFF'" onMouseOver="this.style.color='rgb(216, 216, 216)'" href="{{url(($course_token?$course_token:'').'/exam')}}">{{ucwords(__('take exam'))}}</a>
                                                @elseif($chapter_id == 'cleared')
                                                @else
                                                    <small class="current-chap">Current Chapter: <span>{{ $course->chapters->where('chapter_id',$nex_chapter)->first()['name'] }}</span></small>
                                                    <a class="btn btn-primary" onMouseOut="this.style.color='#FFF'" onMouseOver="this.style.color='rgb(216, 216, 216)'" href="{{url(($course_token?$course_token.'/':'').'chapter')}}/{{$nex_chapter}}">{{ucwords(__('continue cours'))}}e</a>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                    @endforeach
                                    
                                    {{--Show any course that the user doesnt have.--}}
                                    @if(!empty($available_courses))
                                    @foreach($available_courses->sortBy('course_id') as $course)
                                    @php
                                        //check if there are any certs that have not expired yet for the
                                        $active = $profile->purchases()->whereHas('course',function($q)use($course){
                                            $q->where('course_id',$course->id);
                                        })->where(function($q){
                                            $q->whereNotNull('user_purchases.certificate_id')->where('expiry_date','>',date('Y-m-d'));
                                        })->leftJoin('assigned_certificates as ac','user_purchases.certificate_id','=','ac.assigned_id')
                                        ->orderBy('user_purchases.id','desc')
                                        ->first();
                                    @endphp
                                    <div class="col-md-3 col-sm-4 courses-select">
                                        <div>
                                             <h3>{{ preg_replace('/course/i','',$course->title) }} Course</h3>
                                            <div class="tag_line">
                                                <i>{!! $course->tag_line !!}</i>
                                            </div>
                                            @if($active)
                                                <div class="cert-exp">{{ucfirst(__('you have an active certificate that expires on'))}} {{ date('F d, Y',strtotime($active->expiry_date)) }}</div>
                                            @endif
                                            <a class="btn btn-success" href="{{ route('show_payment') }}">{{ucwords(__('signup for this course'))}}.</a>
                                        </div>
                                    </div>
                                    @endforeach()
                                    @endif
                                </div>
                                    {{--Show any course that the user doesnt have.--}}
                                @else
                                <div class="row">
                                    <div class="col-md-10 col-md-offset-1">
                                        <table border="1" align="center" bordercolor="#FFFFFF";>
                                            <th>{{strtoupper(__('chapters'))}}</th>
                                            <th>{{strtoupper(__('progress'))}}</th>
                                                                                        @foreach ($courses->chapters as $chapter) 
                                            <tr>
                                                <td>Chapter {{ $i++ }} – {{ $chapter->getAttributes()['name'] }}</td>
                                                <td>
                                                    @foreach ($courses_progress as $progress) 
                                                    @if($progress->chapter_id == $chapter->getAttributes()['chapter_id'])
                                                    {{ $progress->progress }} %
                                                    <!--                                                    {{ $progress->progress }} : 00 min out of  {{ $chapter->duration }} : 00 min           -->
                                                    @endif
                                                    @endforeach
                                                </td>
                                            </tr>
                                            @endforeach
                                        </table>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12" style="text-align:center;">
                                            <!--<button type="button" class="btn blog-btn">Continue Course</button>-->
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </div>
                            <div class="tab-pane fade" id="tab4default">
                                <div class="row">
                                    <div class="col-md-10 col-md-offset-1">
                                        <table border="1" align="center" bordercolor="#FFFFFF";>
                                            <th>{{strtoupper(__('issued date'))}}</th>
                                            <th>{{strtoupper(__('exp.date'))}}</th>
                                            <th>{{strtoupper(__('certificate number'))}}</th>
                                            <th>{{strtoupper(__('status'))}}</th>
                                            @foreach ($certificates as $certificate) 
                                            <tr>
                                                <td>{{$certificate->assigned_date }}</td>
                                                <td>{{$certificate->expiry_date }}</td>
                                                <td>{{$certificate->certificate_number }}</td>
                                                <td><a target='_blank' href='{{ route('user-certifcate',['name'=>$certificate->certificate_name,'action'=>'view']) }}'>{{ucfirst(__('certificate'))}} </a></td>
                                            </tr>
                                            @endforeach

                                        </table>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12" style="text-align:center;">
                                            <!--<button type="button" class="btn blog-btn">Continue Course</button>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="tab-pane fade" id="tab5default">Default 5</div>-->
                            <!--<div class="tab-pane fade" id="tab6default">Default 6</div>-->
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>


</div>

 
@endsection


@section('foot')
<script type="text/javascript" src="{{ url('resources/assets') }}/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('.nav.nav-tabs li a').eq(0).trigger('click');
});
</script>
@endsection