@extends('layouts.private')

@section('content')

@section('breadcrumb')
<div class="c-subheader justify-content-between px-3">
<ol class="breadcrumb border-0 m-0 px-0 px-md-3">
<li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>
@if(url()->previous() != url()->current())
<li class="breadcrumb-item"><a href="{{url()->previous()}}">&leftarrow; Previous Page</a></li>
@endif						
<li class="breadcrumb-item"><a href="{{route('job-template.index')}}">Job Template</a></li>
</ol>
</div>
@endsection
<div class="container">
	
    <!-- bread -->
<div class="row">

    <div class="card col-12">
    @if(session()->has('success'))
        <div class="alert alert-success mt-3">
            {{ session()->get('success') }}
        </div>
        @endif
     
        <div class="card-body">
            <table class="table table-striped table-sm datatable">
            <a class="btn btn-success" href="{{ route('job-template.create') }}"> Create New</a>

                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Title</th>
                        <th>Created at</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($listing as $data)
                    <tr>
                    <td>{{ $data->name }}</td>
                    <td>{{ $data->title }}</td>
                    <td>{{ $data->created_at }}</td>
                    <td>  <a href="{{ route('job-template.edit',$data->id) }}" class="edit" title="Edit" data-toggle="tooltip"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>&nbsp;
                        <a onclick="return confirm('Are you sure you want to delete this template?')" href="{{ route('deleteJobTemplate',$data->id) }}" class="delete" title="Delete" data-toggle="tooltip"><i class="fa fa fa-trash" aria-hidden="true"></i></a>
                    </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

       
    </div>
</div>
@section('css')
<link href="{{ asset('css/dataTables.bootstrap4.css') }}" rel="stylesheet">
    @endsection
@section('script')
<script src="{{ asset('js/jquery.dataTables.js') }}"></script>
<script src="{{ asset('js/dataTables.bootstrap4.min.js') }}"></script>
<script> 
  

    $('.datatable').dataTable({
    "bLengthChange": false});
    $('.datatable').attr('style', 'border-collapse: collapse !important');
   
</script>

@endsection

@endsection