@extends('layouts.app')
@section('title', $employee->exists ? 'Edit employee' : 'Add employee')
@section('content')
<h1 class="h4 mb-3">{{ $employee->exists ? 'Edit ' . $employee->name : 'Add employee' }}</h1>
<form method="post" action="{{ $employee->exists ? route('employees.update', $employee) : route('employees.store') }}" class="panel panel-b" style="max-width:760px">
  @csrf @if($employee->exists) @method('PUT') @endif
  <div class="row g-3">
    <div class="col-md-6"><label class="form-label">Full name</label><input name="name" class="form-control" value="{{ old('name', $employee->name) }}" required></div>
    <div class="col-md-6"><label class="form-label">Email (used to log in)</label><input type="email" name="email" class="form-control" value="{{ old('email', $employee->email) }}" required></div>
    <div class="col-md-6"><label class="form-label">{{ $employee->exists ? 'New password (leave empty to keep)' : 'Password (min 8 characters)' }}</label><input type="password" name="password" class="form-control" autocomplete="new-password" @required(!$employee->exists)></div>
    <div class="col-md-6"><label class="form-label">Role</label><select name="role" class="form-select">
      @foreach(['admin'=>'Admin / Owner (sees everything)','technician'=>'Technician','front_desk'=>'Front desk'] as $k=>$l)<option value="{{ $k }}" @selected(old('role', $employee->role)===$k)>{{ $l }}</option>@endforeach</select></div>
    <div class="col-md-4"><label class="form-label">Phone</label><input name="phone" class="form-control" value="{{ old('phone', $employee->phone) }}"></div>
    <div class="col-md-4"><label class="form-label">Monthly salary ({{ config('hitek.currency_symbol') }})</label><input type="number" step="0.01" min="0" name="salary" class="form-control" value="{{ old('salary', $employee->salary) }}"></div>
    <div class="col-md-4"><label class="form-label">Hire date</label><input type="date" name="hire_date" class="form-control" value="{{ old('hire_date', optional($employee->hire_date)->toDateString()) }}"></div>
    <div class="col-12"><div class="form-check"><input class="form-check-input" type="checkbox" name="active" value="1" id="act" @checked(old('active', $employee->active))><label class="form-check-label" for="act">Account is active (can log in)</label></div></div>
  </div>
  <div class="mt-3 d-flex gap-2"><button class="btn btn-primary">Save employee</button><a href="{{ route('employees.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
</form>
@endsection