@php
    $isEdit = $employee->exists;
@endphp

<x-app-layout>
    <form method="POST" action="{{ $isEdit ? route('hr.employees.update', $employee) : route('hr.employees.store') }}" class="card app-card">
        @csrf
        @if ($isEdit)
            @method('PUT')
        @endif

        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-3">
                    <label class="form-label" for="employee_code">Employee code</label>
                    <input class="form-control" type="text" id="employee_code" value="{{ $nextCode }}" disabled>
                </div>
                <div class="col-md-5">
                    <label class="form-label" for="full_name">Full name</label>
                    <input class="form-control @error('full_name') is-invalid @enderror" type="text" id="full_name" name="full_name" value="{{ old('full_name', $employee->full_name) }}" required>
                    @error('full_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="designation">Designation</label>
                    <input class="form-control @error('designation') is-invalid @enderror" type="text" id="designation" name="designation" value="{{ old('designation', $employee->designation) }}">
                    @error('designation') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="joining_date">Joining date</label>
                    <input class="form-control @error('joining_date') is-invalid @enderror" type="date" id="joining_date" name="joining_date" value="{{ old('joining_date', $employee->joining_date?->toDateString()) }}" required>
                    @error('joining_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="status">Status</label>
                    <select class="form-select @error('status') is-invalid @enderror" id="status" name="status" required>
                        @foreach ($statuses as $status)
                            <option value="{{ $status->value }}" @selected(old('status', $employee->status?->value) === $status->value)>{{ $status->label() }}</option>
                        @endforeach
                    </select>
                    @error('status') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="user_id">Login account</label>
                    <select class="form-select @error('user_id') is-invalid @enderror" id="user_id" name="user_id">
                        <option value="">None</option>
                        @foreach ($users as $user)
                            <option value="{{ $user->id }}" @selected((string) old('user_id', $employee->user_id) === (string) $user->id)>
                                {{ $user->name }} · {{ $user->email }}
                            </option>
                        @endforeach
                    </select>
                    @error('user_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="basic_salary">Basic salary</label>
                    <div class="input-group">
                        <span class="input-group-text">{{ setting('default_currency_symbol', '₹') }}</span>
                        <input class="form-control @error('basic_salary') is-invalid @enderror" type="number" step="0.01" min="0" id="basic_salary" name="basic_salary" value="{{ old('basic_salary', $employee->basic_salary) }}" required>
                        @error('basic_salary') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="allowances">Allowances</label>
                    <div class="input-group">
                        <span class="input-group-text">{{ setting('default_currency_symbol', '₹') }}</span>
                        <input class="form-control @error('allowances') is-invalid @enderror" type="number" step="0.01" min="0" id="allowances" name="allowances" value="{{ old('allowances', $employee->allowances) }}">
                        @error('allowances') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="annual_leave_quota">Annual leave quota</label>
                    <input class="form-control @error('annual_leave_quota') is-invalid @enderror" type="number" min="0" max="365" id="annual_leave_quota" name="annual_leave_quota" value="{{ old('annual_leave_quota', $employee->annual_leave_quota) }}" required>
                    @error('annual_leave_quota') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="bank_account_no">Bank account</label>
                    <input class="form-control @error('bank_account_no') is-invalid @enderror" type="text" id="bank_account_no" name="bank_account_no" value="{{ old('bank_account_no', $employee->bank_account_no) }}">
                    @error('bank_account_no') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="ifsc_code">IFSC</label>
                    <input class="form-control @error('ifsc_code') is-invalid @enderror" type="text" id="ifsc_code" name="ifsc_code" value="{{ old('ifsc_code', $employee->ifsc_code) }}">
                    @error('ifsc_code') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="pan_no">PAN</label>
                    <input class="form-control @error('pan_no') is-invalid @enderror" type="text" id="pan_no" name="pan_no" value="{{ old('pan_no', $employee->pan_no) }}">
                    @error('pan_no') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>
        <div class="card-footer bg-white d-flex justify-content-end gap-2">
            <a href="{{ $isEdit ? route('hr.employees.show', $employee) : route('hr.employees.index') }}" class="btn btn-light">Cancel</a>
            <button type="submit" class="btn btn-primary">{{ $isEdit ? 'Save employee' : 'Create employee' }}</button>
        </div>
    </form>
</x-app-layout>