@extends('layouts.admin-layouts.admin-master')
@section('content')



<!-- START PAGE CONTENT-->
<div class="page-heading">
    <h1 class="page-title">Job Application</h1>
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="index.html"><i class="la la-home font-20"></i></a>
        </li>

    </ol>
</div>
<div class="page-content fade-in-up">
    <div class="ibox">
        <div class="ibox-body">
            <h5 class="font-strong mb-4">DATATABLE</h5>
            <div class="flexbox mb-4">
                <div class="flexbox">
                    <label class="mb-0 mr-2">Type:</label>
                    <select class="selectpicker show-tick form-control" id="type-filter" title="Please select"
                        data-style="btn-solid" data-width="150px">
                        <option value="">All</option>
                        <option>ID</option>
                        <option>FirstName</option>
                        <option>LastName</option>
                        <option>PhoneNo</option>
                        <option>Email</option>
                        <option>CV File </option>
                    </select>
                </div>
                <div class="input-group-icon input-group-icon-left mr-3">
                    <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>ID</th>
                            <th>FirstName</th>
                            <th>LastName</th>
                            <th>phoneNo</th>
                            <th>Email</th>
                            <th>File</th>
                            <th>Date</th>
                            <th>Status</th>
                            <th class="no-sort"></th>
                        </tr>
                    </thead>
                    <tbody>

                        <tr>
                        <tr>
                            @foreach($kk_careers as $value)

                            <a href="javascript:;">
                                <td>{{ $value->id }}
                            </a>
                            <td>{{ $value->firstname }}</td>
                            <td> {{ $value->lastname }}</td>
                            <td>{{ $value->phoneno }}</td>
                            <td>{{ $value->email }}</td>
                            <td>{{ $value->file }} </td>
                            <td>{{ $value->created_at }} </td>
                            <td>
                                <span class="badge badge-success badge-pill">pending</span>
                            </td>
                            <td>
                                <a class="text-muted font-16" href="javascript:;"><i class="ti-trash"></i></a>
                            </td>
                        </tr>
                        @endforeach
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
    @endsection