@extends('layouts.app')
@section('title', $employee->exists ? __('Edit Employee') : __('New Employee'))

@section('content')
<form method="POST" action="{{ $employee->exists ? route('employees.update', $employee) : route('employees.store') }}" class="mx-auto max-w-3xl">
    @csrf
    @if ($employee->exists) @method('PUT') @endif
    <div class="card grid grid-cols-1 gap-4 sm:grid-cols-2">
        <div><label class="label">{{ __('Name') }} *</label><input type="text" name="name" value="{{ old('name', $employee->name) }}" required class="input"></div>
        <div><label class="label">{{ __('Email') }} *</label><input type="email" name="email" value="{{ old('email', $employee->email) }}" required class="input"></div>
        <div><label class="label">{{ __('Phone') }}</label><input type="text" name="phone" value="{{ old('phone', $employee->phone) }}" class="input"></div>
        <div><label class="label">{{ __('Position') }}</label><input type="text" name="position" value="{{ old('position', $employee->position) }}" class="input"></div>
        <div><label class="label">{{ __('Store') }}</label>
            <select name="store_id" class="input">
                <option value="">{{ __('None') }}</option>
                @foreach ($stores as $store)<option value="{{ $store->id }}" @selected(old('store_id', $employee->store_id)==$store->id)>{{ $store->name }}</option>@endforeach
            </select>
        </div>
        <div><label class="label">{{ __('Commission rate (%)') }}</label><input type="number" step="0.01" name="commission_rate" value="{{ old('commission_rate', $employee->commission_rate ?? 0) }}" class="input"></div>
        <div><label class="label">{{ __('Password') }} {{ $employee->exists ? '('.__('leave blank to keep').')' : '*' }}</label><input type="password" name="password" class="input"></div>
        <div class="flex items-end">
            <label class="flex items-center gap-2 text-sm text-slate-600">
                <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $employee->is_active ?? true)) class="rounded border-slate-300 text-brand-600">
                {{ __('Active') }}
            </label>
        </div>
    </div>

    <div class="card mt-4">
        <label class="label">{{ __('Roles') }}</label>
        <div class="mt-2 grid grid-cols-2 gap-2 sm:grid-cols-3">
            @foreach ($roles as $role)
                <label class="flex items-center gap-2 rounded-lg px-3 py-2 text-sm ring-1 ring-slate-100 hover:bg-slate-50">
                    <input type="checkbox" name="roles[]" value="{{ $role->id }}"
                           @checked($employee->exists && $employee->roles->contains($role->id)) class="rounded border-slate-300 text-brand-600">
                    {{ $role->name }}
                </label>
            @endforeach
        </div>
    </div>

    <div class="mt-4 flex gap-2">
        <button class="btn-primary">{{ $employee->exists ? __('Update') : __('Create') }}</button>
        <a href="{{ route('employees.index') }}" class="btn-secondary">{{ __('Cancel') }}</a>
    </div>
</form>
@endsection