@extends('HR.layout')



@section('content')



<div class="row mb-3">
    <div class="col-12 text-end">
        <a href="{{ route('view_staff') }}" class="btn btn-danger">
            View Employees
        </a>
    </div>
</div>



<div class="card p-4">



    <h5>Create Employee</h5>



    <form action="{{ route('add_staff') }}" method="post" id="login_form">

        @csrf

        <div class="row">

            <div class="col-lg-6 mb-2">
                <label class="form-label">Employee Name</label>
                <input type="text"
                    class="form-control @error('name') is-invalid @enderror"
                    name="name"
                    placeholder="Enter Employee Name"
                    value="{{ old('name') }}">
                @error('name')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-lg-6 mb-2">
                <label class="form-label">Employee ID</label>
                <input type="text"
                    class="form-control @error('user_id') is-invalid @enderror"
                    name="user_id"
                    placeholder="Enter Employee ID"
                    value="{{ old('user_id') }}">
                @error('user_id')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-lg-6 mb-2">
                <label class="form-label">Mobile</label>
                <input type="text"
                    class="form-control @error('mobile') is-invalid @enderror"
                    name="mobile"
                    placeholder="Enter Mobile Number"
                    value="{{ old('mobile') }}">
                @error('mobile')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-lg-6 mb-2">
                <label class="form-label">Office Email</label>
                <input type="email"
                    class="form-control @error('email') is-invalid @enderror"
                    name="email"
                    placeholder="Enter Office Email"
                    value="{{ old('email') }}">
                @error('email')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-lg-6 mb-2">
                <label class="form-label">Personal Email</label>
                <input type="email"
                    class="form-control @error('personal_email') is-invalid @enderror"
                    name="personal_email"
                    placeholder="Enter Personal Email"
                    value="{{ old('personal_email') }}">
                @error('personal_email')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-lg-6 mb-2">
                <label class="form-label">Designation</label>
                <select name="designation"
                    class="form-select @error('designation') is-invalid @enderror">
                    <option value="">Select Designation</option>
                    <option value="Frontend Developer" {{ old('designation')=='Frontend Developer'?'selected':'' }}>Frontend Developer</option>
                    <option value="Backend Developer" {{ old('designation')=='Backend Developer'?'selected':'' }}>Backend Developer</option>
                    <option value="Testing" {{ old('designation')=='Testing'?'selected':'' }}>Testing</option>
                    <option value="App Developer" {{ old('designation')=='App Developer'?'selected':'' }}>App Developer</option>
                    <option value="UI/UX Designer" {{ old('designation')=='UI/UX Designer'?'selected':'' }}>UI/UX Designer</option>
                    <option value="Project Coordinator" {{ old('designation')=='Project Coordinator'?'selected':'' }}>Project Coordinator</option>
                    <option value="Business Consultant" {{ old('designation')=='Business Consultant'?'selected':'' }}>Business Consultant</option>


                </select>
                @error('designation')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-lg-6 mb-2">
                <label class="form-label">Address</label>
                <textarea
                    class="form-control @error('address') is-invalid @enderror"
                    name="address"
                    placeholder="Enter Address">{{ old('address') }}</textarea>
                @error('address')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-lg-6 mb-2">
                <label class="form-label">DOB</label>
                <input type="date"
                    class="form-control @error('dob') is-invalid @enderror"
                    name="dob"
                    value="{{ old('dob') }}">
                @error('dob')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-lg-6 mb-2">
                <label class="form-label">DOJ</label>
                <input type="date"
                    class="form-control @error('doj') is-invalid @enderror"
                    name="doj"
                    value="{{ old('doj') }}">
                @error('doj')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-lg-6 mb-2">
                <label class="form-label">Current Salary</label>
                <input type="text"
                    class="form-control @error('salary') is-invalid @enderror"
                    name="salary"
                    placeholder="Enter Salary"
                    value="{{ old('salary') }}">
                @error('salary')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
<div class="col-lg-6 mb-2">
    <label class="form-label">Daily Expense</label>
    <input type="number"
        step="0.01"
        min="0"
        class="form-control @error('daily_expense') is-invalid @enderror"
        name="daily_expense"
        placeholder="Enter Daily Expense"
        value="{{ old('daily_expense') }}">
    @error('daily_expense')
    <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>
            <div class="col-lg-12 mt-3">
                <button type="submit" class="btn btn-primary" id="finalSubmit">
                    Submit
                </button>
            </div>

        </div>
    </form>







</div>



</div>



<script>
    document.getElementById('finalSubmit').addEventListener('click', function(e) {



        e.preventDefault();



        let btn = this;



        btn.disabled = true;



        btn.innerText = 'Processing...';



        document.getElementById('login_form').submit();



    });
</script>



@endsection