@extends('layouts.admin')
@section('content')
<script src="{{ url('js/jquery.min.js') }}" type="text/javascript"></script>
<script type="javascript" src="{{ url('js/jquery-ui-1.10.3.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('plugins/export/dataTables.buttons.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('plugins/export/jszip.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('plugins/export/pdfmake.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('plugins/export/vfs_fonts.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('plugins/export/buttons.html5.min.js') }}"></script>
<link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('plugins/export/buttons.dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />

<!--toastr -->
<script type="text/javascript" src="{{ URL::asset('js/toastr.min.js') }}"></script>
<link rel="stylesheet" href="{{ URL::asset('css/toastr.min.css') }}" />

<div class="pageheader">
    <div class="media">
        <div class="media-body">
            <h4>@lang('messages.Careers')</h4>
            <ul class="breadcrumb">
                <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a>
                </li>
                <li>@lang('messages.Careers')</li>
            </ul>
        </div>
    </div>
</div>

@if (Session::has('message'))
<div class="admin_sucess_common">
    <div class="admin_sucess">
        <div class="alert alert-info">
            <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
        </div>
    </div>
</div>
@endif
<div class="buttons_block">
    @if(IzoCommonHelper::hasPermission('careers_add'))
    <div class="btn-group mr5">
        <a class="btn btn-primary tip" href="{{ URL::to('admin/careers/create') }}" title="Add New">@lang('messages.Add New')</a>
    </div>
    @endif
</div>

<div class="content">
    @if(IzoCommonHelper::hasPermission('careers_list'))
    <table id="tag-table" class="table table-striped table-bordered responsive">
        <thead>
            <tr class="headings">
                <th>@lang('messages.Id')</th>
                <th>@lang('messages.Title')</th>
                <th>@lang('messages.Description')</th>
                <th>@lang('messages.Hospital')</th>
                <th>@lang('messages.Qualification')</th>
                <th>@lang('messages.Experience')</th>
                <th>@lang('messages.Status')</th>
                <th>@lang('messages.Edit')</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                    <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                </td>
            </tr>
        </tbody>
    </table>
    @endif
</div>
<script>
    $(function() {
        $('#tag-table').DataTable({
            dom: 'lfrtip',
            search: {
                'caseInsensitive': true
            },
            /*buttons: [
             {
             extend: 'excel',
             footer: false,
             title:'Service-Category',
             text:'Export',
             exportOptions: {
             columns: [0,1,2,3]
             }
             }
             ], */
            "lengthMenu": [
                [25, 50, 100],
                [25, 50, 100]
            ],
            processing: true,
            serverSide: true,
            responsive: true,
            autoWidth: false,
            ajax: '{{ url('admin/careers/ajax-list') }}',
            "order": [],
            "columnDefs": [{
                "targets": 'no-sort',
                "orderable": false,
            }],
            columns: [
                    {data: 'id', name: 'id'},
                    {data: 'title', name: 'title', searchable: true},
                    {data: 'description', name: 'description', searchable: true},
                    {data: 'hospital_name', name: 'hospital_name', searchable: true},
                    {data: 'qualification', name: 'qualification', searchable: false},
                    {data: 'experience', name: 'experience', searchable: false},
                    {data: 'status', name: 'status', searchable: true},
                    {data: 'action', name: 'action', orderable: false},
               ],
        });
    });
</script>
<script type="text/javascript">
    function changeStatus(career_id) {
        var status = $('body #tag-' + career_id).data("status");

        if (status == 0) {
            var conf = confirm('Would you like to un approve this career ?');
        } else {
            var conf = confirm('Would you like to  approve this career ?');
        }

        if (conf == true) {
            var token, url;
            token = $('meta[name="csrf-token"]').attr('content');
            url = '{{ url('admin/careers/change-status') }}';

            $.ajax({
                url: url,
                headers: {'X-CSRF-TOKEN': token},
                data: {'status': status, 'career_id': career_id},
                type: 'POST',
                datatype: 'json',
                success: function(resp) {
                    if (resp.http_code == 400) {
                        err_msg = resp.message.replace(/, \\n /g, '<br>');
                        toastr.error(err_msg);
                    } else if (resp.http_code == 200) {
                        if (status == 0) {
                            $('#tag-' + career_id).data('status', 1);
                            $('#tag-' + career_id).attr('class', '');
                            $('#tag-' + career_id).attr('class', 'glyphicon glyphicon-thumbs-down');
                        } else if (status == 1) {
                            $('#tag-' + career_id).data('status', 0);
                            $('#tag-' + career_id).attr('class', '');
                            $('#tag-' + career_id).attr('class', 'glyphicon glyphicon-thumbs-up');
                        }
                        toastr.success(resp.message);
                    } else if (resp.http_code == 401) {
                        toastr.warning(resp.message);
                        var login = '{{ url('admin/login')}}';
                        $(location).attr('href', login);
                    } else if (resp.http_code == 500) {
                        toastr.warning(resp.message);
                    }
                }
            });
        }
    }
</script>
<style>
    .status {
        cursor: pointer;
    }
</style>
@endsection