@extends('backend.app')

@section('content')
<div class="main-breadcrumb d-flex align-items-center my-3 position-relative">
    <h2 class="breadcrumb-title mb-0 flex-grow-1 fs-14">Create Employee</h2>
    <div class="flex-shrink-0">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb justify-content-end mb-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.employees.index') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Create Employee</li>
            </ol>
        </nav>
    </div>
</div>

<div class="row">
    <div class="col-12 col-xl-12">
        <div class="card card-h-100">
            <div class="card-header">
                <h5 class="card-title mb-0">Add New Employee</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.employees.store') }}" method="POST" class="needs-validation" novalidate>
                    @csrf
                <div class="row">
                    {{-- Name --}}
                    <div class="col-md-6 mb-3">
                        <label for="name" class="form-label">Name <span class="text-danger">*</span></label>
                        <input type="text" name="name" id="name" value="{{ old('name') }}"
                            class="form-control @error('name') is-invalid @enderror" required>
                        @error('name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @else
                            <div class="invalid-feedback">Please enter employee name.</div>
                        @enderror
                    </div>

                    {{-- Email --}}
                    <div class="col-md-6 mb-3">
                        <label for="email" class="form-label">Employee Id <span class="text-danger">*</span></label>
                        <input type="text" name="email" id="email" value="{{ old('email') }}"
                            class="form-control @error('email') is-invalid @enderror" required>
                        @error('email')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @else
                            <div class="invalid-feedback">Please enter a valid email.</div>
                        @enderror
                    </div>

                  

                    {{-- HQ --}}
                    <div class="col-md-6 mb-3">
                        <label for="hq" class="form-label">HQ <span class="text-danger">*</span></label>
                        <input type="text" name="hq" id="hq" value="{{ old('hq') }}"
                            class="form-control @error('hq') is-invalid @enderror" required>
                        @error('hq')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @else
                            <div class="invalid-feedback">Please enter HQ.</div>
                        @enderror
                    </div>

                    {{-- region --}}
                    <div class="col-md-6 mb-3">
                        <label for="region" class="form-label">Region <span class="text-danger">*</span></label>
                        <input type="text" name="region" id="region" value="{{ old('region') }}"
                            class="form-control @error('region') is-invalid @enderror" required>
                        @error('region')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @else
                            <div class="invalid-feedback">Please enter region.</div>
                        @enderror
                    </div>
					
					{{-- area --}}
                    <div class="col-md-6 mb-3">
                        <label for="area" class="form-label">Area <span class="text-danger">*</span></label>
                        <input type="text" name="area" id="area" value="{{ old('area') }}"
                            class="form-control @error('area') is-invalid @enderror" required>
                        @error('area')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @else
                            <div class="invalid-feedback">Please enter area.</div>
                        @enderror
                    </div>
					
					{{-- parentid --}}
                    <div class="col-md-6 mb-3">
                        <label for="parentid" class="form-label">parentid <span class="text-danger">*</span></label>
                        <input type="text" name="parentid" id="parentid" value="{{ old('parentid') }}"
                            class="form-control @error('parentid') is-invalid @enderror" required>
                        @error('parentid')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @else
                            <div class="invalid-feedback">Please enter parentid.</div>
                        @enderror
                    </div>
					
					{{-- chairid --}}
                    <div class="col-md-6 mb-3">
                        <label for="chairid" class="form-label">chairid <span class="text-danger">*</span></label>
                        <input type="text" name="chairid" id="chairid" value="{{ old('chairid') }}"
                            class="form-control @error('chairid') is-invalid @enderror" required>
                        @error('chairid')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @else
                            <div class="invalid-feedback">Please enter parentid.</div>
                        @enderror
                    </div>
					
					{{-- eemail --}}
                    <div class="col-md-6 mb-3">
                        <label for="eemail" class="form-label">eemail <span class="text-danger">*</span></label>
                        <input type="text" name="eemail" id="eemail" value="{{ old('eemail') }}"
                            class="form-control @error('eemail') is-invalid @enderror" required>
                        @error('eemail')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @else
                            <div class="invalid-feedback">Please enter parentid.</div>
                        @enderror
                    </div>
					
					{{-- type --}}
                    <div class="col-md-6 mb-3">
                        <label for="type" class="form-label">Type <span class="text-danger">*</span></label>
                        <select name="type" id="type" class="form-select @error('type') is-invalid @enderror" required>
                            <option value="">-- Select type --</option>
                            <option value="BO" {{ old('type') == 'BO' ? 'selected' : '' }}>BO</option>
                            <option value="ABM" {{ old('type') == 'ABM' ? 'selected' : '' }}>ABM</option>
							<option value="RBM" {{ old('type') == 'RBM' ? 'selected' : '' }}>RBM</option>
							<option value="ZBM" {{ old('type') == 'ZBM' ? 'selected' : '' }}>ZBM</option>
							<option value="NSM" {{ old('type') == 'NSM' ? 'selected' : '' }}>NSM</option>
                        </select>
                        @error('type')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @else
                            <div class="invalid-feedback">Please select a type.</div>
                        @enderror
                    </div>
                    

                    {{-- Status --}}
                    <div class="col-md-6 mb-3">
                        <label for="status" class="form-label">Status<span class="text-danger">*</span></label>
                        <select name="status" id="status" class="form-select @error('status') is-invalid @enderror" required>
                            <option value="">-- Select Status --</option>
                            <option value="Active" {{ old('status') == 'Active' ? 'selected' : '' }}>Active</option>
                            <option value="Inactive" {{ old('status') == 'Inactive' ? 'selected' : '' }}>Inactive</option>
                        </select>
                        @error('status')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @else
                            <div class="invalid-feedback">Please select a status.</div>
                        @enderror
                    </div>
</div>
                    <button class="btn btn-primary w-max mt-3" type="submit">Save Employee</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
<script>
(() => {
    'use strict'
    const forms = document.querySelectorAll('.needs-validation')
    Array.from(forms).forEach(form => {
        form.addEventListener('submit', event => {
            if (!form.checkValidity()) {
                event.preventDefault()
                event.stopPropagation()
            }
            form.classList.add('was-validated')
        }, false)
    })
})()
</script>
@endsection