@extends('layouts.admin-layouts.admin-master')
@section('content')
@include('layouts.admin-layouts.alerts.flash-message')
<div class="page-content fade-in-up">
    <div class="ibox">
        <div class="ibox-body">
            <a href="{{ route('postjob.create') }}" class='btn pull-right btn-info'>Post Job</a>
            <h5 class="font-strong mb-4">Post list</h5>
            <div class="flexbox mb-4">
                <div class="flexbox">

                </div>
                <div class="input-group-icon input-group-icon-left mr-3 mt-4">
                    <span class="input-icon input-icon-right font-16"><i class="ti-search"></i></span>
                    <input class="form-control form-control-rounded form-control-solid" id="key-search" type="text"
                        placeholder="Search ...">
                </div>
            </div>
            <div class="table-responsive row">
                <table class="table table-bordered table-hover" id="datatable">
                    <thead class="thead-default thead-lg">
                        <tr>

                            <th>#</th>
                            <th>Title</th>
                            <th>Department</th>
                            <th>Discipline</th>
                            <th>Last Date</th>
                            <th>Image</th>
                            <th>Description</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($jobs as $data)
                        <tr>
                            <td>{{ $loop->index+1 }}</td>
                            <td>{{ $data->title }}</td>
                            <td>{{ $data->department_name }}</td>
                            <td>{{ $data->discipline_name }}</td>
                            <td> {{ \Carbon\Carbon::parse($data->last_date)->format('d-M-Y')}}</td>
                            <td> 
                                @if($data->file)
                                <img src="{{asset('assets/images/job_posts/'.$data->file)}}" width="100">
                                @endif
                            </td>
                            <td>{!! $data->description !!}</td>
                            <td><a href="{{ route('postjob.edit',$data->id) }}" class="btn btn-primary">Edit</a>
                                <span class="btn btn-danger"
                                    onclick="job_delete({{ $data->id }})">Delete</span>
                                </td>
                                </tr>
                                @endforeach
                                
                                
                            </tbody>
                            
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.models.job-delete')
@endsection
@section('js-script')
<script type="text/javascript">
    function job_delete(delete_id) {
        $('#delete_job_modal').modal('show');
        $('#delete_id').val(delete_id)
    }
$(document).ready(function(){

    // Delete
    $('#deleteJob').click(function () {
        let form_data = $('#DeleteJobData');
        let id = $('#delete_id').val();
        let delete_url = 'postjob/' + id;
        $.ajax({
            method: "DELETE",
            url: delete_url,
            data: form_data.serialize(),
        }).done(function (res) {
            if (res.success) {
                Swal.fire({
                        icon: 'success',
                        title: res.success,
                        showConfirmButton: false,
                        timer: 2000

                    })

                    setTimeout("location.reload(true);", 2000);

                
            }
            else {
                Swal.fire({
                    icon: 'error',
                    title: res.error,
                    showConfirmButton: true,
                    timer: 5000

                })

            
            }
        });
    });
});
</script>
@endsection