@extends('layouts.internal')

@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('lookup.index')}}">Lookup</a></li>

</ol>
</div>
@endsection
<div class="card ">
          <div class="card-body">

    @if ($message = Session::get('success'))
    <div class="alert alert-success">
      <p>{{ $message }}</p>
    </div>
    @endif
    <div class="table-responsive">


        <table id="data-table" class="table table-bordered datatable">
        <a class="btn btn-success" href="{{ route('lookup.create') }}"> Create New</a>

            <thead>
                <tr>
                    <th>#</th>
                    <th>Type</th>
                    <th>Name</th>
                    <th>Value</th>
                    <th>Sort Order </th>
                     <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($records as $data)
                <tr>
                    <td>{{ $i++ }}</td>
                    <td>{{ $data->type }}</td>
                    <td>{{ $data->name }}</td>
                    <td>{{ $data->value }}</td>
                    <td>{{ $data->sort_order }}</td>
                    <td>
                       <a href="{{ route('lookup.show',$data->id) }}" class="view" title="Show" data-toggle="tooltip"><i class="fa fa-eye"></i></a>
                        <a href="{{ route('lookup.edit',$data->id) }}" class="edit" title="Edit" data-toggle="tooltip"><i class="fa fa-edit"></i></a>
                        <a href="{{route('jobsLookup', $data->id)}}" onclick='return confirm("Are you sure you want to delete?")'><i class="fa fa-trash"></i></a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

</div>


@section('css')
<link href="{{ asset('css/dataTables.bootstrap4.css') }}" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.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({
    "pageLength": 50, 
    "bLengthChange": false});
    $('.datatable').attr('style', 'border-collapse: collapse !important');

</script>
@endsection
@endsection