@extends('backEnd.master')
@section('title')
@lang('lesson::lesson.add_topic')
@endsection

@section('mainContent')
<section class="sms-breadcrumb mb-20">
    <div class="container-fluid">
        <div class="row justify-content-between">
            <h1>@lang('lesson::lesson.add_topic')</h1>
            <div class="bc-pages">
                <a href="{{route('dashboard')}}">@lang('common.dashboard')</a>
                <a href="#">@lang('lesson::lesson.lesson_plan')</a>
                <a href="#">@lang('lesson::lesson.topic')</a>
            </div>
        </div>
    </div>
</section>
<section class="admin-visitor-area up_st_admin_visitor">
    <div class="container-fluid p-0">
        @if(isset($data))
        @if(userPermission("lesson.topic.store"))
        <div class="row">
            <div class="offset-lg-10 col-lg-2 text-right col-md-12 mb-20">
                <a href="{{route('exam')}}" class="primary-btn small fix-gr-bg">
                    <span class="ti-plus"></span>
                    @lang('common.add')
                </a>
            </div>
        </div>

        @endif
        @endif

        @if(userPermission("lesson.topic.store"))
        {{ Form::open(['class' => 'form-horizontal', 'files' => true, 'route' => 'lesson.topic.store',
                'method' => 'POST', 'enctype' => 'multipart/form-data']) }}
        @endif


        <div class="row">

            <div class="col-lg-4 col-xl-3">

                <div class="row">
                    <div class="col-lg-12">
                        <div class="white-box">
                            <div class="main-title">
                                <h3 class="mb-15">@if(isset($data))
                                    @lang('lesson::lesson.edit_topic')
                                    @else
                                    @lang('lesson::lesson.add_topic')
                                    @endif
    
                                </h3>
                            </div>
                            <div class="add-visitor">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <label class="primary_input_label" for="">
                                            {{ __('common.class') }}
                                            <span class="text-danger"> *</span>
                                        </label>
                                        <select
                                            class="primary_select form-control {{ $errors->has('class') ? ' is-invalid' : '' }}"
                                            id="select_class" name="class">
                                            <option data-display="@lang('common.select_class') *" value="">
                                                @lang('common.select_class') *
                                            </option>
                                            @foreach($classes as $class)
                                            <option value="{{ @$class->id}}"
                                                {{( old('class') == @$class->id ? "selected":"")}}>
                                                {{ @$class->class_name}}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('class'))
                                        <span class="text-danger invalid-select" role="alert">
                                            {{ $errors->first('class') }}
                                        </span>
                                        @endif

                                    </div>
                                </div>
                                <div class="row mt-15">

                                    <div class="col-lg-12" id="select_section_div">
                                        <label class="primary_input_label" for="">
                                            {{ __('common.section') }}
                                            <span class="text-danger"> *</span>
                                        </label>
                                        <select
                                            class="primary_select form-control{{ $errors->has('section') ? ' is-invalid' : '' }}"
                                            id="select_section" name="section">
                                            <option data-display="@lang('common.select_section') *" value="">
                                                @lang('common.select_section') *
                                            </option>
                                        </select>
                                        <div class="pull-right loader" id="select_section_loader"
                                            style="margin-top: -30px;padding-right: 21px;">
                                            <img src="{{asset('Modules/Lesson/Resources/assets/images/pre-loader.gif')}}"
                                                alt="" style="width: 28px;height:28px;">
                                        </div>
                                        @if ($errors->has('section'))
                                        <span class="text-danger invalid-select" role="alert">
                                            {{ $errors->first('section') }}
                                        </span>
                                        @endif

                                    </div>
                                </div>
                                <div class="row mt-15">
                                    <div class="col-lg-12" id="select_subject_div">
                                        <label class="primary_input_label" for="">
                                            {{ __('common.subject') }}
                                            <span class="text-danger"> *</span>
                                        </label>
                                        <select
                                            class="primary_select form-control{{ $errors->has('subject') ? ' is-invalid' : '' }}select_subject"
                                            id="select_subject" name="subject">
                                            <option data-display="@lang('lesson::lesson.select_subject') *" value="">
                                                @lang('lesson::lesson.select_subject')*</option>
                                        </select>

                                        <div class="pull-right loader" id="select_subject_loader"
                                            style="margin-top: -30px;padding-right: 21px;">
                                            <img src="{{asset('Modules/Lesson/Resources/assets/images/pre-loader.gif')}}"
                                                alt="" style="width: 28px;height:28px;">
                                        </div>
                                        @if ($errors->has('subject'))
                                        <span class="text-danger invalid-select" role="alert" style="display: block">
                                            {{ $errors->first('subject') }}
                                        </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="row mt-15">

                                    <div class="col-lg-12" id="select_lesson_div">
                                        <label class="primary_input_label" for="">
                                            {{ __('lesson::lesson.lesson') }}
                                            <span class="text-danger"> *</span>
                                        </label>
                                        <select class="primary_select" id="lesson_from_subject" name="lesson">
                                            <option data-display="@lang('lesson::lesson.select_lesson') *" value="">
                                                @lang('lesson::lesson.select_lesson')*</option>
                                        </select>

                                        <div class="pull-right loader" id="select_lesson_loader"
                                            style="margin-top: -30px;padding-right: 21px;">
                                            <img src="{{asset('Modules/Lesson/Resources/assets/images/pre-loader.gif')}}"
                                                alt="" style="width: 28px;height:28px;">
                                        </div>
                                        @if ($errors->has('lesson'))
                                        <span class="text-danger invalid-select" role="alert" style="display: block">
                                            {{ $errors->first('lesson') }}
                                        </span>
                                        @endif

                                    </div>
                                </div>


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

                <div class="row">
                    <div class="col-lg-12">
                        <div class="white-box mt-10">
                            <div class="row align-items-center mb-3">
                                <div class="col-xl-9 col-lg-8 col-md-10 col-9">
                                    <div class="main-title my-0 md:mt-auto">
                                        <h5 class="mb-0">@lang('lesson::lesson.add_topic') </h5>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-lg-4 col-md-2 col-3 text-right">
                                    <button type="button" class="primary-btn icon-only fix-gr-bg"
                                        onclick="addRowTopic();" id="addRowBtn">
                                        <span class="ti-plus"></span></button>
                                </div>
                            </div>
                            <table class="" id="productTable">
                                <thead>
                                    <tr>


                                    </tr>
                                </thead>
                                <tbody>
                                    <tr id="row1" class="mt-40">
                                        <td>
                                            <input type="hidden" name="url" id="url" value="{{URL::to('/')}}">
                                            <input type="hidden" id="lang" value="@lang('lesson::lesson.title')">
                                            <div class="primary_input">
                                                <input
                                                    class="primary_input_field form-control{{ $errors->has('topic') ? ' is-invalid' : '' }}"
                                                    placeholder="{{ __('common.title') }}" type="text" id="topic"
                                                    name="topic[]" autocomplete="off"
                                                    value="{{isset($editData)? $editData->exam_title : '' }}">

                                            </div>
                                        </td>

                                        <td class="pl-2">
                                            <button class="primary-btn icon-only fix-gr-bg" type="button">
                                                <span class="ti-trash"></span>
                                            </button>

                                        </td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                @php
                $tooltip = "";
                if(userPermission("lesson.topic.store")){
                $tooltip = "";
                }else{
                $tooltip = "You have no permission to add";
                }
                @endphp
                <div class="row mt-40">
                    <div class="col-lg-12">
                        <div class="white-box">
                            <div class="row mt-40">
                                <div class="col-lg-12 text-center">
                                    <button class="primary-btn fix-gr-bg" data-toggle="tooltip" title="{{ @$tooltip}}">
                                        <span class="ti-check"></span>
                                        @if(isset($data))
                                        @lang('lesson::lesson.update_topic')
                                        @else
                                        @lang('lesson::lesson.save_topic')
                                        @endif


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

            {{ Form::close() }}

            <div class="col-lg-8 col-xl-9">
                <div class="white-box">
                    <div class="row">
                        <div class="col-lg-4 no-gutters">
                            <div class="main-title">
                                <h3 class="mb-15">@lang('lesson::lesson.topic_list')</h3>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <x-table>
                                <table id="table_id" class="table data-table" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                                            <th>@lang('common.sl')</th>
                                            <th>@lang('common.class')</th>
                                            <th>@lang('common.section')</th>
                                            <th>@lang('lesson::lesson.subject')</th>
                                            <th>@lang('lesson::lesson.lesson')</th>
                                            <th>@lang('lesson::lesson.topic')</th>
                                            <th>@lang('common.action')</th>
                                        </tr>
                                    </thead>
    
                                    <tbody>
                                        {{-- @php $count =1  @endphp
                                        @foreach($topics as $data)
    
                                            <tr>
                                                <td>{{$count++}}</td>
    
                                        <td>{{$data->class !=""?$data->class->class_name:""}}</td>
                                        <td>{{$data->section !=""?$data->section->section_name:""}}</td>
                                        <td>{{$data->subject !=""?$data->subject->subject_name:""}}</td>
                                        <td>{{$data->lesson !=""?$data->lesson->lesson_title:""}} </td>
    
                                        <td>
                                            @foreach($data->topics as $topicData)
                                            {{$topicData->topic_title}}
                                            {{!$loop->last ? ',' : ''}}
                                            <br>
                                            @endforeach
                                        </td>
    
    
                                        <td>
                                            <x-drop-down />
                                            @if(userPermission("topic-edit"))
                                            <a class="dropdown-item"
                                                href="{{route('topic-edit', $data->id)}}">@lang('common.edit')</a>
                                            @endif
                                            @if(userPermission("topic-delete"))
                                            <a class="dropdown-item" data-toggle="modal"
                                                data-target="#deleteExamModal{{$data->id}}"
                                                href="#">@lang('common.delete')</a>
                                            @endif
                        </div>
    
                    </div>
                    </td>
                    </tr>
                    <div class="modal fade admin-query" id="deleteExamModal{{$data->id}}">
                        <div class="modal-dialog modal-dialog-centered">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">@lang('lesson::lesson.delete_topic')</h4>
                                    <button type="button" class="close" data-dismiss="modal">&times;
                                    </button>
                                </div>
    
                                <div class="modal-body">
                                    <div class="text-center">
                                        <h4>@lang('common.are_you_sure_to_delete')</h4>
                                    </div>
    
                                    <div class="mt-40 d-flex justify-content-between">
                                        <button type="button" class="primary-btn tr-bg"
                                            data-dismiss="modal">@lang('common.cancel')</button>
                                        {{ Form::open(['route' => array('topic-delete',$data->id), 'method' => 'DELETE', 'enctype' => 'multipart/form-data']) }}
                                        <button class="primary-btn fix-gr-bg" type="submit">@lang('common.delete')</button>
                                        {{ Form::close() }}
                                    </div>
                                </div>
    
                            </div>
                        </div>
                    </div>
                    @endforeach --}}
                    </tbody>
                    </table>
                    </x-table>
                </div>
            </div>
        </div>


    </div>
    </div>


    </div>
