@extends('layouts.master')

@section('title', __('tr.Previous Exams'))
@section('titleicon', "icon-folder")

@section('content')
	<!-- BEGIN .main-content -->
	<div class="main-content">
		<div class="row gutters">
			<div class="col-lg-12 col-xs-12 col-md-12 col-sm-12">

            <div class="card">
                <div class="card-body pb-0">
                    <form action="" method="post" id="filter_form">
                        {{ csrf_field() }}
                        
                        <div class="row filter-box">
                        
                            {{--Last Study Term--}}
                            <div class="form-group col-md-2">
                                {!! Form::select('search_term_id', array(""=>__("tr.SelectTerm"))+$terms, null, array('class' => 'form-control', 'id'=> 'search_term_id', 'title'=> __('tr.Term'))); !!}
                            </div>

                            {{--Plan--}}
                            @include('components.select_bylaw_plan', ['bylaws'=>$bylaws, 'class' => 'form-control'])

                            <div class="form-group col-md-2">
                               <select class="form-control" id="search_exam_type" name="search_exam_type">
                                    <option value="">@lang('tr.Select Exam Type')</option>
                                    <option value="1">@lang('tr.Midterm')</option>
                                    <option value="2">@lang('tr.Final')</option>
                                </select>
                            </div>

                            {{--Text search[en_name, ar_name, code]--}}
                            <div class="form-group col-md-2">
                                <input class="form-control typeahead" type="text" data-placement="top" name="text_search" id="text_search" autocomplete="off" placeholder="@lang('tr.TextSearch')">
                            </div>


                            {{--Button--}}
                            <div class="col-md-2 float">
                                <button class="btn btn-primary" type="button" id="search_button">@lang('tr.Search')</button>
                            </div>

                            {{--Button--}}
                            <div class="col-md-2 float">
                                <button class="btn btn-danger" type="button" id="reset_button">@lang('tr.Reset')</button>
                            </div>

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

        <div class="row gutters">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<div class="card">
                    <div class="card-header">
                        @lang('tr.Previous Exams')
                        <button class="btn btn-sm btn-success float-right download" href="javascript:void(0)" disabled>
                            @lang('tr.Download')
                            <span class="badge badge-pill badge-danger" id="num_files">0</span>
                        </button>
                    </div>

		            <div class="card-body">
		                <table id="data_table" class="display" style="width:100%">
		                    <thead>
		                    <tr>
                                <th width="5%">#</th>
		                        <th>@lang('tr.Name')</th>
                                <th width="5%"></th>
                                <th></th>
		                    </tr>
		                    </thead>
		                </table>
		            </div>
				</div>
			</div>
		</div>
		<!-- Row end -->

        <form method="POST" action="{{ route('dashboard_download_previous_exams') }}" id="download_form" style="display: none;">
            {{ csrf_field() }}
            <input type="hidden" id="form_files" name="form_files">
            <input type="hidden" id="form_max_download" name="form_max_download" value="{{ $maxDownload }}">
        </form>
	</div>
	<!-- END: .main-content -->
@endsection

@section('pagejs')
	<script type="text/javascript">

        let selectedFiles = [];
        var download = '{{ route('secure_download_file')."?sid=#id" }}';

		$(document).ready(function() {

            var table = $('#data_table').DataTable({
                processing: false,
                serverSide: true,
                scrollX: true,
                stateSave: false,
                language: dataTableLanguage,
                rowId: 'id',
                "ajax": {
                    "url": '{{ route('dashboard_previous_exams') }}',
                    "dataSrc": "data.data"
                },
                "columns": [
                    {"data": "row_number", "name": "row_number"},
                    {"data": "name", "name": "name",
                        fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {
                            $(nTd).html("<a target='_blank' href='" + download.replace('#id', oData.secret) + "'>" + oData.name + "</a>");
                        }
                    },
                    {"data": "id", "name": "id",
                        fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {

                            let html = "<a title='@lang('erp.Mark File')' class='check_file' href='javascript:void(0)'><i class='icon-checkmark2 file_no_" + oData.id + "'></i></a>"

                            $(nTd).html("<span class='action-column'>" + html + "</span>");
                        }
                    },
                    {"data": "id", "name": "id", "visible": false},
                ]
            });
            
            $(".dataTables_filter").hide();

            $('#search_button').on('click', function () {

                selectedFiles = [];
                $('.download').attr('disabled', true);
                $('#num_files').text(selectedFiles.length);

                table.search($("#text_search").val());
                table.columns(0).search($("#search_term_id").val());
                table.columns(1).search($("#search_bylaw").val());
                table.columns(2).search($("#search_plan_id").val());
                table.columns(3).search($("#search_exam_type").val());
                table.draw();
            });

            $('#text_search').keydown(function (e) {
                if (e.keyCode == 13) {
                    e.preventDefault();
                    $('#search_button').trigger('click');
                }
            });

            $('#reset_button').on('click', function () {
                $("#text_search").val("");
                $("#search_term_id").val("");
                $("#search_bylaw").val("");
                $("#search_plan_id").val("");
                $("#search_exam_type").val("");
                $('#search_button').trigger('click');
            });

            $(document).on("click", ".check_file", function () {

                let addedBefore = false;
                let data = table.row($(this).closest('tr')).data();

                if(selectedFiles.includes(data.id))
                    addedBefore = true;

                let className = '.file_no_' + data.id;
                if (!addedBefore) {

                    if(selectedFiles.length < {{ $maxDownload }}) {

                        selectedFiles.push(data.id);
                        $(className).addClass('icon-checkmark');
                        $(className).removeClass('icon-checkmark2');
                    }
                    else {
                        errorBox("@lang('tr.The max number of files to select in one patch is :prev_exams_max_download', ['prev_exams_max_download'=> $maxDownload])");
                    }
                }
                else {

                    selectedFiles.splice(selectedFiles.indexOf(data.id), 1);
                    $(className).addClass('icon-checkmark2');
                    $(className).removeClass('icon-checkmark');
                }
                $('#num_files').text(selectedFiles.length);

                if(selectedFiles.length > 0)
                    $('.download').attr('disabled', false);
                else
                    $('.download').attr('disabled', true);
            });

            $(document).on('click', '.download', function () {

                $('#download_form').find('#form_files').val(selectedFiles);
                $('#download_form').submit();
            });
		});
	</script>
@endsection