@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Edit Employee'))
@section('content')
    @include('admin.staff.partials.form_styles')
    <div class="container-fluid staff-form-wrap">
        <div class="row mt-3">
            <div class="col-12">
                <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
                    <div>
                        <h4 class="page-title mb-0">{{ __('Edit Employee') }}</h4>
                        <p class="text-muted mb-0 small">
                            {{ $staff->user?->name ?? __('Employee') }}
                            @if($staff->user)
                                <span class="text-muted">·</span> {{ $staff->displaySid() }}
                            @endif
                        </p>
                    </div>
                    <div class="d-flex flex-wrap" style="gap: 6px;">
                        <a href="{{ route('staffs.index') }}" class="btn btn-sm btn-outline-secondary">
                            <i class="fas fa-arrow-left mr-1"></i> {{ __('Back to list') }}
                        </a>
                        @can('User-list')
                            <a href="{{ route('staffs.show', $staff->id) }}" class="btn btn-sm btn-outline-info">
                                <i class="fas fa-eye mr-1"></i> {{ __('View profile') }}
                            </a>
                            <a href="{{ route('admin.staffs.history', $staff->id) }}" class="btn btn-sm btn-outline-secondary">
                                <i class="fas fa-history mr-1"></i> {{ __('History') }}
                            </a>
                        @endcan
                    </div>
                </div>

                @livewire('EmployeeDetails', ['staff_id' => $id])
            </div>
        </div>
    </div>
@endsection

@section('script')
    @include('admin.staff.partials.form_scripts')
@endsection