</section>
{{-- delete topic modal  --}}
<div class="modal fade admin-query" id="deleteTopicModal">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">@lang('lesson::lesson.delete_topic')</h4>
                <button type="button" class="close" data-dismiss="modal">&times;
                </button>
            </div>

            <div class="modal-body">
                <div class="text-center">
                    <h4>@lang('common.are_you_sure_to_delete')</h4>
                </div>

                <div class="mt-40 d-flex justify-content-between">
                    <button type="button" class="primary-btn tr-bg" data-dismiss="modal">@lang('common.cancel')</button>
                    {{ Form::open(['route' => array('topic-delete'), 'method' => 'POST', 'enctype' => 'multipart/form-data']) }}
                    <input type="hidden" name="id" value="">
                    <button class="primary-btn fix-gr-bg" type="submit">@lang('common.delete')</button>
                    {{ Form::close() }}
                </div>
            </div>

        </div>
    </div>
</div>
@endsection
@push('script')
<script type="text/javascript" src="{{url('Modules\Lesson\Resources\assets\js\app.js')}}"></script>
<script src="{{asset('/backEnd/')}}/js/lesson_plan.js"></script>
@endpush

@include('backEnd.partials.data_table_js')
@include('backEnd.partials.server_side_datatable')
@push('script')

<script>
    $(document).ready(function () {
        $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            "ajax": $.fn.dataTable.pipeline({
                url: "{{route('get-all-topics-ajax')}}",
                data: {},
                pages: "{{generalSetting()->ss_page_load}}" // number of pages to cache

            }),
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'id'
                },
                {
                    data: 'class.class_name',
                    name: 'class_name'
                },
                {
                    data: 'section.section_name',
                    name: 'section_name'
                },
                {
                    data: 'subject.subject_name',
                    name: 'subject_name'
                },
                {
                    data: 'lesson.lesson_title',
                    name: 'lesson_title'
                },
                {
                    data: 'topics_name',
                    name: 'topics_name',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'action',
                    name: 'action',
                    orderable: false,
                    searchable: false
                },
            ],
            bLengthChange: false,
            bDestroy: true,
            language: {
                search: "<i class='ti-search'></i>",
                searchPlaceholder: window.jsLang('quick_search'),
                paginate: {
                    next: "<i class='ti-arrow-right'></i>",
                    previous: "<i class='ti-arrow-left'></i>",
                },
            },
            dom: "Bfrtip",
            buttons: [{
                    extend: "copyHtml5",
                    text: '<i class="fa fa-files-o"></i>',
                    title: $("#logo_title").val(),
                    titleAttr: window.jsLang('copy_table'),
                    exportOptions: {
                        columns: ':visible:not(.not-export-col)'
                    },
                },
                {
                    extend: "excelHtml5",
                    text: '<i class="fa fa-file-excel-o"></i>',
                    titleAttr: window.jsLang('export_to_excel'),
                    title: $("#logo_title").val(),
                    margin: [10, 10, 10, 0],
                    exportOptions: {
                        columns: ':visible:not(.not-export-col)'
                    },
                },
                {
                    extend: "csvHtml5",
                    text: '<i class="fa fa-file-text-o"></i>',
                    titleAttr: window.jsLang('export_to_csv'),
                    exportOptions: {
                        columns: ':visible:not(.not-export-col)'
                    },
                },
                {
                    extend: "pdfHtml5",
                    text: '<i class="fa fa-file-pdf-o"></i>',
                    title: $("#logo_title").val(),
                    titleAttr: window.jsLang('export_to_pdf'),
                    exportOptions: {
                        columns: ':visible:not(.not-export-col)'
                    },
                    orientation: "landscape",
                    pageSize: "A4",
                    margin: [0, 0, 0, 12],
                    alignment: "center",
                    header: true,
                    customize: function (doc) {
                        doc.content[1].margin = [100, 0, 100, 0]; //left, top, right, bottom
                        doc.content.splice(1, 0, {
                            margin: [0, 0, 0, 12],
                            alignment: "center",
                            image: "data:image/png;base64," + $("#logo_img").val(),
                        });
                    },
                },
                {
                    extend: "print",
                    text: '<i class="fa fa-print"></i>',
                    titleAttr: window.jsLang('print'),
                    title: $("#logo_title").val(),
                    exportOptions: {
                        columns: ':visible:not(.not-export-col)'
                    },
                },
                {
                    extend: "colvis",
                    text: '<i class="fa fa-columns"></i>',
                    postfixButtons: ["colvisRestore"],
                },
            ],
            columnDefs: [{
                visible: false,
            }, ],
            responsive: true,
        });
    });
</script>
<script>
    function deleteTopic(id) {
        var modal = $('#deleteTopicModal');
        modal.find('input[name=id]').val(id)
        modal.modal('show');
    }
</script>
@endpush