@php
    $layout = auth('employee')->check()?'employee':'admin';
@endphp
@extends('layout.'.$layout.'.master')

@section('content')
    <div class="main-content">
        <section class="section">
            <div class="section-body">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h4>{{ __('messages.employees') }}</h4>
                                <div class="card-header-action">
                                    <a href="{{ route('employees.create') }}" id="addBtn"
                                        class="btn btn-icon icon-left btn-primary"><i class="fas fa-plus"></i>
                                        {{ __('messages.add_employee') }}</a>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-striped" id="table-1">
                                        <thead>
                                            <tr>
                                                <th class="text-center">#</th>
                                                <th>{{ __('messages.employee_type') }}</th>
                                                <th>{{ __('messages.vehicle') }}</th>
                                                <th>{{ __('messages.name') }}</th>
                                                <th>{{ __('messages.email') }}</th>
                                                <th>{{ __('messages.phone') }}</th>
                                                <th>{{ __('messages.image') }}</th>
                                                <th>{{ __('messages.created_at') }}</th>
                                                <th>{{ __('messages.status') }}</th>
                                                <th>{{ __('messages.action') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($employees as $key => $employee)
                                                <tr>
                                                    <td>{{ $key + 1 }}</td>
                                                    <td>{{ strtoupper($employee->type)}}</td>
                                                    <td>{{ $employee->vehicle ? $employee->vehicle->name : ''}}</td>
                                                    <td>{{ $employee->fname . ' ' . $employee->lname }}</td>
                                                    <td>{{ $employee->email }}</td>
                                                    <td>{{ $employee->phone }}</td>
                                                    <td>
                                                        <img alt="image" src="{{ asset($employee->image) }}"
                                                            width="35">
                                                    </td>
                                                    <td>{{ $employee->created_at->diffForHumans() }}</td>
                                                    <td>
                                                        <div class="badge badge-success badge-shadow">
                                                            {{ $employee->status ? __('messages.active') : __('messages.deactive') }}</div>
                                                    </td>
                                                    <td>
                                                        <a href="{{ route('employees.edit', ['employee' => $employee->id]) }}"
                                                            class="btn btn-icon btn-primary" title="Edit">
                                                            <i class="fas fa-edit"></i>
                                                        </a>
                                                        {{-- <a href="{{ route('employees.show', ['employee' => $employee->id]) }}"
                                                            class="btn btn-icon btn-info" title="Detail">
                                                            <i class="fas fa-info-circle"></i>
                                                        </a> --}}
                                                        <form
                                                            action="{{ route('employees.destroy', ['employee' => $employee->id]) }}"
                                                            method="POST" style="display:inline-block;">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="btn btn-icon btn-danger"
                                                                title="Delete"
                                                                onclick="return confirm('هل أنت متأكد من حذف هذا الموظف؟ لا يمكن التراجع عن هذا.');">
                                                                <i class="fas fa-trash-alt"></i>
                                                            </button>
                                                        </form>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="8" class="text-center">
                                                        {{ __('messages.no_employees_found') }}
                                                    </td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection