@extends('layouts.admin')
@section('content')
    <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
    
    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('Applied Careers')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('Home')</a></li>
                    <li>@lang('Applied 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('Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif

    <div class="content">
        @if(IzoCommonHelper::hasPermission('applied_careers_list'))
            <table id="careerForm_table" class="table table-striped table-bordered responsive">
                <thead>
                <tr class="headings">
                    <th>@lang('Id')</th>
                    <th>@lang('Name')</th>
                    <th>@lang('Career')</th>
                    <th>@lang('Hospital')</th>
                    <th>@lang('Email')</th>
                    <th>@lang('Mobile')</th>
                    <th>@lang('Address')</th>
                    <th>@lang('Resume')</th>
                    {{-- <th>@lang('Status')</th> --}}
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                        <div class="list-empty-text text-center"> @lang('No records found!.') </div>
                    </td>
                </tr>
                </tbody>
            </table>
        @endif
    </div>

    <script type="text/javascript">
        $(function () {
            $('#careerForm_table').DataTable({
                dom: 'lfrtip',
                search: {
                    'caseInsensitive': true
                },
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: false,
                ajax: '{!! url('admin/careerForm/ajax-list') !!}',
                type: 'POST',
                // "order": [],
                // "columnDefs": [{
                //     "targets": 'no-sort',
                //     "orderable": false,
                // }],
                columns: [
                    {data: 'id', name: 'id', orderable: false},
                    {data: 'name', name: 'name', searchable: true, orderable: false},
                    {data: 'career_name', name: 'career_name', searchable: true, orderable: false},
                    {data: 'hospital_name', name: 'hospital_name', searchable: true, orderable: false},
                    {data: 'email', name: 'email', searchable: true, orderable: false},
                    {data: 'phone', name: 'phone', searchable: true, orderable: false},
                    {data: 'address', name: 'address', searchable: false, orderable: false},
                    // {data: 'resume', name: 'resume', searchable: false},
                    {data: 'action', name: 'action', orderable: false},
                    // {data: 'status', name: 'status'},
                ],
                stateSave: true,
                 "bDestroy": true
            });
        });
        function changeStatus(rating_id)
        {
            var conf = confirm('Are you sure want to active/inactive this CareerForm?');
            if (conf == true) {
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/careerForm/update-status') }}';
                var status = $('body #rating-' + rating_id).data("status");
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: {'status': status, 'rating_id': rating_id},
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) 
                    {
                        if (resp.http_code == 400) {
                            toastr.warning(resp.message);
                        } else if (resp.http_code == 200) {
                            if (status == 0) {
                                $('#rating-' + rating_id).data('status', 1);
                                $('#rating-' + rating_id).attr('class', '');
                                $('#rating-' + rating_id).attr('class', 'glyphicon glyphicon-thumbs-down');
                            } else if (status == 1) {
                                $('#rating-' + rating_id).data('status', 0);
                                $('#rating-' + rating_id).attr('class', '');
                                $('#rating-' + rating_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>
@endsection