@extends('layouts.app')

@section('content')
<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
    <div class="app-page flex-column flex-column-fluid" id="kt_app_page">
        <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
<div class="container" style="margin-top: -4%;">

    <h3 class="mb-4 text-primary fw-bold">
        <i class="bi bi-person-plus-fill me-2"></i>
        {{ isset($user) ? 'Edit' : 'Create' }} Employee Login
    </h3>

    <form method="POST" action="{{ route('employees.store') }}" class="bg-white border rounded-4 shadow-sm p-4">
        @csrf
        <input type="hidden" name="recordid" value="{{ $Employees->id ?? '' }}">

        <div class="row">
            {{-- Full Name --}}
            <div class="col-md-6 mb-3">
                <label class="form-label fw-semibold">Full Name</label>
                <input type="text" name="name" class="form-control form-control-lg"
                    placeholder="Enter full name" value="{{ $Employees->name ?? '' }}" required>
            </div>

            {{-- Email --}}
            <div class="col-md-6 mb-3">
                <label class="form-label fw-semibold">Email (Login)</label>
                <input type="email" name="email" class="form-control form-control-lg"
                    placeholder="Enter email" value="{{ $Employees->email ?? '' }}" required>
            </div>
        </div>

        <div class="row">
            {{-- Username --}}
            <div class="col-md-6 mb-3">
                <label class="form-label fw-semibold">Username</label>
                <input type="text" name="username" class="form-control form-control-lg"
                    placeholder="Enter username" value="{{ $Employees->username ?? '' }}">
            </div>

            {{-- Password --}}
            <div class="col-md-6 mb-3">
                <label class="form-label fw-semibold">Password</label>
                <input type="password" name="password" class="form-control form-control-lg"
                    placeholder="Enter password" {{ isset($Employees) ? '' : 'required' }}>
            </div>
        </div>

        <div class="row">
            {{-- Phone --}}
            <div class="col-md-6 mb-3">
                <label class="form-label fw-semibold">Phone</label>
                <input type="text" name="phone" class="form-control form-control-lg"
                    placeholder="Enter phone number" value="{{ $Employees->phone ?? '' }}">
            </div>

            {{-- Role 
            <div class="col-md-6 mb-3">
                <label class="form-label fw-semibold">Role</label>
                <input type="text" name="role" class="form-control form-control-lg"
                    placeholder="Enter role" value="{{ $Employees->role ?? '' }}">
            </div>--}}
            <div class="col-md-6 mb-3">
                <label class="form-label fw-semibold">Designation</label>
                <input type="text" name="designation" class="form-control form-control-lg"
                    placeholder="Enter designation" value="{{ $Employees->designation ?? '' }}">
            </div>
        </div>

        <div class="row">
            {{-- Designation --}}
            

            {{-- Department --}}
            <div class="col-md-6 mb-3">
                <label class="form-label fw-semibold">Department</label>
                <input type="text" name="department" class="form-control form-control-lg"
                    placeholder="Enter department" value="{{ $Employees->department ?? '' }}">
            </div><div class="col-md-6 mb-3">
                <label class="form-label fw-semibold">Status</label>
                <select name="status" class="form-select form-select-lg" required>
                    <option value="active" {{ (isset($Employees) && $Employees->status == 'active') ? 'selected' : '' }}>Active</option>
                    <option value="inactive" {{ (isset($Employees) && $Employees->status == 'inactive') ? 'selected' : '' }}>Inactive</option>
                </select>
            </div>
        </div>

        <div class="row">
            {{-- Status --}}
            
        </div>

        {{-- Submit --}}
        <div class="mt-4 text-end">
            <button type="submit" class="btn btn-success btn-lg px-5 shadow-sm">
                <i class="bi bi-check-circle me-1"></i>
                {{ isset($Employees) ? 'Update' : 'Create' }} Login
            </button>
        </div>
    </form>

</div></div></div></div>
@endsection

{{-- Bootstrap Icons --}}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">