@extends('admin.layout')

@section('title', 'Edit Employee')
@section('header_title', 'Edit Employee Profile')
@section('header_subtitle', 'Update employee details and system access.')

@section('content')

<div id="page-content">
    <div class="registration-progress">
        <a href="{{ route('admin.edit_employee', ['id' => $employee_id, 'step' => 1]) }}" class="progress-step  " style="text-decoration: none;">
            <div class="step-icon">1</div>
            <div class="step-label">Personal & Identity</div>
        </a>
        <a href="{{ !empty($employee_id) ? route('admin.edit_employee', ['id' => $employee_id, 'step' => 2]) : 'javascript:void(0)' }}" class="progress-step  " style="text-decoration: none; pointer-events: none; opacity: 0.7;">
            <div class="step-icon">2</div>
            <div class="step-label">Address & KYC</div>
        </a>
        <a href="{{ !empty($employee_id) ? route('admin.edit_employee', ['id' => $employee_id, 'step' => 3]) : 'javascript:void(0)' }}" class="progress-step  " style="text-decoration: none; pointer-events: none; opacity: 0.7;">
            <div class="step-icon">3</div>
            <div class="step-label">Banking & Education</div>
        </a>
        <a href="{{ !empty($employee_id) ? route('admin.edit_employee', ['id' => $employee_id, 'step' => 4]) : 'javascript:void(0)' }}" class="progress-step  " style="text-decoration: none; pointer-events: none; opacity: 0.7;">
            <div class="step-icon">4</div>
            <div class="step-label">Experience & Access</div>
        </a>
    </div>

    <div class="uk-card uk-card-default uk-card-body">
        <div class="modal-header">
            <h4 class="modal-title">
                            </h4>
        </div>