@extends('AdminLte.template')

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

<!--External CSS-->
@section('ExternalCss')
@parent
<style>
    tbody{
        overflow:scroll;
        overflow-x:hidden ;
        height:100px;
    }
    .scroll{
        overflow:scroll;
        overflow-x:hidden ;
        

    }
</style>
@endsection
<!--External CSS Close-->

@section('Content')

<br>
<div class="scroll">
    <div class="container" >
        {{ Form::open(['action' => 'TabController@index','method' => 'POST','id'=>'searchform','role' => 'search','autocomplete' => 'off']) }}

        <div class="box box-primary" style="margin-bottom:0px; ">
            <div class="box-body">
                <div class="container">
                    <div class="patsearch">
                        <div class="row">
                            <div class="col-md-3" style="margin-left:30%">
                                <input type="text" id="employeeName" name="search" size="25" class="borderBottomGray borderNone blue" placeholder="EmployeeId OR EmployeeName" value="" required="">
                                <input type="hidden" id="employeeId" name="employeeId">
                            </div>
                            <div class="col-md-2">
                                <button class="btn btn-facebook fa fa-search search"></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{ Form::close() }}
        <br>
        <ul class="nav nav-tabs">
            <li class="active"><a href="{{ URL::current()}}">Personal Details</a></li>
            <li><a href="{{url('contact_details').'/'.$id}}">Contact Details</a></li>
            <li><a href="{{url('emergency').'/'.$id}}">Emergency Details</a></li>
            <li><a href="{{url('employee_dependent').'/'.$id}}">Dependents</a></li>
            <li><a href="{{url('employee_job').'/'.$id}}">Job</a></li>
            <li><a href="{{url('employee_salary_details').'/'.$id}}">Salary</a></li>
            <li><a href="{{url('employee_reporting').'/'.$id}}">Reporting</a></li>
            <li><a href="{{url('employee_qualification').'/'.$id}}">Qualification</a></li>
            <li><a href="{{url('employee_mapping').'/'.$id}}">Mapping</a></li>
        </ul>

        {{ Form::open(['action' => 'EmployeeDetailsController@create_personal','id' => 'AddEmployeePersonalDetailsForm','autocomplete' => 'off','files' => true]) }}
        <br>
        <input type="hidden" name="employee_id" value="{{$id}}">
        <div class="panel panel-default" style="width:1100px;">
            <div class="panel-heading fontsize16 borderBottomGray">
                Personal Information
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                <label>Employee Id :</label>
                <input type="text" name ="emp_id" size="10" maxlength="45" value="{{$id}}" class="readOnlyBackground borderBottomGray borderNone blue tocheck" readonly>
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                <label>Final Status :</label>
                <input type="text" name ="empStatus" size="10" maxlength="45" value="{{$status}}" class="borderBottomGray borderNone blue tocheck" readonly>
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                @if($Multiple_Hospital_PARAMETER=="Y")
                    <label>Hospital :</label>
                    <input type="text" name ="empStatus" size="45" maxlength="45" value="{{$em->name}}" class="borderBottomGray borderNone blue tocheck" readonly>
                @endif
            </div>

            <div class="panel-body borderBottomGray">
                <div class="col-md-3" style="border-right: 1px solid #d2d6de;">

                    <div class="col-md-6">
                        <img class="border img-responsive" style="width:130px;height:120px;"  alt="Employee Pic" src="{{"data:image/jpeg;base64,".base64_encode( $em->employee_pic )}}"/><input type="file" name ="employee_photo" value="">
                    </div>
                </div>
                <div class="col-md-5" style="border-right: 1px solid #d2d6de;">
                    <div class="row">
                        <div class="col-md-3 txtRight">
                            <label><span class="required">*</span>Full-Name :</label>
                        </div>
                        <div class="col-md-9">
                            @php
                                $employee_name=explode('.',$em->employee_name,2);
                            @endphp
                            <select id="select_prefix" class="borderBottomGray borderNone blue notBold" name="select_prefix">
                                <option value="">Select Prefix</option>
                                <option @php echo sizeof($employee_name)>1?($employee_name[0]=="Dr"?'selected':''):'' @endphp>Dr.</option>
                                <option @php echo sizeof($employee_name)>1?($employee_name[0]=="Mr"?'selected':''):'' @endphp>Mr.</option>
                                <option @php echo sizeof($employee_name)>1?($employee_name[0]=="Ms"?'selected':''):'' @endphp>Ms.</option>
                                <option @php echo sizeof($employee_name)>1?(($employee_name[0]=="Mrs")?'selected':''):'' @endphp>Mrs.</option>
                                <option @php echo sizeof($employee_name)>1?($employee_name[0]=="Kumar"?'selected':''):'' @endphp>Kumar.</option>
                                <option @php echo sizeof($employee_name)>1?($employee_name[0]=="Kumari"?'selected':''):'' @endphp>Kumari.</option>
                            </select>
                            <input type="text" size="29" placeholder="Enter Name" name ="name" maxlength="45" class="borderBottomGray borderNone blue notBold tocheck" placeholder="First Name"  value="@php echo sizeof($employee_name)>1?$employee_name[1]:$employee_name[0] @endphp" tabindex=1 required >
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3 txtRight"><label><span class="required">*</span>Gender :</label></div>
                        <div class="col-md-3">
                            <select name="optradioGen" class="borderBottomGray borderNone blue notBold" required tabindex=3>
                                <option selected value="">Choose here</option>
                                <option name="optradioGen" value="M" {{ $em->employee_gender === "M" ?'selected' : '' }}>Male</option>
                                <option name="optradioGen" value="F" {{ $em->employee_gender === "F" ?'selected' : '' }}>Female</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3 txtRight"><label><span class="required">*</span>DOB :</label></div>
                        <div class="col-md-3">
                            <input type="date" class="borderBottomGray borderNone blue notBold" name="date_of_birth" value="{{$em->employee_dob}}" required tabindex=5>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3 txtRight"><label>Bld. Group :</label></div>
                        <div class="col-md-3">
                            <select name="blood_group" class="borderBottomGray borderNone blue notBold" id="blood_group" tabindex=7>
                                <option selected value="">Choose Here</option>
                                <option name="blood_group" value="O+" {{ $em->employee_blood_group === "O+" ?'selected' : '' }}>O+</option>
                                <option name="blood_group" value="O-" {{ $em->employee_blood_group === "O-" ?'selected' : '' }}>O-</option>
                                <option name="blood_group" value="A+" {{ $em->employee_blood_group === "A+" ?'selected' : '' }}>A+</option>
                                <option name="blood_group" value="A-" {{ $em->employee_blood_group === "A-" ?'selected' : '' }}>A-</option>
                                <option name="blood_group" value="B+" {{ $em->employee_blood_group === "B+" ?'selected' : '' }}>B+</option>
                                <option name="blood_group" value="B-" {{ $em->employee_blood_group === "B-" ?'selected' : '' }}>B-</option>
                                <option name="blood_group" value="AB+" {{ $em->employee_blood_group === "AB+" ?'selected' : '' }}>AB+</option>
                                <option name="blood_group" value="AB-" {{ $em->employee_blood_group === "AB-" ?'selected' : '' }}>AB-</option>

                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3 txtRight kids"><label class=" name">Kid 1 Name :</label></div>
                        <div class="col-md-2 kids">
                            <input  type="text" size="15" name ="kid1" placeholder="Kid 1 Name" class="borderBottomGray borderNone blue notBold" maxlength="25"  value="{{$em->first_kid}}"  tabindex=9>
                        </div>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-5 txtRight"><label>Father-Name :</label></div>
                        <div class="col-md-2">
                            <input type="text" size="20" maxlength="35" placeholder="Father Name" name ="father_name" class="borderBottomGray borderNone blue notBold" value="{{$em->employee_father_name}}" tabindex=2>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-5 txtRight"><label><span class="required">*</span> Martial Status :</label></div>
                        <div class="col-md-2">
                            <select name="martial_status" id="martial_status" class="borderBottomGray borderNone blue notBold" required tabindex=4>
                                <option selected="" value="" >Choose here</option>
                                <option name="martial_status" value="U" {{ $em->employee_marital_status === "U" ?'selected' : '' }}>Un-Married</option>
                                <option name="martial_status" value="M" {{ $em->employee_marital_status === "M" ?'selected' : '' }}>Married</option>
                                <option name="martial_status" value="D" {{ $em->employee_marital_status === "D" ?'selected' : '' }}>Divorced</option>
                                <option name="martial_status" value="W" {{ $em->employee_marital_status === "W" ?'selected' : '' }}>Widowed</option>

                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-5 txtRight spouse_name"><label class="">Spouse-Name :</label></div>
                        <div class="col-md-2 spouse_name">
                            <input type="text" size="15" maxlength="20" placeholder="Spouse Name" name ="spouse_name" class="borderBottomGray borderNone blue notBold" value="{{$em->employee_spouse_name}}" tabindex=6>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-5 txtRight"> <label>Kids :</label></div>
                        <div class="col-md-2">
                            <input type="text" size="15" id="Kids" placeholder="Kids" class="borderBottomGray borderNone blue notBold" name ="kids" maxlength="2" value="{{$em->employee_kids}}" tabindex=8>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-5 txtRight kids kids2"><label>Kid 2 Name :</label></div>
                        <div class="col-md-2 kids2 kids">
                            <input type="text" size="15" name ="kid2" class="borderBottomGray borderNone blue notBold" placeholder="Kid 2 Name"  maxlength="25"  value="{{$em->second_kid}}" tabindex=10 >
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-default" style="width:1100px;">
            <div class="panel-heading fontsize16 borderBottomGray">
            </div>
            <div class="panel-body borderBottomGray">
                <div class="row">
                    <div class="col-md-4" style="border-right: 1px solid #d2d6de;">
                        <div class="row">
                            <div class="col-md-6 txtRight"><label><span class="required">*</span>Aadhar No :</label></div>
                            <div class="col-md-3">
                                <input type="text" placeholder="Enter Aadhar No" class="borderBottomGray borderNone blue notBold" name ="aadhar_no" pattern="[0-9]{1,12}" title="Only digits" maxlength="12" size="12" value="{{$em->employee_aadhar_no}}" tabindex=11 required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 txtRight"><label>PAN No :</label></div>
                            <div class="col-md-2">
                                <input  type="text" placeholder="Enter PAN No" class="borderBottomGray borderNone blue notBold" name ="pan_no" pattern="[a-zA-Z0-9]{1,10}" maxlength="10" size="10" value="{{$em->employee_pan_no}}" tabindex=12 >
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 txtRight"><label> <span class="required">*</span>PF Verification :</label></div>
                            <div class="col-md-2">
                                <select name="optradioPF" class="borderBottomGray borderNone blue notBold" required tabindex=13>
                                    <option name="martial_status" value="Y" {{ $em->is_pf_registration === "Y" ?'selected' : '' }}>Yes</option>
                                    <option name="martial_status" value="N" {{ $em->is_pf_registration === "N" ?'selected' : '' }}>No</option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 txtRight"><label>UAN no :</label></div>
                            <div class="col-md-2">
                                <input type="text" class="borderBottomGray borderNone blue notBold" placeholder="Enter UAN No" name ="uanno" maxlength="15" size="15" value="{{$em->employee_uan_no}}"  tabindex=14 >
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 txtRight"><label> <span class="required">*</span>Police Verification :</label></div>
                            <div class="col-md-2">
                                <select name="optradioPV" class="borderBottomGray borderNone blue notBold" required tabindex=15>
                                    <option name="martial_status" value="Y" {{ $em->employee_is_police_verification_done === "Y" ?'selected' : '' }}>Yes</option>
                                    <option name="martial_status" value="N" {{ $em->employee_is_police_verification_done === "N" ?'selected' : '' }}>No</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="row">
                            <div class="col-md-7 txtRight"><label>Experience Before Joining :</label></div>
                            <div class="col-md-4">
                                <input type="text" placeholder="Experience" size="6" class="borderBottomGray borderNone blue notBold" name ="experience"  value="{{$em->experience_before_joining}}" required tabindex=16><label class="notBold">Year</label>
                            </div>
                        </div>
                        <div class="row">
                            @php
                            $diff=abs(strtotime(date("Y-m-d"))-strtotime($em->employee_hire_date));
                            $days = floor($diff/(60*60*24));
                            $final= $days/365;
                            @endphp
                            <div class="col-md-7 txtRight"><label>Years In This Hospital: </label></div>
                            <div class="col-md-4">
                                <input type="text" placeholder="Experience" size="6" class="borderBottomGray borderNone blue notBold" value="{{number_format($final ,1)}}" readonly required tabindex=17><label class="notBold">Year</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" style="border-left: 1px solid #d2d6de;">
                        <div class="row">
                            <div class="col-md-6 txtRight"><label>Bank Name :</label></div>
                            <div class="col-md-2">
                                <input type="text" placeholder="Enter Bank Name" class="borderBottomGray borderNone blue notBold" name="bank_name" maxlength="40" value="{{$em->employee_bank_name}}" tabindex=18>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 txtRight"><label>Bank A/C No :</label></div>
                            <div class="col-md-3">
                                <input type="text" placeholder="Enter A/C No" class="borderBottomGray borderNone blue notBold" name="bank_ac_no" maxlength="18" pattern="[0-9]{1,18}" value="{{$em->employee_bank_acct_no}}" tabindex=19>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 txtRight"><label>Bank A/C Type :</label></div>
                            <div class="col-md-3">
                                <select name="bank_ac_type" class="borderBottomGray borderNone blue notBold" tabindex=20>
                                    <option hidden value="">Choose here</option>
                                    <option value="Current" {{ $em->employee_bank_account_type === "Current" ?'selected' : '' }}>Current</option>
                                    <option value="Saving" {{ $em->employee_bank_account_type === "Saving" ?'selected' : '' }}>Saving</option>
                                    <option value="Salary" {{ $em->employee_bank_account_type === "Salary" ?'selected' : '' }}>Salary</option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 txtRight"><label>Bank IFSC Code :</label></div>
                            <div class="col-md-2">
                                <input type="text" name="bank_ifsc_code" placeholder="Enter IFSC Code" class="borderBottomGray borderNone blue notBold" maxlength="18" value="{{$em->employee_bank_ifsc_code}}"tabindex=21>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 txtRight"><label>Bank Address :</label></div>
                            <div class="col-md-2">
                                <textarea name="bank_address" placeholder="Enter Address" class="borderBottomGray borderNone blue notBold" maxlength="250" tabindex=22>{{$em->employee_bank_address}}</textarea>
                            </div>
                        </div>
                        <br>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 txtRight">
                        <button type="submit" class="btn btn-success btn-sm" id="btnSubmit" >Submit</button>
                        <input type="reset" name="btnReset" id="btnReset" value="Reset" class="btn btn-sm btn-info">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--Box Body !-->



{{ Form::close() }}

<div class="col-md-4 col-md-offset-3">
    @if(session()->has('successMessage'))
    <div class="alert alert-success alert-dismissible fade in col-sm-12">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        {{ session()->get('successMessage') }}
    </div>
    @endif
    @if(session()->has('errorMessage'))
    <div class="alert alert-danger alert-dismissible fade in col-sm-12">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        {{ session()->get('errorMessage') }}
    </div>
    @endif
</div>
@endsection

<!--Bootstrap Modals-->
@section('BootstrapModals')
{{-- @include('Components/Bootstrap Modals/category_modal') --}}
@endsection
<!--Bootstrap Modals Close-->

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