@extends('site.layouts.master')
@section('title', $lesson->season->course->category->name . ' - ' . $lesson->title)
@section('content')
    <style>
        .files {
            z-index: 9;
            position: relative;
        }

        .text-jelde {
            justify-content: center;
        }
    </style>

    <!-- grade modal -->
    @if (auth()->check())
        @if ($authUser->field == null && $authUser->grade == null)
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
                aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLongTitle">تکمیل پروفایل</h5>
                            <button type="button" class="closeRuleModal" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            لطفا پروفایل خود را تکمیل کنید
                        </div>
                        <div class="modal-footer">
                            <a href="{{ route('dashboard.profile.show') }}">
                                <button type="submit" class="btn btn-secondary closeRuleModal" data-dismiss="modal"
                                    aria-label="Close">رفتن به پروفایل</button>
                            </a>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
        @endif
    @endif

    <!-- end grade modal -->

    <section class="page-header -type-1 mt-50">
        <div class="container">
            <div class="page-header__content">
                <div class="row justify-center text-center">
                    <div class="col-auto">
                        <div>
                            <h1 class="page-header__title lh-14">
                                {{ $lesson->season->course->category->name . ' - ' . $lesson->title }}</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="text-center mt-50">
        @if (auth()->check() && checkPayment($lesson->season->course->id, $lesson->id))
            {!! $lesson->video !!}
            {{-- <div class="kavimo_vis_rp" style="position:relative;padding-bottom:56.25%;"><div class="kavimo_vis_rw" style="position:absolute;width:100%;height:100%;top:0;left:0;"><iframe width="100%" height="100%" src="https://stream.miladnasehzadeh.com/t129ticv32to/iframe?drmtext_options=ewoJCXRleHQgOiBbIjA5MTIxMjEyMTIiLCJ1c2VyTWFpbEBnbWFpbC5jb20iLCIwMDE2NjY2NjYiXSwKCQl0aW1lOiAyLjUsICAgICAgICAgIAoJCWNvbG9yOiAicmVkIiwgICAgICAgCgkJZm9udFNpemU6ICIxN3B4IiwKCQlmb250U3R5bGU6ICJib2xkIiwKCQlmb250TmFtZTogImFyaWFsIiwKCQlvcGFjaXR5OiAwLjQsCgl9" allowtransparency="true" frameborder="0" scrolling="no" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen></iframe></div></div> --}}
        @else
            <h2><i class="fas fa-lock text-danger fa-2x mb-4"></i></h2>
            <p class="text-danger">محتوای دوره برای شما قابل نمایش نیست، لطفا ابتدا این دوره را خریداری کنید</p>
        @endif
        {{-- <video width="80%" height="100%" controls>
            <source src="{{$lesson->video}}" type="video/mp4">
            Your browser does not support the video tag.
          </video> --}}
    </div>
    <section class="files layout-pb-lg" style="margin-top: 8em;">
        @if ($lesson->season->course->is_special == 0)
            <p class="mt-30">{!! $lesson->desc !!}</p>
            <div class="container">
                <div class="card-deck row mt-5">
                    @if (auth()->check() && checkPayment($lesson->season->course->id, $lesson->id))
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="{{ asset($lesson->season->course->plan_file) }}" class="btn w-100 {{ $lesson->season->course->plan_file == '' ? 'disabled' : '' }} border-0">
                                <div class="rounded shadow text-center {{ $lesson->season->course->plan_file == '' ? 'bg-light' : '' }} py-15 my-1 ">
                                    <h5 class="card-title">دریافت برنامه</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="{{ asset($lesson->booklet) }}"
                                class="btn w-100 {{ $lesson->booklet == '' ? 'disabled' : '' }} border-0 p-0">
                                <div
                                    class="text-center {{ $lesson->booklet == '' ? 'bg-light' : '' }} py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جزوه</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="{{ asset($lesson->filled_booklet) }}"
                                class="btn w-100 {{ $lesson->filled_booklet == '' ? 'disabled' : '' }} border-0 p-0">
                                <div
                                    class="text-center {{ $lesson->filled_booklet == '' ? 'bg-light' : '' }} py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جزوه پر شده</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="{{ asset($lesson->hand_booklet) }}"
                                class="btn w-100 {{ $lesson->hand_booklet == '' ? 'disabled' : '' }} border-0 p-0">
                                <div
                                    class="text-center {{ $lesson->hand_booklet == '' ? 'bg-light' : '' }} py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جزوه دست نویس</h5>
                                </div>
                            </a>
                        </div>

                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="{{ asset($lesson->book) }}"
                                class="btn w-100 {{ $lesson->book == '' ? 'disabled' : '' }} border-0 p-0">
                                <div class="text-center {{ $lesson->book == '' ? '' : '' }} py-15 my-1 rounded shadow">
                                    <h5 class="card-title">کتاب درسی</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="{{ asset($lesson->homework) }}"
                                class="btn w-100 {{ $lesson->homework == '' ? 'disabled' : '' }} border-0 p-0">
                                <div
                                    class="text-center {{ $lesson->homework == '' ? 'bg-light' : '' }} py-15 my-1 rounded shadow">
                                    <h5 class="card-title">تکالیف جلسه</h5>
                                </div>
                            </a>
                        </div>
                    @else
                        @if ($lesson->season->course->is_special_plan)
                            <div class="col-lg-2 col-sm-12 col-md-6">
                                <a href="" class="btn w-100 disabled border-0 p-0">
                                    <div class="text-center py-15 my-1 rounded shadow">
                                        <h5 class="card-title">دریافت برنامه</h5>
                                    </div>
                                </a>
                            </div>
                        @endif
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="" class="btn w-100 disabled border-0 p-0">
                                <div class="text-center py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جزوه</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="" class="btn w-100 disabled border-0 p-0">
                                <div class="text-center py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جزوه پر شده</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="" class="btn w-100 disabled border-0 p-0">
                                <div class="text-center py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جزوه دست نویس</h5>
                                </div>
                            </a>
                        </div>

                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="" class="btn w-100 disabled border-0 p-0">
                                <div class="text-center py-15 my-1 rounded shadow">
                                    <h5 class="card-title">کتاب درسی</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="" class="btn w-100 disabled border-0 p-0">
                                <div class="text-center py-15 my-1 rounded shadow">
                                    <h5 class="card-title">تکالیف جلسه</h5>
                                </div>
                            </a>
                        </div>
                    @endif
                    {{-- <div class="col-lg-1 col-sm-0 col-md-0">
                    </div> --}}
                </div>
            </div>
        @else
            {{-- <p class="mt-30">{!! $lesson->desc !!}</p> --}}
            <div class="container" style="text-align: center">
                <div class="card-deck row mt-5 text-jelde ">
                    <div class="col-lg-1 col-sm-0 col-md-0">
                    </div>
                    <h2 class="mb-5 pb-4">کتاب ها</h2>
                    <div class="col-lg-2 col-sm-12 col-md-6">
                        <a href="{{ asset($lesson->season->course->plan_file) }}" class="btn w-100 {{ $lesson->season->course->plan_file == '' ? 'disabled' : '' }} border-0">
                            <div class="rounded shadow text-center {{ $lesson->season->course->plan_file == '' ? 'bg-light' : '' }} py-15 my-1 ">
                                <h5 class="card-title">دریافت برنامه</h5>
                            </div>
                        </a>
                    </div>
                    @if (auth()->check() && checkPayment($lesson->season->course->id, $lesson->id))
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="{{ asset($lesson->season->course->book_1) }}"
                                class="btn w-100 {{ $lesson->season->course->book_1 == '' ? 'disabled' : '' }} border-0 p-0">
                                <div
                                    class="text-center {{ $lesson->season->course->book_1 == '' ? 'bg-light' : '' }} py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جلد اول</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="{{ asset($lesson->season->course->book_2) }}"
                                class="btn w-100 {{ $lesson->season->course->book_2 == '' ? 'disabled' : '' }} border-0 p-0">
                                <div
                                    class="text-center {{ $lesson->season->course->book_2 == '' ? 'bg-light' : '' }} py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جلد دوم</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="{{ asset($lesson->season->course->book_3) }}"
                                class="btn w-100 {{ $lesson->season->course->book_3 == '' ? 'disabled' : '' }} border-0 p-0">
                                <div
                                    class="text-center {{ $lesson->season->course->book_3 == '' ? 'bg-light' : '' }} py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جلد سوم</h5>
                                </div>
                            </a>
                        </div>

                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="{{ asset($lesson->season->course->book_4) }}"
                                class="btn w-100 {{ $lesson->season->course->book_4 == '' ? 'disabled' : '' }} border-0 p-0">
                                <div
                                    class="text-center {{ $lesson->season->course->book_4 == '' ? '' : '' }} py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جلد چهارم</h5>
                                </div>
                            </a>
                        </div>
                    @else
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="" class="btn w-100 disabled border-0 p-0">
                                <div class="text-center py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جلد اول</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="" class="btn w-100 disabled border-0 p-0">
                                <div class="text-center py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جلد دوم</h5>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="" class="btn w-100 disabled border-0 p-0">
                                <div class="text-center py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جلد سوم</h5>
                                </div>
                            </a>
                        </div>

                        <div class="col-lg-2 col-sm-12 col-md-6">
                            <a href="" class="btn w-100 disabled border-0 p-0">
                                <div class="text-center py-15 my-1 rounded shadow">
                                    <h5 class="card-title">جلد چهارم</h5>
                                </div>
                            </a>
                        </div>
                    @endif
                    {{-- <div class="col-lg-1 col-sm-0 col-md-0">
                </div> --}}
                </div>
            </div>
        @endif
    </section>
@endsection