@extends('AdminLte.template')

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

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

@section('Content')
<!-- Your Page Content Here -->
<div class="container">
    <ul class="nav nav-tabs">

        <li class="active" ><a href="{{url('personal_details')}}">Personal Details</a></li>
        <li><a href="{{url('contact_details')}}">Contact Details</a></li>
    </ul>
    <br>
</div>

{{ Form::open(['action' => 'EmployeeDetailsController@create_personal','id' => 'AddEmployeePersonalDetailsForm','autocomplete' => 'off']) }}

<div class="container-fluid">
    <div class="row">
        <h3 style="margin-top:3px !important; margin-bottom:2px !important;" class="txtCenter">Personal Details</h3>
    </div>
    <div class="row no-gutters" 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-8">
            <input type="text" name ="first_name" maxlength="15" size="15" value="" required placeholder="First Name" >
            <input type="text" name ="middle_name" maxlength="15" size="15" value=""placeholder="Middle Name" required >
            <input type="text" name ="last_name" maxlength="15" size="15" value="" placeholder="Last Name "required >
        </div>
    </div>
    <br>
    <div class="row no-gutter" >
        <div class="col-md-2 txtRight"><label class="txtRight name"> <span class="required">*</span>Employee ID</label></div>
        <div class="col-md-3">
            <input type="text" name ="employee_id" maxlength="15" size="15" value="" required >
        </div>
        <div class="col-md-2 txtLeft"><label><span class="required">*</span>Father-Name</label></div>
        <div class="col-md-4">
            <input type="text" name ="father_name" 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 no-gutter">
        <div class="col-md-2  txtRight"><label class="txtRight name">Gender</label></div>
        <div class="col-md-2">
            <div class="radio">
                <label><input type="radio" value="M" name="optradioGen" checked>Male</label>

            </div>
            <div class="radio">
                <label><input type="radio" value="F" name="optradioGen">Female</label>

            </div>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-md-2 txtRight"><label class="txtRight name">Date Of Birth</label></div>
        <div class="col-md-3">
            <input type="date" name="date_of_birth">
        </div>
    </div>
    <br>
    <div class="row no-gutter">
        <div class="col-md-2 txtRight"><label class="txtRight name"> <span class="required">*</span>Martial Status</label></div>
        <div class="col-md-3">
            <input type="text" name ="martial_status" maxlength="15" size="15" value="" required >
        </div>
        <div class="col-md-2 txtLeft"><label class="txtRight name"> <span class="required">*</span>Spouse-Name</label></div>
        <div class="col-md-4">
            <input type="text" name ="spouse_name" 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>Aadhar No</label></div>
        <div class="col-md-3">
            <input type="text" name ="aadhar_no" maxlength="12" size="15" value="" required >
        </div>
        <div class="col-md-2 txtLeft"><label class="txtRight name"> <span class="required">*</span>Kids</label></div>
        <div class="col-md-4">
            <input type="text" name ="kids" maxlength="2" size="15" value="" required >
        </div>

    </div>
    <br>
    <div class="row">
        <div class="col-md-2 txtRight"><label class="txtRight name"> <span class="required">*</span>Pan No</label></div>
        <div class="col-md-3">
            <input type="text" name ="pan_no" maxlength="10" size="10" value="" required >
        </div>
        <div class="col-md-2 txtLeft"><label class="txtRight name"> <span class="required">*</span>Police Verification</label></div>
        <div class="col-md-4">
            <div class="radio">
                <label><input type="radio" value="Y" name="optradioPV" checked>Yes</label>
            </div>
            <div class="radio">
                <label><input type="radio" value="N" name="optradioPV">No</label>
            </div>
        </div>

    </div>
    <div class="row">
        <div class="col-md-2 txtRight"><label class="txtRight name">Bank Account No.</label></div>

        <div class="col-md-3"><input type="text" name="bank_ac_no" maxlength="18"></div>
    </div>
    <br>
    <div class="row">
        <div class="col-md-2 txtRight"><label class="txtRight name">Bank IFSC Code </label></div>
        <div class="col-md-3"><input type="text" name="bank_ifsc_code" maxlength="18"></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')
{{-- @include('Components/Hrms Modal/employee_education_modal') --}}
@endsection
<!--Bootstrap Modals Close-->

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