@extends('AdminLte.template')

<!--Title-->
@section('title')
Add Employee Details
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
@endsection
<!--External CSS Close--> 

@section('Content')
<!-- Your Page Content Here -->
<br>
{{ Form::open(['action' => 'EmployeeDetailsController@create','id' => 'AddEmployeeDetailsForm','autocomplete' => 'off']) }}

<div class="row">
    <h3 style="margin-top:3px !important; margin-bottom:2px !important;" class="txtCenter">Add Employee Details</h3>
</div>
<div class="row" style="margin-top:10px;">
    <div class="col-md-2 txtRight"><label class="txtRight name"> <span class="required">*</span>Full-Name</label></div>
    <div class="col-md-10">
        <input type="text" name ="first_name" maxlength="15" size="15" value="" required placeholder="First Name" required>
        <input type="text" name ="middle_name" maxlength="15" size="15" value=""placeholder="Middle Name"  >
        <input type="text" name ="last_name" maxlength="15" size="15" value="" placeholder="Last Name ">
    </div>
</div>
<br>
<div class="row">

    <div class="col-md-2 txtRight"><label class="txtRight name"> <span class="required">*</span>Employee ID</label></div>
    <div class="col-md-10">
        <input type="text" name ="employee_id" id="employee_id" maxlength="15" size="15" value=""  required>
    </div>


</div>
<br>
<div class="row">
    <div class="col-md-2 txtRight"><label class="txtRight name"> <span class="required">*</span>Photo</label></div>
    <div class="col-md-10">
        <input type="file" name ="employee_photo">
    </div>
</div>
<br>
<div class="row">
    <div class="col-md-2 txtRight"><label class="txtRight name"> <span class="required">*</span>Create Login Details</label></div>
    <div class="col-md-10">
        <input type="checkbox" value="" id="login_detail" name="login_detail"> 
    </div>
</div>
<br>
<div  id="container">
    <div class="row">
        <div class="col-md-2 txtRight"><label class="txtRight name"> <span class="required">*</span>User Name:</label></div>
        <div class="col-md-10">
            <input type="text" name="username"> 
        </div>  
    </div>
    <br>
    <div class="row">
        <div class="col-md-2 txtRight"><label class="txtRight name"> <span class="required">*</span>Password:</label></div>
        <div class="col-md-10">
            <input type="password" name="password"> 
        </div>  
    </div>
    <br>
    <div class="row">
        <div class="col-md-2 txtRight"><label class="txtRight name"> <span class="required">*</span>Confirm Password:</label></div>
        <div class="col-md-10">
            <input type="confirm_password" name="confirm_password"> 
        </div>  
    </div>
</div>
<div class="modal-footer">
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-success btn-sm" id="btnSubmit" >Submit</button>
            <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>


{{ Form::close() }}

@endsection

<!--Bootstrap Modals-->      
@section('BootstrapModals')

@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/hrms_employee_details.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->