@extends('admin.layout.master')

@section('content')
<div class="content-wrapper">
    <div class="content">
        <div class="card card-default">
            <div class="card-header">
                <h2>Create Employee</h2>
            </div>
        </div>
        <div class="card card-default">
            <div class="card-body">
                @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif
                <form action="{{ route('employee.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <h2>Personal Details :-</h2>
                    <div class="row mt-7">
                        <!-- <div class="col-sm-6">
                            <div class="form-group">
                                <label>Employee Code*</label>
                                <input type="text" class="form-control" name="emp_code" placeholder="Enter Employee Code" value="{{ old('emp_code') }}" required>
                                @if ($errors->has('emp_code'))
                                <span class="text-danger">{{ $errors->first('emp_code') }}</span>
                                @endif
                            </div>
                        </div> -->
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>Profile Image*</label>
                                <input type="file" class="form-control-file" name="profile_img" required>
                                @if ($errors->has('profile_img'))
                                <span class="text-danger">{{ $errors->first('profile_img') }}</span>
                                @endif
                            </div>
                        </div>


                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Date of Joining*</label>
                                <input type="date" class="form-control" name="date_of_joining" value="{{ old('date_of_joining') }}" required onkeydown="return false;">
                                @if ($errors->has('date_of_joining'))
                                <span class="text-danger">{{ $errors->first('date_of_joining') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Employee Title*</label>
                                <input type="text" class="form-control" name="emp_title" placeholder="Enter Employee Title" value="{{ old('emp_title') }}" required>
                                @if ($errors->has('emp_title'))
                                <span class="text-danger">{{ $errors->first('emp_title') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Employee Name*</label>
                                <input type="text" class="form-control" name="emp_name" placeholder="Enter Employee Name" value="{{ old('emp_name') }}" required>
                                @if ($errors->has('emp_name'))
                                <span class="text-danger">{{ $errors->first('emp_name') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Email*</label>
                                <input type="email" class="form-control" name="email" placeholder="Enter Email" value="{{ old('email') }}" required>
                                @if ($errors->has('email'))
                                <span class="text-danger">{{ $errors->first('email') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Phone Number*</label>
                                <input type="text" class="form-control" name="phone_number" placeholder="Enter Phone Number" value="{{ old('phone_number') }}" required minlength="10" maxlength="10" pattern="[6-9][0-9]{9}$" title="Please enter a valid 10-digit number starting with 6, 7, 8, or 9." oninput="validateContact(this)">
                                @if ($errors->has('phone_number'))
                                <span class="text-danger">{{ $errors->first('phone_number') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Aadhar Number*</label>
                                <input type="text" class="form-control" name="aadhar_number" placeholder="Enter Aadhar Number" value="{{ old('aadhar_number') }}" required minlength="12" maxlength="12" pattern="[1-9][0-9]{11}$" title="Please enter 12 digit number" oninput="validateAadhar(this)">
                                @if ($errors->has('aadhar_number'))
                                <span class="text-danger">{{ $errors->first('aadhar_number') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>PAN Number*</label>
                                <input type="text" class="form-control" name="pan_number" placeholder="Enter PAN Number" value="{{ old('pan_number') }}" required required minlength="10" maxlength="10" pattern="[A-Z]{5}[0-9]{4}[A-Z]{1}" title="Please enter a valid PAN (e.g., ABCDE1234F)" oninput="validatePAN(this)">
                                @if ($errors->has('pan_number'))
                                <span class="text-danger">{{ $errors->first('pan_number') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Designation*</label>
                                <input type="text" class="form-control" name="designation" placeholder="Enter Designation" value="{{ old('designation') }}" required>
                                @if ($errors->has('designation'))
                                <span class="text-danger">{{ $errors->first('designation') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Department*</label>
                                <input type="text" class="form-control" name="department" placeholder="Enter Department" value="{{ old('department') }}" required>
                                @if ($errors->has('department'))
                                <span class="text-danger">{{ $errors->first('department') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Gender*</label>
                                <select class="form-control" name="gender" required>
                                    <option value="Male">Male</option>
                                    <option value="Female">Female</option>
                                    <option value="Other">Other</option>
                                </select>
                                @if ($errors->has('gender'))
                                <span class="text-danger">{{ $errors->first('gender') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Date of Birth*</label>
                                <input type="date" class="form-control" id="dob" name="dob" value="{{ old('dob') }}" required onchange="calculateAge()" onkeydown="return false;">
                                @if ($errors->has('dob'))
                                <span class="text-danger">{{ $errors->first('dob') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Age*</label>
                                <input type="text" class="form-control" id="age" name="age" placeholder="your Age" value="{{ old('age') }}" required readonly>
                                @if ($errors->has('age'))
                                <span class="text-danger">{{ $errors->first('age') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Marital Status*</label>
                                <select class="form-control" name="marital_status" required>
                                    <option value="Single">Single</option>
                                    <option value="Married">Married</option>
                                </select>
                                @if ($errors->has('marital_status'))
                                <span class="text-danger">{{ $errors->first('marital_status') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Nationality*</label>
                                <input type="text" class="form-control" name="nationality" placeholder="Enter Nationality" value="{{ old('nationality') }}" required>
                                @if ($errors->has('nationality'))
                                <span class="text-danger">{{ $errors->first('nationality') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Native State*</label>
                                <input type="text" class="form-control" name="native_state" placeholder="Enter Native State" value="{{ old('native_state') }}" required>
                                @if ($errors->has('native_state'))
                                <span class="text-danger">{{ $errors->first('native_state') }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Date of Confirmation*</label>
                                <input type="date" class="form-control" name="date_of_confirmation" value="{{ old('date_of_confirmation') }}" required onkeydown="return false;">
                                @if ($errors->has('date_of_confirmation'))
                                <span class="text-danger">{{ $errors->first('date_of_confirmation') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row mb-5">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Height (cm)*</label>
                                <input type="text" class="form-control" name="height" placeholder="Enter Height" value="{{ old('height') }}" required>
                                @if ($errors->has('height'))
                                <span class="text-danger">{{ $errors->first('height') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Weight (kg)*</label>
                                <input type="text" class="form-control" name="weight" placeholder="Enter Weight" value="{{ old('weight') }}" required>
                                @if ($errors->has('weight'))
                                <span class="text-danger">{{ $errors->first('weight') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <h2>Address Details :-</h2>
                    <div class="row mt-6">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>At*</label>
                                <input type="text" class="form-control" name="address" placeholder="Enter Address" value="{{ old('address') }}" required>
                            </div>
                        </div>

                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Post*</label>
                                <input type="text" class="form-control" name="post" placeholder="Enter Post" value="{{ old('post') }}" required>
                            </div>
                        </div>

                        <div class="col-sm-2">
                            <div class="form-group">
                                <label>District*</label>
                                <input type="text" class="form-control" name="district" placeholder="Enter District" value="{{ old('district') }}" required>
                            </div>
                        </div>

                        <div class="col-sm-2">
                            <div class="form-group">
                                <label>State*</label>
                                <input type="text" class="form-control" name="state" placeholder="Enter State" value="{{ old('state') }}" required>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label>Pincode*</label>
                                <input type="text" class="form-control" name="pincode" placeholder="Enter Pincode" value="{{ old('pincode') }}" required>
                            </div>
                        </div>
                    </div>

                    <h2>Account Details :-</h2>
                    <div class="row mt-4 mb-4">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Account Number*</label>
                                <input type="text" class="form-control" name="account_number" placeholder="Enter Account Number" value="{{ old('account_number') }}" required required minlength="9" maxlength="18" pattern="[0-9]{9,18}" title="Enter a valid account number (9-18 digits)" oninput="validateAccountNumber(this)">
                            </div>
                        </div>

                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>IFSC Code*</label>
                                <input type="text" class="form-control" name="ifsc_code" placeholder="Enter IFSC Code" value="{{ old('ifsc_code') }}" required maxlength="11" pattern="^[A-Z]{4}0[A-Z0-9]{6}$" title="Enter valid IFSC (e.g., SBIN0001234)" oninput="validateIFSC(this)">
                            </div>
                        </div>

                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Bank Name*</label>
                                <input type="text" class="form-control" name="bank_name" placeholder="Enter Bank Name" value="{{ old('bank_name') }}" required>
                            </div>
                        </div>

                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Branch Name*</label>
                                <input type="text" class="form-control" name="branch_name" placeholder="Enter Branch Name" value="{{ old('branch_name') }}" required>
                            </div>
                        </div>
                    </div>

                    <h2>Educational Qualification :-</h2>
                    <div id="education-section" class="mt-6 mb-4">
                        <div class="row education-row">
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Degree*</label>
                                    <input type="text" class="form-control" name="degree[]" placeholder="Enter Degree" required>
                                    @if ($errors->has('degree'))
                                    <span class="text-danger">{{ $errors->first('degree') }}</span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Year of Passing*</label>
                                    <input type="number" class="form-control" name="year_of_passing[]" placeholder="Enter Year of Passing" required oninput="this.value = this.value.slice(0, 4)">
                                    @if ($errors->has('year_of_passing'))
                                    <span class="text-danger">{{ $errors->first('year_of_passing') }}</span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Name of Institution*</label>
                                    <input type="text" class="form-control" name="institution[]" placeholder="Enter Institution Name" required>
                                    @if ($errors->has('institution'))
                                    <span class="text-danger">{{ $errors->first('institution') }}</span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Percentage*</label>
                                    <input type="text" class="form-control" name="percentage[]" placeholder="Enter Percentage" required>
                                    @if ($errors->has('percentage'))
                                    <span class="text-danger">{{ $errors->first('percentage') }}</span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-sm-1 align-items-end mt-6">
                                <button type="button" class="btn btn-success add-education" onclick="addmore()">+</button>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="price">Experience</label>
                                <div>
                                    <input type="radio" name="experience_or_fresher" id="experience" value="experience" checked onchange="toggleExperienceFields(this)">
                                    <label for="experience">Experience</label>

                                    <input type="radio" name="experience_or_fresher" id="fresher" value="fresher" onchange="toggleExperienceFields(this)">
                                    <label for="fresher">Fresher</label>
                                </div>
                            </div>
                        </div>
                        @if ($errors->has('experience_or_fresher'))
                        <span class="text-danger">{{ $errors->first('experience_or_fresher') }}</span>
                        @endif

                        <div class="col-sm-4" id="total_exp">
                            <div class="form-group">
                                <label>Total experience</label>
                                <input type="number" class="form-control" id="totalexp" name="total_experience" placeholder="Enter Total Experience" value="{{ old('total_experience') }}" required>
                                @if ($errors->has('total_experience'))
                                <span class="text-danger">{{ $errors->first('total_experience') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="col-sm-4" id="last_ctc">
                            <div class="form-group">
                                <label>Last CTC</label>
                                <input type="number" class="form-control" id="lastctc" name="last_ctc" placeholder="Enter Last CTC" value="{{ old('last_ctc') }}" required>
                                @if ($errors->has('last_ctc'))
                                <span class="text-danger">{{ $errors->first('last_ctc') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div id="employer-section">
                        <h2>Previous Employer Details :-</h2>
                        <div class="row employer-row mt-5">
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="company_name[]" placeholder="Enter Company Name">
                                    @if ($errors->has('company_name'))
                                    <span class="text-danger">{{ $errors->first('company_name') }}</span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="location[]" placeholder="Enter Location">
                                    @if ($errors->has('location'))
                                    <span class="text-danger">{{ $errors->first('location') }}</span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="industry_type[]" placeholder="Enter Industry Type">
                                    @if ($errors->has('industry_type'))
                                    <span class="text-danger">{{ $errors->first('industry_type') }}</span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-sm-2">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="prev_designation[]" placeholder="Enter Designation">
                                    @if ($errors->has('prev_designation'))
                                    <span class="text-danger">{{ $errors->first('prev_designation') }}</span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-sm-1 align-items-end">
                                <button type="button" class="btn btn-success add-education" onclick="addmore1()">+</button>
                            </div>
                        </div>
                    </div>

                    <div class="form-footer pt-3">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

<script>
    function addmore() {
        let newRow = `
                <div class="row education-row">
                    <div class="col-sm-3">
                        <div class="form-group">
                            <input type="text" class="form-control" name="degree[]" placeholder="Enter Degree" required>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="form-group">
                            <input type="text" class="form-control" name="year_of_passing[]" placeholder="Enter Year of Passing" required>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="form-group">
                            <input type="text" class="form-control" name="institution[]" placeholder="Enter Institution Name" required>
                        </div>
                    </div>

                    <div class="col-sm-2">
                        <div class="form-group">
                            <input type="text" class="form-control" name="percentage[]" placeholder="Enter Percentage" required>
                        </div>
                    </div>

                    <div class="col-sm-1 align-items-end">
                        <button type="button" class="btn btn-danger remove-education">-</button>
                    </div>
                </div>`;

        $("#education-section").append(newRow);
        $(document).on("click", ".remove-education", function() {
            $(this).closest(".education-row").remove();
        });
    }

    function addmore1() {
        let newRow = `
            <div class="row employer-row mt-5">
                <div class="col-sm-3">
                    <div class="form-group">
                        <input type="text" class="form-control" name="company_name[]" placeholder="Enter Company Name">
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="form-group">
                        <input type="text" class="form-control" name="location[]" placeholder="Enter Location">
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="form-group">
                        <input type="text" class="form-control" name="industry_type[]" placeholder="Enter Industry Type">
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="form-group">
                        <input type="text" class="form-control" name="prev_designation[]" placeholder="Enter Designation">
                    </div>
                </div>

                <div class="col-sm-1 align-items-end">
                    <button type="button" class="btn btn-danger remove-employer">-</button>
                </div>
            </div>`;

        $("#employer-section").append(newRow);
        $(document).on("click", ".remove-employer", function() {
            $(this).closest(".employer-row").remove();
        });
    }
</script>

<script>
    function validateContact(input) {
        let oldValue = input.value;
        input.value = input.value.replace(/[^0-9]/g, '').slice(0, 10);

        if (oldValue !== input.value && /[^0-9]/.test(oldValue)) {
            alert("Only numbers are allowed in the contact number.");
        }

        if (input.value.length > 0 && !/^[6-9]/.test(input.value)) {
            alert("Contact number must start with 6-9");
            input.value = '';
        }
    }

    function validateAadhar(input) {
        let oldValue = input.value;
        input.value = input.value.replace(/[^0-9]/g, '').slice(0, 12);

        if (oldValue !== input.value && /[^0-9]/.test(oldValue)) {
            alert("Only numbers are allowed.");
        }
        if (input.value.length === 12 && !/^[1-9][0-9]{11}$/.test(input.value)) {
            alert("Invalid Aadhar Number! Enter the last 12 digits (must be numbers & not start with 0).");
            input.value = "";
        }
    }

    function validatePAN(input) {
        input.value = input.value.toUpperCase();

        const panPattern = /^[A-Z]{5}[0-9]{4}[A-Z]{1}$/;
        const val = input.value;

        input.value = val.replace(/[^A-Z0-9]/gi, '').slice(0, 10);

        if (val.length === 10 && !panPattern.test(val)) {
            alert("Invalid PAN number! Format: 5 letters, 4 digits, 1 letter (e.g., ABCDE1234F)");
            input.value = '';
        }
    }

    function validateAccountNumber(input) {
        input.value = input.value.replace(/[^0-9]/g, '').slice(0, 18);
    }

    function validateIFSC(input) {
        input.value = input.value.toUpperCase().replace(/[^A-Z0-9]/g, '').slice(0, 11);

        const ifscPattern = /^[A-Z]{4}0[A-Z0-9]{6}$/;
        if (input.value.length === 11 && !ifscPattern.test(input.value)) {
            alert("Invalid IFSC Code! Format: 4 letters + 0 + 6 alphanumeric (e.g., SBIN0001234)");
            input.value = '';
        }
    }


    function toggleExperienceFields(radiobtn) {
        if (radiobtn.value == 'fresher') {
            $("#total_exp").hide();
            $("#last_ctc").hide();
            $('#employer-section').hide();

            $('#totalexp').removeAttr('required');
            $('#lastctc').removeAttr('required');

            $('#totalexp').val('');
            $('#lastctc').val('');

        } else {
            $("#total_exp").show();
            $("#last_ctc").show();
            $('#employer-section').show();

            $('#totalexp').attr('required', true);
            $('#lastctc').attr('required', true);
        }
    }


    function calculateAge() {
        let dob = document.getElementById('dob').value;
        if (dob) {
            let dobDate = new Date(dob);
            let today = new Date();
            let age = today.getFullYear() - dobDate.getFullYear();
            let monthDiff = today.getMonth() - dobDate.getMonth();

            // If birthday hasn't occurred yet this year, decrease age by 1
            if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < dobDate.getDate())) {
                age--;
            }

            document.getElementById('age').value = age;
        }
    }
</script>