@extends('layouts.backend')


@section('content')
    <section class="privatePanel Loads">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 menu">
                    <div class="col-lg-12 menuContent">
                        <ul>
                            <a href="/Private/Reports">
                                <li>Reports</li>
                            </a>
                            <a href="/Private/Documents">
                                <li>Documents</li>
                            </a>
                            <a href="/Private/Customers">
                                <li>Customers</li>
                            </a>
                            <a href="/Private/Jobs">
                                <li>Jobs</li>
                            </a>
                            <a class="active" href="/Private/Employees">
                                <li>Employees</li>
                            </a>
                            <a href="/Private/Services">
                                <li>Services</li>
                            </a>
                            <a href="/Private/Invoices">
                                <span class="unread_items invoicesItems @if($getThis->getFinancialUnreadInvoices()==0) hide @endif">{{$getThis->getFinancialUnreadInvoices()}}</span>
                                <li>Invoices</li>
                            </a>
                            <a href="/Private/Messages">
                                <li>Messages</li>
                            </a>
                            <a href="/Private/Settings">
                                <li>Settings</li>
                            </a>
                            <a href="/Private/Logout">
                                <li>Logout</li>
                            </a>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-10 content">
                    <h2 class="title">Employees</h2>

                    <div class="row col-lg-12 actions">
                        <div class="col-lg-10"></div>
                        <div class="col-lg-2 btnArea">
                            <a href="/Private/addEmployee" class="btn btn-warning">Add new employee</a>
                        </div>

                    </div>

                    <div class="row thead">
                        <div class="col-lg-1">#</div>
                        <div class="col-lg-4">Name</div>
                        <div class="col-lg-3">Email / Telefon</div>
                        <div class="col-lg-2">Department</div>
                        <div class="col-lg-1">View</div>
                        <div class="col-lg-1"></div>
                    </div>

                    @php
                        $i = 0;
                    @endphp
                    @foreach ($employees as $employee)
                        @php $i++ @endphp
                        <div class="row tbody">
                            <div class="col-lg-1">{{ $i }}</div>
                            <div class="col-lg-4 customer">
                                <div><a href="/Private/editEmployee/{{ $employee->id }}">{{ $employee->name }}</a></div>
                            </div>
                            <div class="col-lg-3 contact">
                                <div>{{ $employee->email }}</div>
                                
                                <div>
                                @if (empty($employee->phone_number))
                                -
                                @else
                                    {{ $employee->phone_number }}
                                @endif
                            </div>
                            </div>
                            <div class="col-lg-2">{{$getThis->userRole($employee->role)}}</div>
                            <div class="col-lg-1">
                                <a href="/Private/editEmployee/{{ $employee->id }}"><i class="fa-solid fa-eye editItem"
                                        id="{{ $employee->id }}"></i></a>
                            </div>
                            <div class="col-lg-1">
                            <i class="fa-solid fa-trash deleteEmployee deleteItem" id="{{$employee->id}}"></i>
                            </div>
                        </div>
                    @endforeach


{{$employees->links()}}




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

    </section>
@endsection