@extends('layouts.admin')
@section('page-title','')
@section('breadcrumb')
    @include('admin.partials.crumb',[
    'crumbs'=>[
            route('admin.dashboard')=>__('default.dashboard'),
            route('admin.student.sessions')=>__lang('courses'),
            '#'=>isset($pageTitle)?$pageTitle:''
        ]])
@endsection

@section('content')
<p>
    {{ __lang('drag-and-drop-rows') }}
    <a class="btn btn-primary float-end" href="#"  data-bs-toggle="modal" data-bs-target="#addClassModal"><i class="fa fa-plus"></i> {{ __lang('Add Class') }}</a>
</p>


<table id="selectedTable" class="table table-striped">
    <thead>
    <tr>
        <th>#</th>
        <th  data-sort="string">{{ __lang('class-name') }}</th>
        <th>{{ __lang('lectures') }}</th>
        <th>{{ __lang('opening-date') }}</th>
        <th></th>
    </tr>
    </thead>
    <tbody  id="selectedlist">

        @php foreach($session->lessons()->orderBy('pivot_sort_order')->get() as $sessionLesson): @endphp
        <tr  id="row-{{ $sessionLesson->id }}" class="sort_row">
            <td class="sort_cell">{{$sessionLesson->pivot->sort_order}}</td>
            <td>{{$sessionLesson->name}}</td>
            <td>{{$sessionLesson->lectures()->count()}}</td>
            <td><input placeholder="optional" style="max-width: 150px" data-id="{{$sessionLesson->id}}" name="lesson_date_{{$sessionLesson->id}}" id="lesson_date_{{$sessionLesson->id}}" class="form-control date lesson_date" value="{{showDate('Y-m-d',$sessionLesson->pivot->lesson_date)}}" type="text"/></td>
            <td>
                <a target="_blank" class="btn btn-primary" href="{{ adminUrl(array('controller'=>'lesson','action'=>'edit','id'=>$sessionLesson->id)) }}"><i class="fa fa-edit"></i> {{ __lang('edit') }}</a>
                <a target="_blank" class="btn btn-success" href="{{ adminUrl(array('controller'=>'lecture','action'=>'index','id'=>$sessionLesson->id)) }}"><i class="fa fa-file-video"></i> {{ __lang('lectures') }}</a>
                <div class="btn-group dropup">
                    <button type="button" class="btn btn-danger dropdown-toggle" data-bs-toggle="dropdown">
                        <i class="fa fa-trash"></i> {{ __lang('delete') }}
                    </button>
                    <ul class="dropdown-menu wide-btn float-end animation-slide" role="menu" style="text-align: left;">

                        <li > <a class="dropdown-item" onclick="return confirm('{{__lang('remove-course-only-confirm')}}')" href="{{ route('admin.session.deleteclass',['lesson'=>$sessionLesson->id,'course'=>$sessionLesson->pivot->course_id]) }}"    > {{ __lang('remove-course-only') }}</a></li>
                        <li> <a class="dropdown-item"  onclick="return confirm('{{__lang('delete-class-completely-confirm')}}')" href="{{ adminUrl(array('controller'=>'lesson','action'=>'delete','id'=>$sessionLesson->id)) }}"    > {{ __lang('delete-class-completely') }}</a></li>


                    </ul>
                </div>
                <a target="_blank" class="btn btn-success" href="{{ adminUrl(array('controller'=>'lesson','action'=>'files','id'=>$sessionLesson->id)) }}"><i class="fa fa-download"></i> {{ __lang('downloads') }}</a>

            </td>
        </tr>

    @php endforeach;  @endphp
    </tbody>
</table>



<!--
  End modal
    -->



@endsection

@section('header')
    <link rel="stylesheet" href="{{ asset('client/vendor/pickadate/themes/default.date.css') }}">
    <link rel="stylesheet" href="{{ asset('client/vendor/pickadate/themes/default.time.css') }}">
    <link rel="stylesheet" href="{{ asset('client/vendor/pickadate/themes/default.css') }}">
    <link rel="stylesheet" href="{{ asset('client/vendor/datatables/media/css/jquery.dataTables.min.css') }}">

@endsection

