@extends('layouts.welcome')

@section('content')
<section class="sptb">
    <!--Section-->
    <!-- Shape Start -->
    {{-- <div class="relative">
        <div class="shape overflow-hidden text-white">
            <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
                <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="#f5f4f9"></path>
            </svg>
        </div>
    </div> --}}
    <!--Shape End-->

    <!--Section-->
    <section class="sptb">
        <div class="container">
            <div class="section-title d-md-flex">
                <div>

        <!--Section-->
        @if (isset($courses))
            <section>
                <div class="sptb-2 bannerimg pt-10">
                    <div class="header-text mb-0">
                        <div class="container">
                            <div class="text-right text-dark">
                                <h1 class="text-dark">{{ $courses->cname }}</h1>
                                {{-- <ol class="breadcrumb text-center">
                                    <li class="breadcrumb-item text-dark"><a href="javascript:void(0)">{{ request()->segment(1)}}</a></li>
                                    <li class="breadcrumb-item active text-dark" aria-current="page">{{ request()->segment(2)}}</li>
                                </ol> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--/Section-->
        @elseif (isset($educationSystem))
            <section>

                                <h1 class="text-dark">{{ $educationSystem->esname }}</h1>

            </section>
            <!--/Section-->
        @else
            <section>

                                <h1 class="text-dark">{{ Str::upper(request()->segment(1)) }}</h1>

            </section>
            <!--/Section-->
        @endif

                    <p class="fs-18 lead"></p>
                </div>
                {{-- <div class="ms-auto">
                    <a class="btn btn-light mt-3" href="{{url('/home')}}"><i class="fe fe-arrow-right"></i> Explore Courses</a>
                </div> --}}
</div>
            <div class="row">
                <div class="col-xl-8 col-lg-8 col-md-12">
                    <div class="border-0 mb-5 course-details">
                        <div class="wideget-user-tab wideget-user-tab3">
                            <div class="tab-menu-heading">
                                <div class="tabs-menu1">
                                    <ul class="nav">
                                        <li class="ms-0"><a href="#tab-1" class="active" data-bs-toggle="tab">@lang('student.course-page.overview')</a>
                                        </li>
                                        <li><a href="#tab-2" data-bs-toggle="tab" class="">@lang('student.course-page.teacher')</a></li>
                                        {{-- <li><a href="#tab-3" data-bs-toggle="tab" class="">@lang('student.schedule-btn')</a></li> --}}
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="tab-content border-0 p-5 bg-white details-tab-content">
                            <div class="tab-pane active" id="tab-1">
                                <h3 class="card-title mb-3 font-weight-bold">@lang('student.course-page.desciribtion')</h3>
                                <div class="mb-0 description">
                                    <p>{{$courses->cdescription}}</p>
                                </div>
                                <div class="mb-4">
                                   @if($courses->cdescription)
                                    <a href="{{$courses->curl}}" target="_blank" class="btn btn-info icons"><i
                                        class="fe fe-globe me-1"></i> @lang('student.course-page.view more')
                                    </a>
                                   @endif
                                </div>
                            </div>

                            <div class="tab-pane" id="tab-2">
                                <div class="card mb-0 border-0 shadow-none">

                                    <div class="card-body border-top-0 item-user ps-0 pr-0 pb-0">
                                        <div class="power-ribbon power-ribbon-top-left text-warning"><span class="bg-warning"><img src="{{env('SECURE_ASSETS').'/images/power.png'}}" class=""></span></div>
                                            <div class="team-img text-center mb-3">
                                                {{-- <p><img src="{{$courses->getImage($courses->ttimage)}}" class="img-thumbnail w-25" alt="img"></p> --}}
                                                <p class="badge badge-primary mb-2"> {{$courses->ttname}}</p>

                                            </div>
                                        <div>

                                            <div class="table-responsive">
                                                <table
                                                    class="data-table-example table table-striped table-bordered table-vcenter text-nowrap" id="transactions">
                                                    <thead>
                                                        <tr>
                                                            <th style="text-align: center;">id</th>
                                                            <th style="text-align: center;">Teacher</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                        $teacher = 0;
                                                        @endphp
                                                        @foreach ($teachingTeamMembers as $member )
                                                            <tr class="text-center">
                                                                <td>{{++$teacher}}</td>
                                                                <td>
                                                                    {{$member->first_name .' '. $member->last_name}}
                                                                    @if ($member->is_coach)
                                                                        <p class="badge badge-success mt-3 ms-1">Main Teacher</p>
                                                                    @endif

                                                                </td>

                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>

                                      </div>
                                    </div>
                                </div>
                            </div>

                            {{-- <div class="tab-pane" id="tab-3">
                                <div class="table-responsive">
									<table class="table card-table br-7 overflow-hidden ">
										<thead class="bg-danger text-white">
											<tr class="border-bottom text-white">
												<th class="text-white font-weight-bold">@lang('student.table.id')</th>
												<th class="text-white font-weight-bold">@lang('student.table.group name')</th>
                                                <th class="text-white font-weight-bold">@lang('student.table.day')</th>
                                                <th class="text-white font-weight-bold">@lang('student.table.from')</th>
                                                <th class="text-white font-weight-bold">@lang('student.table.to')</th>
											</tr>
										</thead>
										<tbody>
                                            @php
                                                $Schedulecount = 0;
                                            @endphp
                                            @foreach ($groups as $group)
                                                @foreach ( $group->groupSchedule as $groupschedule)
                                                <tr class="border-bottom">
                                                    <td>
                                                        @php
                                                            echo ++$Schedulecount;
                                                        @endphp
                                                    </td>
                                                    <td>{{$group->groupName->gname}}</td>
                                                    <td>{{Str::headline($getDay->getDayString($groupschedule->gsday))}}</td>
                                                    <td>{{date('h:i A', strtotime($groupschedule->gsfrom))}}</td>
									            	<td>{{date('h:i A', strtotime($groupschedule->gsto))}}</td>
                                                </tr>
                                                @endforeach
                                            @endforeach
										</tbody>
									</table>
								</div>
                            </div> --}}
                        </div>
                        <div class="card-footer bg-white br-bs-7 br-be-7">
                            <div class="btn-list">
                                <a href="{{route('register/student')}}" class="btn btn-secondary icons"><i class="fe fe-arrow-right me-1"></i> Register</a>
                                <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Feshra7ly.net%2Fcourse%2F{{$courses->coffid}}&amp;src=sdkpreparse" target="_blank" class="btn btn-blue icons"><i class="fe fe-facebook me-1"></i>Share</a>
                                {{-- <a href="whatsapp://send?text={{$courses->cname}}"
                                data-action="share/whatsapp/share" target="_blank" class="btn btn-success icons"><i class="fa fa-whatsapp me-1"></i>Send</a> --}}
                            </div>
                        </div>
                    </div>
                </div>

                <!--Right Side Content-->
                <div class="col-xl-4 col-lg-4 col-md-12" style="margin-top: -15rem !important;">
                    <div class="card">
                        <div class="card-body">
                            <div class="product-slider">
                                <ul class="list-unstyled video-list-thumbs">
                                    <li class="mb-0">
                                        @if ($courses->youtube_link)
                                        <a data-bs-toggle="modal" data-bs-target="#homeVideo" class="class-video p-0">
                                            <img src="{{$courses->getImage($courses->course->cimage)}}" alt="img"
                                                class="img-responsive border br-7">
                                            <span class="video-icon" href="javascript:void(0)"><i
                                                    class="fe fe-play"></i></span>
                                        </a>
                                        @else
                                        <img src="{{$courses->getImage($courses->course->cimage)}}" alt="img"
                                                class="img-responsive  border br-7">
                                        @endif
                                    </li>
                                </ul>
                            </div>
                            <hr />
                            <div class="mt-4 mb-4 text-center">
                                <div class="mb-2">
                                    <span class="font-weight-semibold h2 text-default-dark mb-0">
                                        @php
                                            if($courses->currency == 2){
                                                $currency = 'EGP';
                                            }else{
                                                $currency = 'AED';
                                            }
                                        @endphp
                                        @if ($courses->fee_per_lesson_total !=0)
                                            <span class="font-weight-semibold h2 text-default-dark mb-0">
                                                <h3>
                                                    {{$courses->fee_per_lesson_total}}
                                                    {{ $currency }} / @lang('student.lesson')
                                                </h3>
                                            </span>
                                        @endif
                                        @if ($courses->fee_per_course_total !=	0)
                                            <hr>
                                            <span class="font-weight-semibold h2 text-default-dark mb-0">

                                                <h3>
                                                    @if ($courses->by_month)
                                                        {{$courses->fee_course_per_month}}
                                                        {{ $currency }} / @lang('student.month')
                                                    @elseif ($courses->course_discount > 0 )
                                                        {{ $courses->fee_per_course_total - ($courses->fee_per_course_total * ($courses->course_discount / 100)) }}
                                                        {{ $currency }} / @lang('student.course')
                                                        <p class="strike-text ms-2 text-default">
                                                            {{$courses->fee_per_course_total}}
                                                            {{ $currency }} / @lang('student.course')
                                                        </p>
                                                        <p class='badge badge-info mt-2'>has discount</p>
                                                    @else
                                                        {{$courses->fee_per_course_total}}
                                                        {{ $currency }} / @lang('student.course')
                                                    @endif
                                                </h3>
                                            </span>
                                        @endif

                                    </span>
                                </div>
                                <hr />
                            </div>
                            <div class="">
                                <a class="btn btn-block btn-secondary mb-3 mb-xl-0" href="{{route('login')}}">
                                    <span>@lang('student.enroll')</span> <i class="fe fe-arrow-right mt-1 ms-2 fs-14"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Course Info</h3>
                        </div>
                        <div class="card-body ">
                            <table>
                                <tbody>
                                    <tr>
                                        <td class="w-40"><span class="fs-14 font-weight-bold text-default-dark">Education System</span></td>
                                        <td ><span class="">:</span></td>
                                        <td class="ps-4"><span class="fs-14 font-weight-normal">{{$courses->esname}}</span></td>
                                    </tr>
                                    <tr>
                                        <td><span class="fs-14 font-weight-bold text-default-dark">Board</span></td>
                                        <td ><span class="">:</span></td>
                                        <td class="ps-4"><span class="fs-14 font-weight-normal">{{$courses->bname}}</span></td>
                                    </tr>
                                    <tr>
                                        <td><span class="fs-14 font-weight-bold text-default-dark">Course Level</span></td>
                                        <td ><span class="">:</span></td>
                                        <td class="ps-4"><span class="fs-14 font-weight-normal">{{$courses->lname}}</span></td>
                                    </tr>
                                    <tr>
                                        <td><span class="fs-14 font-weight-bold text-default-dark">Total Enrollments</span></td>
                                        <td class=""><span class="">:</span></td>
                                        <td class="ps-4"><span class="fs-14 font-weight-normal">{{$totalEnrollments}}</span></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!--/Right Side Content-->
            </div>

    </section><!--/Section-->


<!-- /Video Modal -->
<div class="modal effect-fall fade" id="homeVideo" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<button type="button" class="btn btn-default" data-bs-dismiss="modal"><i class="fa fa-times"></i></button>
			<div class="embed-responsive embed-responsive-16by9">
				<iframe width="560" height="315" src="{{$courses->youtube_link}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
		</div>
	</div>
</div>
<!-- /Video Modal -->



</section>
@endsection