@extends('layout.master') 
@section('content')




<div class="main-content app-content">
    <div class="container-fluid">
        <div
            class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb"
        >
            <div>
                <h2 class="main-content-title fs-24 mb-1">Employees</h2>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item">
                        <a href="javascript:void(0)">Home</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">
                        Employees List
                    </li>
                </ol>
            </div>
            <div class="d-flex">
                <!-- <div class="justify-content-center">
                  <a type="button" href="{{ route('employee.create') }}" class="btn btn-primary my-2 btn-icon-text d-inline-flex align-items-center">
                    <i class="fe fe-download-cloud me-2 fs-14"></i> Add Employee
                  </a>
              </div> -->
            </div>
        </div>
        @if(session('success'))
        <div
            class="alert alert-success alert-dismissible fade show"
            role="alert"
        >
            {{ session("success") }}
            <button
                type="button"
                class="btn-close"
                data-bs-dismiss="alert"
                aria-label="Close"
            ></button>
        </div>
        @endif

      

        <div class="row">
            <div class="col-xl-12">
                <div class="card custom-card">
                    <div class="card-body">
                        <div class="deleted-table table-responsive">
                            <div class="text-center"></div>
                            <div class="dataTables_wrapper dt-bootstrap5 no-footer" >
                              
                                <div class="row">
                                    <div class="col-sm-12">
                                    <table id="delete-datatable_wrapper" class="table tabp" style="width:100%">

                                            <thead>
                                                <tr>
                                                    <th>S.no</th>
                                                    <th>Name</th>
                                                    <th>Email</th>
                                                    <th>Department</th>
                                                    <th>Designation</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($employees as $emp)
                                                <tr>
                                                    <td>{{ $emp->id }}</td>
                                                    <td>{{ $emp->name }}</td>
                                                    <td>{{ $emp->email }}</td>
                                                    <td>
                                                        {{ $emp->department}}
                                                    </td>
                                                    <td>
                                                        {{ $emp->designation}}
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>
</div>



    
    <!-- Custom JS -->

@endsection