@extends('layouts.student')

@section('content')
<section class="bg-primary">
    <div class="sptb-2 bannerimg">
        <div class="header-text mb-0">
            <div class="container">
                <div class="py-5">
                    <div class="row ms-sm-8">
                        <div class="col-xl-9 col-lg-12 col-md-12 d-block mx-auto">
                            <div class="text-center text-white text-property">
                                <h1 class=""><span class="font-weight-bold">Course Recordings</span></h1>
                            </div>
                            <form action="{{route('student.showGroupRecordings',[$coffid,$gid])}}" method="get">
                                <div class="mt-7 ms-sm-8">
                                    <div class="mt-3 item2-gl-nav">
                                        <div class="d-block ">
                                            <div class="row">
                                                <div class="col-md-4 my-1">
                                                    <select class="form-control select2-show-search"
                                                        name="startdate">
                                                        <option value="0" disabled selected>Select Date</option>
                                                        @foreach ($meetings_date as $date)
                                                            <option value="{{ $date->mstartdate }}">{{ $date->mstartdate }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-4 my-1">

                                                    <select class="form-control select2-show-search"
                                                        name="topic">
                                                        <option value="0" disabled selected>Select Topic</option>
                                                        @foreach ($meetings_title as $title)
                                                            <option value="{{ $title->mtitle }}">{{ $title->mtitle }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-2 my-1">

                                                    <input  type="submit" id="submit" class=" form-control btn text-light br-te-7 br-be-7 "
                                                    style="background: #8c2828"  value="Fillter">
                                                </div>
                                                <div class="col-md-2 my-1">
                                                    <a class="form-control btn  text-light br-te-7 br-be-7 " style="background: #F84242" href="{{route('student.showGroupRecordings',[$coffid,$gid])}}">
                                                        Reset <i class="fa fa-repeat"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</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-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        {{-- <p class="my-4">Showing: {{$all_meetings->count()}} Recording(s)</p> --}}
        {{-- Recordings --}}
        <div class="row" id={{$all_meetings->count() > 2 ? "container":""}}>
            @forelse ($all_meetings as $recording)
                    <div class="col-lg-4 col-md-12 col-xl-4">
                        <div class="card overflow-hidden">
                            @if (!in_array($recording->mid,$student_transactions))
                            <div class="ribbon ribbon-top-left text-danger">
                                <span class="bg-danger">Locked <i class="fa fa-unlock-alt"></i></span>
                            </div>
                            @endif
                            <div class="item-card9-img">
                                <div class="item-card9-imgs">
                                    @if ($course->is_active || in_array($recording->mid,$student_transactions))
                                    <a href="javascript:void(0)" class="join_meeting"
                                        data-coffid="{{$recording->coffid}}"
                                        data-mid="{{$recording->mid}}">
                                        <form method="get"
                                            action="{{route('student.course.recording.view', [$recording->coffid, $recording->mid])}}" id="join-form-{{$recording->mid}}">
                                            <input name="_method" type="hidden" value="GET" >
                                        </form>
                                    </a>
                                    @endif
                                    <img src="{{env('SECURE_ASSETS').'/images/media/recording.gif'}}" alt="{{ $recording->mtitle }}" class="cover-image">
                                </div>
                                @if (in_array($recording->mid,$student_transactions))
                                <div class="item-overly-trans">
                                    <a href="javascript:void(0)" class="bg-primary join_meeting"
                                        data-coffid="{{$recording->coffid}}"
                                        data-mid="{{$recording->mid}}">
                                        Viewed <i class="fa fa-video-camera ms-1"></i>
                                    </a>
                                </div>
                                @endif
                            </div>
                            <div class="card-body pb-0">
                                <div class="item-card9">
                                    {{-- date --}}
                                    <span class="item-card-badge mb-2"><i class="fa fa-clock-o me-1"></i>
                                        {{  date("g:i A", strtotime("$recording->mstarttime")) }}
                                    </span>
                                    <span class="item-card-badge"><i class="fa fa-calendar me-1"></i>
                                        {{Carbon\Carbon::parse($recording->mstartdate)->format('F') }}
                                        {{ Carbon\Carbon::parse($recording->mstartdate)->format('d, Y') }}
                                    </span>
                                    {{-- title --}}
                                    @if ($course->is_active || in_array($recording->mid,$student_transactions))
                                        <a href="javascript:void(0)" class="text-default-dark join_meeting"
                                            data-coffid="{{$recording->coffid}}"
                                            data-mid="{{$recording->mid}}">
                                            <h5 class="my-4">{{ $recording->mtitle }}</h5>
                                        </a>
                                        @else
                                        <h5 class="my-4">{{ $recording->mtitle }}</h5>
                                    @endif
                                </div>
                            </div>
                            <div class="border-top ps-5 mt-2">
                                 @if ($course->is_active || in_array($recording->mid,$student_transactions))
                                    <div class="py-3 float-end me-4">
                                        <a href="javascript:void(0)" class="btn btn-primary px-5 fw-bold join_meeting"
                                            data-coffid="{{$recording->coffid}}"
                                            data-mid="{{$recording->mid}}">
                                            View
                                        </a>
                                    </div>
                                    @else
                                    <div class="py-3 float-end me-4">
                                      <p class=" badge badge-danger"> Can't view, course is in-active </p>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                @empty
                <img class="d-block mx-auto w-50" src="{{ env('SECURE_ASSETS').'/images/svg/noCourses.svg' }}">
                <p class="text-center pt-3">
                    <strong class="text-primary">Looks like There Is No Recordings Been Found</strong>
                </p>
            @endforelse
        </div>
    </div>
</div>
@endsection
@section('student-js')
    <!--Showmore js-->
    <script src="{{env('SECURE_ASSETS').'/js/jquery.showmore.js'}}"></script>
    <script>
        $('#container').showmore({
            closedHeight: 1300,
            buttonTextMore: 'Show more',
            buttonTextLess: 'Close',
            buttonCssClass: 'showmore-button',
            animationSpeed: 1
        });
    </script>
    {{-- Get fees when joining plain meeting --}}
    <script>
        $('.join_meeting').on('click', function() {

            var course = $(this).attr('data-coffid');
            var meeting = $(this).attr('data-mid');
            var url = "{{ route('getMeetingPriceForStudent', [':course', ':meeting']) }}";
            url = url.replace(':course', course);
            url = url.replace(':meeting', meeting);
            $.ajax({
                url: url,
                type: 'GET',
                success: function(data) {
                    if (data.paid == 0) {
                        Swal.fire({
                            title: "Are you sure?",
                            text: data.reason ,
                            icon: "warning",
                            showCancelButton: true,
                            confirmButtonText: "Yes, View!"
                        }).then(function(result) {
                            if (result.value) {
                                document.getElementById(`join-form-${data.mid}`).submit();
                                Swal.fire(
                                    "Redirecting!",
                                    "You will be redirected to the recording.",
                                    "success"
                                )
                            }
                        });
                    } else {
                        document.getElementById(`join-form-${data.mid}`).submit();
                    }

                }
            });
        });
    </script>
@endsection