@extends('master.app')
@section('title', 'Create Employee')

@section('body')
    <main class="app-content">
        <section>
            <div class="card shadow-sm border-0">
                {{-- Header --}}
                <div class="card-header bg-white border-0 d-flex justify-content-between align-items-center">
                    <div>
                        <h4 class="mb-0">Create Employee</h4>
                        <small class="text-muted">Add employee profile and documents</small>
                    </div>
                    <a href="{{ route('employees.index') }}" class="btn btn-sm btn-outline-secondary">
                        <i class="fa fa-arrow-left"></i> Back
                    </a>
                </div>

                <div class="card-body">
                    {{-- Validation Errors --}}
                    @if ($errors->any())
                        <div class="alert alert-danger py-2">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <form action="{{ route('employees.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        {{-- Basic Info --}}
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="form-outline">
                                    <input type="text" id="name" name="name" value="{{ old('name') }}"
                                        class="form-control @error('name') is-invalid @enderror" required />
                                    <label class="form-label" for="name">Full Name <span
                                            class="text-danger">*</span></label>
                                </div>
                                @error('name')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <div class="form-outline">
                                    <input type="email" id="email" name="email" value="{{ old('email') }}"
                                        class="form-control @error('email') is-invalid @enderror" />
                                    <label class="form-label" for="email">Email</label>
                                </div>
                                @error('email')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <div class="form-outline">
                                    <input type="text" id="phone" name="phone" value="{{ old('phone') }}"
                                        class="form-control @error('phone') is-invalid @enderror" required />
                                    <label class="form-label" for="phone">Phone <span
                                            class="text-danger">*</span></label>
                                </div>
                                @error('phone')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <div class="form-outline">
                                    <input type="text" id="address" name="address" value="{{ old('address') }}"
                                        class="form-control @error('address') is-invalid @enderror" required />
                                    <label class="form-label" for="address">Address <span
                                            class="text-danger">*</span></label>
                                </div>
                                @error('address')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <div class="form-outline">
                                    <input type="text" id="position" name="position" value="{{ old('position') }}"
                                        class="form-control @error('position') is-invalid @enderror" required />
                                    <label class="form-label" for="position">Position <span
                                            class="text-danger">*</span></label>
                                </div>
                                @error('position')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-3">
                                <div class="form-outline">
                                    <input type="number" step="0.01" id="basic_salary" name="basic_salary"
                                        value="{{ old('basic_salary') }}"
                                        class="form-control @error('basic_salary') is-invalid @enderror" required />
                                    <label class="form-label" for="basic_salary">Salary <span
                                            class="text-danger">*</span></label>
                                </div>
                                @error('basic_salary')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-3">
                                <div class="form-outline">
                                    @if ($bdate == 1)
                                        <input type="text" dir="rtl" name="date" value="{{ old('date') }}"
                                            class="form-control sample-date-picker @error('date') is-invalid @enderror"
                                            id="hire_date" />
                                    @else
                                        <input type="date" name="date" value="{{ old('date', date('Y-m-d')) }}"
                                            class="form-control @error('date') is-invalid @enderror" id="hire_date" />
                                    @endif
                                    <label class="form-label" for="hire_date">Hire Date <span
                                            class="text-danger">*</span></label>
                                </div>
                                @error('date')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <hr class="my-4">

                        {{-- Uploads --}}
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">
                                    <i class="fa fa-image me-1"></i> Profile Image
                                </label>
                                <input type="file" id="image" name="image"
                                    class="form-control @error('image') is-invalid @enderror" accept="image/*">
                                <small class="text-muted">JPG/PNG recommended.</small>
                                @error('image')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">
                                    <i class="fa fa-id-card me-1"></i> Identity Scan (Tazkira/ID)
                                </label>
                                <input type="file" id="tz_scan" name="tz_scan"
                                    class="form-control @error('tz_scan') is-invalid @enderror">
                                <small class="text-muted">PDF or image file.</small>
                                @error('tz_scan')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">
                                    <i class="fa fa-shield me-1"></i> Security Assurance Document
                                </label>
                                <input type="file" id="document" name="document"
                                    class="form-control @error('document') is-invalid @enderror">
                                <small class="text-muted">PDF recommended.</small>
                                @error('document')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">
                                    <i class="fa fa-file-contract me-1"></i> Contract Scan
                                </label>
                                <input type="file" id="contract_letter" name="contract_letter"
                                    class="form-control @error('contract_letter') is-invalid @enderror">
                                <small class="text-muted">PDF or image file.</small>
                                @error('contract_letter')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        {{-- Buttons --}}
                        <div class="d-flex gap-2 mt-4">
                            <button type="submit" class="btn btn-primary btn-rounded">
                                <i class="fa fa-save me-1"></i> Save
                            </button>

                            <a href="{{ route('employees.index') }}" class="btn btn-outline-secondary btn-rounded">
                                Cancel
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </main>
@endsection

@section('pageJs')
    <script type="text/javascript">
        $(".app-menu").removeClass("active");
        $("#nav_hri").addClass("active");
        $("#hri").addClass("is-expanded");
        $("#nav_emp_account").addClass("active");
    </script>
@endsection