@extends('layouts.app')

@section('title', 'Employee Profile')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Employee Profile</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4 text-center">
                            <img src="{{ $employee->avatar }}" class="rounded-circle mb-3" width="120" height="120">
                            <h4>{{ $employee->full_name }}</h4>
                            <p class="text-muted">{{ $employee->profile->employee_id ?? '' }}</p>
                            <span class="badge bg-{{ $employee->status->class ?? 'secondary' }}">
                                {{ $employee->status->name }}
                            </span>
                        </div>
                        <div class="col-md-8">
                            <div class="row">
                                <div class="col-md-6">
                                    <h6>Personal Information</h6>
                                    <table class="table table-sm">
                                        <tr>
                                            <td><strong>First Name:</strong></td>
                                            <td>{{ $employee->first_name }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Last Name:</strong></td>
                                            <td>{{ $employee->last_name }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Email:</strong></td>
                                            <td>{{ $employee->email }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Phone:</strong></td>
                                            <td>{{ $employee->profile->phone ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Join Date:</strong></td>
                                            <td>{{ $employee->profile->join_date?->format('M d, Y') ?? 'N/A' }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <h6>Work Information</h6>
                                    <table class="table table-sm">
                                        <tr>
                                            <td><strong>Department:</strong></td>
                                            <td>{{ $employee->departments->pluck('name')->join(', ') }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Designation:</strong></td>
                                            <td>{{ $employee->designations->pluck('name')->join(', ') }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Working Shift:</strong></td>
                                            <td>{{ $employee->currentWorkingShift()->first()?->name ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Current Status:</strong></td>
                                            <td>
                                                @if($employee->is_punched_in)
                                                    <span class="badge bg-success">Punched In</span>
                                                @else
                                                    <span class="badge bg-secondary">Punched Out</span>
                                                @endif
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row mt-4">
                        <div class="col-12">
                            <h6>Address</h6>
                            <p>{{ $employee->profile->address ?? 'N/A' }}</p>
                        </div>
                    </div>
                    
                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="d-flex gap-2">
                                <a href="{{ route('employees.index') }}" class="btn btn-secondary">
                                    <i class="fas fa-arrow-left me-2"></i>Back to Employees
                                </a>
                                @if(auth()->user()->can('edit_employees'))
                                    <a href="{{ route('employees.edit', $employee->id) }}" class="btn btn-primary">
                                        <i class="fas fa-edit me-2"></i>Edit Employee
                                    </a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection