@extends("layouts.master")

@section("title")
Employment list
@endsection

@section("content")
<div class="page-wrapper">
    <div class="page-content">

        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3"> <a href="{{ url('dashboard')}}">Home</a> </div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item active" aria-current="page">User employment list</li>
                    </ol>
                </nav>
            </div>
        </div>

        <h6 class="mb-0 text-uppercase">User Employment List</h6>

        <!-- filters -->
        <div class="card mt-2 shadow-none">
            <div class="card-body">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12 mb-2">
                            <label class="fw-bold mb-1" style="font-size: 12px">Search by first name</label>
                            <input type="search" id="search" class=" form-control " placeholder="Search by name...">
                        </div>