@extends('admin.layout.master')

@section('body')
    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <h3 class="tile-title ">
                    {{$page_title}}
                    <a href="{{ route('job-offers.create') }}" class="btn btn-primary pull-right bold"><i class="fa fa-plus"></i> Add job</a>
                </h3>

                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover order-column" id="">
                            <thead>
                            <tr>
                                <th>Job title</th>
                                <th>Location</th>
                                <th>Salary</th>
                                <th>Offer type</th>
                                <th>Description</th>
                                <th>Expires</th>
                                <th>Applicants</th>
                                <th>Added</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($careers as $job)
                                <tr>
                                    <td>{{ $job->title }}</td>
                                    <td>{{ $job->location }}</td>
                                    <td>{{ $job->salary }}</td>
                                    <td>{{ $job->job_type }}</td>
                                    <td>{{ strip_tags(str_limit($job->description, 20)) }}</td>
                                    <td>{!! $job->expires !!}</td>
                                    <td>
                                        {{ $job->applicants_count }}
                                        @if ($job->applicants_count > 0)
                                            <a href="{{ route('job-offers.show', $job->id) }}" class="btn btn-outline-primary btn-sm pull-right"><i class="fa fa-eye"></i> View</a>
                                        @endif
                                    </td>
                                    <td>{{ $job->created_at->diffForHumans() }}</td>
                                    <td>
                                        <a href="{{ route('job-offers.edit', $job->id) }}" class="btn btn-outline-primary btn-sm edit_button pull-left">
                                            <i class="fa fa-edit"></i> Edit
                                        </a>
                                        <form class="pull-right" action="{{ route('job-offers.destroy', $job->id) }}" method="post" style="display: inline-block;">
                                            {{ csrf_field() }}
                                            {{ method_field('DELETE') }}
                                            <button class="btn btn-outline-danger btn-sm delete_button" type="submit" onclick="return confirm('Are you sure you want to delete this job ? All job applicants will also be forever deleted !')">
                                                <i class='fa fa-trash'></i> Delete
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                            <tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('script')
    <script src="{{ asset('assets/admin/js/tinymce/tinymce.min.js') }}" type="text/javascript"></script>
    <script>
        var editor_config = {
            path_absolute: "/",
            selector: "textarea.my-editor",
            plugins: [
                "advlist autolink lists link image charmap print preview hr pagebreak",
                "searchreplace wordcount visualblocks visualchars code",
                "insertdatetime media nonbreaking save table contextmenu directionality",
                "emoticons paste textcolor colorpicker textpattern"
            ],
            toolbar: 'undo redo | styleselect | forecolor bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media preview',
            relative_urls: false,
            height: 250,
            language: '{{ app()->getLocale() }}',
        };

        tinymce.init(editor_config);
    </script>
@stop