@extends('layout/main')

@section('title', 'Form Create Employee')

@section('container')
<div class="container">
    <div class="row">
        <div class="col-8">
            <h1 class="mt-3 mb-4">Form Create Employee</h1>

            <form method="post" action="/employees">
                @csrf
                <div class="form-group">
                    <label for="employee_id">Employe Id</label>
                    <input type="number" class="form-control @error('employee_id') is-invalid @enderror" id="employee_id" placeholder="" name="employee_id" value="{{$employees->max('employee_id')+1}}" readonly="false">
                    @error('employee_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="first_name">First Name</label>
                    <input type="text" class="form-control @error('first_name') is-invalid @enderror" id="first_name" placeholder="" name="first_name">
                    @error('first_name')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="last_name">Last Name</label>
                    <input type="text" class="form-control @error('last_name') is-invalid @enderror" id="last_name" placeholder="" name="last_name">
                    @error('last_name')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="email">Email</label>
                    <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" placeholder="" name="email">
                    @error('email')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="phone_number">Phone Number</label>
                    <input type="text" class="form-control @error('phone_number') is-invalid @enderror" id="phone_number" placeholder="" name="phone_number">
                    @error('phone_number')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="hire_date">Hire Date</label>
                    <input type="date" class="form-control @error('hire_date') is-invalid @enderror" id="hire_date" placeholder="" name="hire_date">
                    @error('hire_date')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="job_id">Job Id</label>
                    <select class="form-control @error('job_id') is-invalid @enderror" id="job_id" name="job_id">
                        @foreach( $jobs as $job )
                        <option value="{{ $job->job_id }}">{{ $job->job_title }}</option>
                        @endforeach
                    </select>
                    @error('job_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="salary">Salary</label>
                    <input type="number" class="form-control @error('salary') is-invalid @enderror" id="salary" placeholder="" name="salary">
                    @error('salary')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="commission_pct">Commission Pct</label>
                    <input type="number" class="form-control" id="commission_pct" placeholder="" name="commission_pct">
                </div>
                <div class="form-group">
                    <label for="manager_id">Manager Id</label>
                    <select class="form-control @error('manager_id') is-invalid @enderror" id="manager_id" name="manager_id">
                        @foreach( $employees as $emp )
                        <option value="{{ $emp->employee_id }}">{{ $emp->employee_id }}</option>
                        @endforeach
                    </select>
                    @error('manager_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="department_id">Department Id</label>
                    <select class="form-control @error('department_id') is-invalid @enderror" id="department_id" name="department_id">
                        @foreach( $departments as $dpt )
                        <option value="{{ $dpt->department_id }}">{{ $dpt->department_name }}</option>
                        @endforeach
                    </select>
                    @error('department_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <button type="submit" class="btn btn-primary">Add Data</button>
            </form>

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