@extends('layouts.master')

@section('title', __("tr.Jobs"))
@section('subtitle', __("tr.Jobs List" ) )
@section('titleicon', "icon-bookmarks")

@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">
                @include('system.components.notifications')

                @if ($errors->any())
                    <div class="card">
                        <div class="card-body pb-0">
                            <div class="filter-box">
                                <div class="row">
                                    @foreach ($errors->all() as $error)
                                        <div class="col-md-12">
                                            <div class="alert alert-danger" role="alert">
                                                {{$error}}
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                <div class="card">
                    <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                        <div class="card-body">
                            <table id="alumni_jobs_table" class="display" style="width:100%">
                                <thead>
                                <tr>
                                    <th width="5%">@lang('tr.#')</th>
                                    <th width="25%">@lang('tr.Title')</th>
                                    <th width="20%">@lang('tr.Company')</th>
                                    <th width="25%">@lang('tr.Specializations')</th>
                                    <th width="20%">@lang('tr.Submission Due Date')</th>
                                    <th width="5%"></th>
                                </tr>
                                </thead>
                            </table>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Row end -->

    </div>
    <!-- END: .main-content -->

    <script type="text/javascript">

        var showURL = '{{ route('show_job_post', ['jobPost'=>'#id']) }}';
        var downloadReport = '{{route('download_file', ['archive'=>'#id']) }}';

        $(document).ready(function() {

            var table = $('#alumni_jobs_table').DataTable({
                processing: true,
                serverSide: true,
                scrollX: true,
                stateSave: false,
                rowId: 'id',
                language: dataTableLanguage,
                "ajax": {
                    "url": '{{ route('alumni_jobs') }}',
                    "dataSrc": "data.data"
                },
                "columns": [
                    {"data": "id", "name": "id"},
                    {"data": "title", "name": "title"},
                    {"data": "company_name", "name": "company_name",
                        fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {

                            var html = oData.company_name;
                            if (oData.archive_id) {
                                html += " <img src='"+downloadReport.replace('#id', oData.archive_id)+"' width='50' height='50' />"
                            }

                            $(nTd).html(html);
                        }
                    },
                    {"data": "specializations", "name": "specializations",
                        fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {

                            var html = '';
                            Object.entries(oData.specializations).forEach(function(value, key) {

                                html += value[1];
                                if((key+1) < oData.specializations.length)
                                    html += '<span class="text-separator">, </span>';
                            });

                            $(nTd).html(html);
                        }
                    },
                    {"data": "submission_due_date", "name": "submission_due_date"},
                    {"data": "id", "name": "id",
                        fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {

                            var html = "";
                            html += "<a target='_blank' title='@lang('tr.View')' href='"+showURL.replace('#id', oData.id)+"' ><i class='icon-eye'></i></a>&nbsp;";
                            
                            $(nTd).html("<span class='action-column'>" + html + "</span>");
                        }
                    },
                ]
            });

            $(".dataTables_filter").hide();

        });
    </script>
@stop