@extends('layouts.app')

@section('content')

<div class="main">
    @include('layouts.sidebar')

    <div class="content-section">
        @include('layouts.navbar')

        <!-- table section start -->
        <div class="outer-table">
            <h3 class="text-center">Employees</h3>
            
            @if (\Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <strong>Success! </strong> {!! \Session::get('success') !!}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @endif
            <a href="{{ route('addEmp') }}" class="active text-white btn my-2" ><i class="fa-regular fa-pen-to-square"></i> Add Employee</a>
            <table class="table table-striped table-bordered" border="1">
                <thead>
                    <tr>
                        <td>Employee ID</td>
                        <td>Employee Name</td>
                        <td>Employee mail</td>
                        <td>Status</td>
                        <td colspan=2 >Action</td>
                    </tr>
                </thead>
                <tbody>
              
                @foreach ($EmployeeList as $employee)
                <tr>
                    <td>{{$employee->employee_id}}</td>
                    <td>{{$employee->name}}</td>
                    <td>{{$employee->email}}</td>
                    <td>{{ ($employee->is_Active == 1)?("Active"):("In-Active") }}</td>
                    <td class="text-center" ><a href="{{ route('editEmp',['id'=>$employee->id])}}"><span class="edit-icon"> <i class="fa-regular fa-pen-to-square"></i></span></a></td>
                    <td class="text-center" ><a href="{{ route('delEmp',['id'=>$employee->employee_id])}}"><span class="edit-icon"> <i class="fa-solid fa-trash" onclick="return confirm('{{ __('Are you sure you want to remove this Employee ?') }}')"></i></span></a>
                </tr>
                @endforeach
              
                </tbody>
            </table>
        </div>
        <!-- table section end -->
         
    </div>
</div>


@endsection