@section('footer')
    <div class="modal fade" id="addClassModal" tabindex="-1" role="dialog" aria-labelledby="addClassModalLabel">


        <div class="modal-dialog  modal-lg" role="document">
            <div class="modal-content">

                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">{{ __lang('add') }}      @php if($session->lessons()->count()==0): @endphp
                        {{ __lang('your-first') }}
                        @php endif;  @endphp {{ __lang('class') }}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

                </div>
                <div class="modal-body">



                    <div class="" role="tabpanel" data-example-id="togglable-tabs">


                        <ul class="nav nav-pills" id="myTab3" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="home-tab3" data-bs-toggle="tab" href="#home3" role="tab" aria-controls="home" aria-selected="true">{{ __lang('new-class') }}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="profile-tab3" data-bs-toggle="tab" href="#profile3" role="tab" aria-controls="profile" aria-selected="false">{{ __lang('existing-class') }}</a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent2">
                            <div class="tab-pane fade show active" id="home3" role="tabpanel" aria-labelledby="home-tab3">

                                <div  >
                                    <div >
                                        <div class="card_">

                                            <div class="card-body_">
                                                @php
                                                    $form->prepare();
                                                    $form->setAttribute('action', adminUrl(array('controller'=>'lesson','action'=>'add')).'?sessionId='.$session->id.'&back=true');
                                                    $form->setAttribute('method', 'post');
                                                    $form->setAttribute('role', 'form');
                                                    $form->setAttribute('class', 'form-horizontal');
                                                    $form->get('type')->setValue('c');

                                                @endphp
                                                <form method="post" action="{{ adminUrl(array('controller'=>'lesson','action'=>'add')).'?sessionId='.$session->id.'&back=true' }}">
                                                    @csrf




                                                    <div class="mb-3">
                                                        {{ formLabel($form->get('name')) }}
                                                        {{ formElement($form->get('name')) }}   <p class="help-block">{{ formElementErrors($form->get('name')) }}</p>

                                                    </div>


                                                    <div class="mb-3" style="display: none;">
                                                        {{ formLabel($form->get('type')) }}
                                                        {{ formElement($form->get('type')) }}   <p class="help-block">{{ formElementErrors($form->get('type')) }}</p>

                                                    </div>



                                                    <div class="mb-3 online">
                                                        {{ formElement($form->get('test_required')) }}  {{ formLabel($form->get('test_required')) }}

                                                        <p class="help-block">{{ formElementErrors($form->get('test_required')) }}</p>
                                                        <p class="help-block">{{ __lang('test-required-help') }}</p>
                                                    </div>


                                                    <div id="test_id_box" class="mb-3 online">
                                                        {{ formLabel($form->get('test_id')) }}
                                                        {{ formElement($form->get('test_id')) }}   <p class="help-block">{{ formElementErrors($form->get('test_id')) }}</p>

                                                    </div>

                                                    <div class="mb-3 online">
                                                        {{ formElement($form->get('enforce_lecture_order')) }}   {{ formLabel($form->get('enforce_lecture_order')) }}

                                                        <p class="help-block">{{ __lang('enforce-lecture-order-help') }}</p>

                                                    </div>



                                                    <div class="mb-3">
                                                        {{ formLabel($form->get('description')) }}
                                                        {{ formElement($form->get('description')) }}

                                                        <p class="help-block">{{ formElementErrors($form->get('description')) }}</p>

                                                    </div>

                                                    <div class="mb-3 online">
                                                        {{ formLabel($form->get('introduction')) }}

                                                        {{ formElement($form->get('introduction')) }}

                                                        <p class="help-block">{{ formElementErrors($form->get('introduction')) }}</p>

                                                    </div>


                                                    <div class="mb-3">
                                                        {{ formLabel($form->get('lesson_group_id[]')) }}
                                                        {{ formElement($form->get('lesson_group_id[]')) }}   <p class="help-block">{{ formElementErrors($form->get('lesson_group_id[]')) }}</p>

                                                    </div>


                                                    <div class="mb-3">
                                                        {{ formLabel($form->get('sort_order')) }}
                                                        {{ formElement($form->get('sort_order')) }}   <p class="help-block">{{ formElementErrors($form->get('sort_order')) }}</p>

                                                    </div>
                                                    <div class="mb-3" style="margin-bottom:10px">

                                                        <label for="image" class="control-label">{{ __lang('cover-image') }} ({{ __lang('optional') }})</label><br />


                                                        <div class="image"><img data-name="image" src="{{ $display_image }}" alt="" id="thumb" /><br />
                                                            {{ formElement($form->get('picture')) }}
                                                            <a class="pointer" onclick="image_upload('image', 'thumb');">{{ __lang('browse') }}</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a class="pointer" onclick="$('#thumb').attr('src', '{{ $no_image }}'); $('#image').attr('value', '');">{{ __lang('clear') }}</a></div>

                                                    </div>









                                                    <div class="form-footer">
                                                        <button type="submit" class="btn btn-primary float-end">{{__lang('save-changes')}}</button>
                                                    </div>
                                                </form>

                                            </div>
                                        </div><!--end .box -->
                                    </div><!--end .col-lg-12 -->
                                </div>

                            </div>
                            <div class="tab-pane fade" id="profile3" role="tabpanel" aria-labelledby="profile-tab3">


                                <div id="classlistbox"></div>


                            </div>
                        </div>













                    </div>


















                </div>

            </div>
        </div>


    </div>
    <script type="text/javascript" src="{{ basePath() }}/client/vendor/pickadate/picker.js"></script>
    <script type="text/javascript" src="{{ basePath() }}/client/vendor/pickadate/picker.date.js"></script>
    <script type="text/javascript" src="{{ basePath() }}/client/vendor/pickadate/picker.time.js"></script>
    <script type="text/javascript" src="{{ basePath() }}/client/vendor/pickadate/legacy.js"></script>
    <script type="text/javascript" src="{{ asset('client/vendor/ckeditor/ckeditor.js') }}"></script>
    <style>
        #selectedTable tr{
            cursor: grabbing;
        }
    </style>
    <script>
        jQuery(function(){

            @php if($session->lessons()->count()==0): @endphp
            $('#addClassModal').modal('show');
            @php endif;  @endphp

            $('#classlistbox').load('{{adminUrl(['controller'=>'session','action'=>'browseclasses','id'=>$session->id])}}',function(){
                $('.select2').select2();
            });

            $('.date').pickadate({
                format: 'yyyy-mm-dd'
            });

            $("#selectedTable tbody").sortable({ opacity:0.6, update: function() {

                    var counter = 1;
                    //console.log(order);

                    $('.sort_row').each(function(){
                        $(this).find('.sort_cell').text(counter);

                        counter++;
                    });

                    var order = $(this).sortable("serialize") + '&action=sort&_token={{ csrf_token() }}';
                    console.log(order);
                    $.post("{{adminUrl(['controller'=>'session','action'=>'reorder','course'=>$session->id])}}",order,function(data){
                        console.log(data);
                    }) }});

            $('.lesson_date').change(function(){
                var date= $(this).val();
                var id = $(this).attr('data-id');
                $.post('{{adminUrl(['controller'=>'session','action'=>'setdate','course'=>$session->id])}}/'+id,{
                    date:date,
                    '_token': '{{ csrf_token() }}'
                });
            });

        });
    </script>

    <script type="text/javascript">

        CKEDITOR.replace('hcontent', {
            filebrowserBrowseUrl: '{{ basePath() }}/admin/filemanager',
            filebrowserImageBrowseUrl: '{{ basePath() }}/admin/filemanager',
            filebrowserFlashBrowseUrl: '{{ basePath() }}/admin/filemanager'
        });

        CKEDITOR.replace('hintroduction', {
            filebrowserBrowseUrl: '{{ basePath() }}/admin/filemanager',
            filebrowserImageBrowseUrl: '{{ basePath() }}/admin/filemanager',
            filebrowserFlashBrowseUrl: '{{ basePath() }}/admin/filemanager'
        });

    </script>
    <script type="text/javascript"><!--
        function image_upload(field, thumb) {
            $('#dialog').remove();

            $('#content').prepend('<div id="dialog" style="padding: 3px 0px 0px 0px;"><iframe src="{{ basePath() }}/admin/filemanager?&token=true&field=' + encodeURIComponent(field) + '" style="padding:0; margin: 0; display: block; width: 100%; height: 100%;" frameborder="no" scrolling="auto"></iframe></div>');

            $('#dialog').dialog({
                title: '{{addslashes(__lang('Image Manager'))}}',
                close: function (event, ui) {
                    if ($('#' + field).attr('value')) {
                        $.ajax({
                            url: '{{ basePath() }}/admin/filemanager/image?&image=' + encodeURIComponent($('#' + field).val()),
                            dataType: 'text',
                            success: function(data) {
                                $('#' + thumb).replaceWith('<img src="' + data + '" alt="" id="' + thumb + '" />');
                            }
                        });
                    }
                },
                bgiframe: false,
                width: 800,
                height: 570,
                resizable: true,
                modal: false,
                position: "center"
            });
        };
        $(function(){


            if($('select[name=type]').val()!='c'){
                $('.online').hide();
            };

            $('select[name=type]').change(function(){
                if($(this).val()=='c'){
                    $('.online').show();
                }
                else{
                    $('.online').hide();
                }

            });

        });

        $(document).on('click','#pagerlinks a',function(e){
            e.preventDefault();
            var url = $(this).attr('href');
            $('#classlistbox').html(' <img  src="{{ basePath() }}/img/ajax-loader.gif">');

            $('#classlistbox').load(url);
        })
        $(document).on("submit","#filterform", function (event) {
            var $this = $(this);
            var frmValues = $this.serialize();
            $('#classlistbox').html(' <img  src="{{ basePath() }}/img/ajax-loader.gif">');

            $.ajax({
                type: $this.attr('method'),
                url: $this.attr('action'),
                data: frmValues
            })
                .done(function (data) {
                    $('#classlistbox').html(data);
                    $('.select2').select2();
                })
                .fail(function () {
                    $('#classlistbox').text("{{__lang('error-occurred')}}");
                });
            event.preventDefault();
        });
        //--></script>

@endsection