@extends('admin.layout.app')
@section('title','Create HRMS Department')
@push('headerscript')
    <style>
        .mt-3 {
            margin-top: 10px;
        }
    </style>
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Create HRMS Department </h4>
                        <div class="pull-right">
                            <a href="{{route('hrms-department.index')}}"
                               class="btn btn-info btn-rounded waves-effect waves-light m-b-2"><i
                                    class=" mdi mdi-keyboard-backspace"></i> Back</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2">
                    <div class="card-box">
                        <div class="row">
                            <div class="col-sm-12">
                                {!! Form::open(['route'=>array('hrms-department.store'), 'onsubmit'=>'BtnSubmit.disabled = true','method' => 'post']) !!}
                                <div class="form-group ">
                                    <div class="form-group col-sm-12 col-12">
                                        <label for="department_name">Department Name<span
                                                class="text-danger">*</span></label>
                                        <input id="department_name" type="text" class="form-control"
                                               name="department_name" value="{{ old('department_name') }}" required
                                               autofocus>
                                        <div class="text-danger">{{$errors->first('department_name')}}</div>
                                    </div>
                                    <div class="form-group col-sm-12 col-12">
                                        <label for="employee_id">Department Head</label>
                                        {!! Form::select("employee_id", [''=>'Select Department Head']+$employee, old("employee_id"), ['class'=>'form-control select2' ,'id' => 'employee_id']  ) !!}
                                        <div class="text-danger">{{$errors->first('employee_id')}}</div>
                                    </div>
                                    <div class="form-group col-sm-12 col-12">
                                        <label for="department_head_email">Department Head Email </label>
                                        <input id="department_head_email" type="text" class="form-control" readonly
                                               name="department_head_email" value="{{ old('department_head_email') }}">
                                        <div class="text-danger">{{$errors->first('department_head_email')}}</div>
                                    </div>
                                    <div class="form-group col-sm-12 col-12">
                                        <label for="department_head_user_id">Department Head User ID</label>
                                        <input id="department_head_user_id" type="text" class="form-control" readonly
                                               name="department_head_user_id" value="{{ old('department_head_user_id') }}">
                                        <div class="text-danger">{{$errors->first('department_head_user_id')}}</div>
                                    </div>
                                </div>

                                <div class="form-group text-center m-t-10">
                                    <div class="col-xs-12 m-t-20">
                                        <button type="submit"
                                                id="BtnSubmit"
                                                class="btn w-md btn-bordered btn-success waves-effect waves-light">
                                            Submit
                                        </button>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script>
        $('#employee_id').on('change', function () {
            let employee_id = $('#employee_id').val();
            $.ajax({
                url: '{{route('getUserDataByEmployee')}}',
                type: 'GET',
                data: {
                    'employee_id': employee_id,
                },
                success: function (response) {
                    $('#department_head_email').val(response.email);
                    $('#department_head_user_id').val(response.id);
                }
            })
        });
    </script>
@endpush