@extends('layouts.app')
@section('page-title', isset($employee) ? 'Edit Employee' : 'Add Employee')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-{{ isset($employee) ? 'edit' : 'user-plus' }}" style="color:#0097c4"></i>
        {{ isset($employee) ? 'Edit Employee: '.$employee->name : 'Add New Employee' }}
    </h1>
    <a href="{{ route('employees.index') }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left"></i> Back
    </a>
</div>

<div class="card">
    <div class="card-header"><i class="fas fa-id-card"></i> Employee Details</div>
    <div class="card-body">
        <form method="POST"
              action="{{ isset($employee) ? route('employees.update', $employee) : route('employees.store') }}"
              enctype="multipart/form-data">
            @csrf
            @if(isset($employee)) @method('PUT') @endif

            <!-- Photo -->
            @if(isset($employee) && $employee->photo)
            <div class="form-group" style="text-align:center; margin-bottom:20px;">
                <img src="{{ asset('storage/'.$employee->photo) }}"
                     style="width:80px;height:100px;object-fit:cover;border-radius:8px;border:2px solid #e2e8f0;">
            </div>
            @endif

            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">RG-ID *</label>
                    <input type="text" name="rg_id" class="form-control @error('rg_id') is-invalid @enderror"
                           value="{{ old('rg_id', $employee->rg_id ?? '') }}" required>
                    @error('rg_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="form-group">
                    <label class="form-label">Full Name *</label>
                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
                           value="{{ old('name', $employee->name ?? '') }}" required>
                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="form-group">
                    <label class="form-label">Date of Birth *</label>
                    <input type="date" name="dob" class="form-control"
                           value="{{ old('dob', isset($employee) ? $employee->dob->format('Y-m-d') : '') }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label">Joining Date *</label>
                    <input type="date" name="joining_date" class="form-control"
                           value="{{ old('joining_date', isset($employee) ? $employee->joining_date->format('Y-m-d') : '') }}" required>
                </div>
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Designation</label>
                    <input type="text" name="designation" class="form-control"
                           value="{{ old('designation', $employee->designation ?? '') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Blood Group</label>
                    <select name="blood_group" class="form-control">
                        <option value="">Select</option>
                        @foreach(['A+','A-','B+','B-','O+','O-','AB+','AB-'] as $bg)
                            <option value="{{ $bg }}" {{ old('blood_group', $employee->blood_group ?? '') === $bg ? 'selected' : '' }}>{{ $bg }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Contact No</label>
                    <input type="text" name="contact_no" class="form-control"
                           value="{{ old('contact_no', $employee->contact_no ?? '') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-control">
                        <option value="Active"   {{ old('status', $employee->status ?? 'Active') === 'Active'   ? 'selected' : '' }}>Active</option>
                        <option value="Inactive" {{ old('status', $employee->status ?? '')        === 'Inactive' ? 'selected' : '' }}>Inactive</option>
                    </select>
                </div>
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Legal Entity</label>
                    <select name="legal_entity_id" class="form-control">
                        <option value="">Select</option>
                        @foreach($legalEntities as $le)
                            <option value="{{ $le->id }}" {{ old('legal_entity_id', $employee->legal_entity_id ?? '') == $le->id ? 'selected' : '' }}>{{ $le->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Department</label>
                    <select name="department_id" class="form-control">
                        <option value="">Select</option>
                        @foreach($departments as $dept)
                            <option value="{{ $dept->id }}" {{ old('department_id', $employee->department_id ?? '') == $dept->id ? 'selected' : '' }}>{{ $dept->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Section</label>
                    <select name="section_id" class="form-control">
                        <option value="">Select</option>
                        @foreach($sections as $sec)
                            <option value="{{ $sec->id }}" {{ old('section_id', $employee->section_id ?? '') == $sec->id ? 'selected' : '' }}>{{ $sec->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Location</label>
                    <select name="location_id" class="form-control">
                        <option value="">Select</option>
                        @foreach($locations as $loc)
                            <option value="{{ $loc->id }}" {{ old('location_id', $employee->location_id ?? '') == $loc->id ? 'selected' : '' }}>{{ $loc->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="form-label">Photo</label>
                <input type="file" name="photo" class="form-control" accept="image/*">
                <div style="font-size:0.75rem; color:#94a3b8; margin-top:4px;">Max 2MB. JPG/PNG/GIF</div>
            </div>

            <div style="display:flex; gap:10px; margin-top:8px;">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> {{ isset($employee) ? 'Update Employee' : 'Save Employee' }}
                </button>
                <a href="{{ route('employees.index') }}" class="btn btn-secondary">
                    <i class="fas fa-times"></i> Cancel
                </a>
            </div>
        </form>
    </div>
</div>
@endsection