@extends('layout.default')
@section('page_toolbar')

<a class="btn btn-danger btn-sm mr-2" type="button" onclick="importTopic()"> Import </a>
    <button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="addTopic(null)">
        <i class="fas fa-angle-double-left" aria-hidden="true"></i> Add Topic
    </button>
  &nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm"  href="{{ URL::previous() }}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection
@section('content')
<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
       <!-- filter Start -->
       <div class="row">                          
        <div class="form-group  col-md-3 col-xs-12">
            <label class="col-form-label ">Country </label>
            {!! Form::select('country', $countries , Session::get('country'), ['class' => 'form-control new-drop-section select2 ', 'id' => 'country', 'style' => 'width:100%','placeholder'=>'Select Country']) !!}
        </div>  
        <div class="form-group  col-md-3 col-xs-12">
            <label class="col-form-label ">Curriculum </label>
            <div id="curriculum_blck_filter">
            {!! Form::select('curriculum', $curriculum ,'', ['class' => 'form-control new-drop-section select2', 'placeholder' => 'Select curriculum','id' => 'curriculum']) !!}
            </div>
        </div>  
        <div class="form-group  col-md-3 col-xs-12">
            <label class="col-form-label ">Subject</label>
            {!! Form::select('subject', $subjects , '', ['class' => 'form-control new-drop-section select2 ', 'id' => 'subject', 'style' => 'width:100%','placeholder'=>'Select Subject']) !!}
        </div>
         <div class="col-md-3 col-xs-12">
            <div class="form-group row">
                <label class="col-form-label">&nbsp;</label>
                <div class="col-sm-12 text-left" >
                    <button type="button" class="btn btn-light-primary font-weight-bold filterSubmit" >Filter</button>
                    <button type="button" class="btn btn-light-success font-weight-bold" id="filterClear">Clear</button>
                </div>
            </div>
          </div>
    </div>
    <br>
  <!-- filter end -->
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>Code</th>
                    <th>Topic</th>
                    <th>Country</th>
                    <th>Curriculum</th>
                    <th>Subject</th>
                    <th>Year / Paper</th>  
                    <th width="10%">Action</th>  
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!--end::Content-->
@include('admin.topics.topic_modal')
@include('admin.topics.topic_import_modal')

@endsection
@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script>
    var table;
            ajaxListing();
            function ajaxListing()
    {
        $(function () {