@extends('AdminLte.template')

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

<!--External CSS-->
@section('ExternalCss')
<style>


    .panel-body{

        background-color:white;
    }
</style>
@parent
@endsection
<!--External CSS Close-->

@section('Content')
<!-- Your Page Content Here -->
<br>
<div class="table-responsive">
    <div class="col-md-12">
        {{ Form::open(['action' => 'EmployeeDetailsController@create','id' => 'AddEmployeeDetailsForm','autocomplete' => 'off','files' => true]) }}
        <div class="panel panel-default" style="margin-bottom:2px;">
            <div class="panel-heading fontsize16 borderBottomGray">
                Add Employee Details
            </div>
            <div class="panel-body borderBottomGray">
                <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">
                        <select id="select_prefix" class="borderBottomGray borderNone blue notBold" name="select_prefix">
                            <option value="">Select Prefix</option>
                            <option>Dr.</option>
                            <option>Mr.</option>
                            <option>Ms.</option>
                            <option>Mrs.</option>
                            <option>Kumar.</option>
                            <option>Kumari.</option>
                        </select>
                        <input type="text" class="borderBottomGray borderNone blue notBold" name ="name" id="Emp_name" maxlength="45" size="30" value="" placeholder="Enter Full Name" required>
                    </div>
                </div>
                <br>
                <input type="hidden" value="{{ $Multiple_Hospital_PARAMETER }}" id="Multiple_Hospital_PARAMETER">
                @if ($Multiple_Hospital_PARAMETER=="Y")
                    <div class="row" style="margin-top:10px;">
                        <div class="col-md-2 txtRight">
                            <label class="txtRight"><span class="required">*</span>Hospital : </label> </div>
                        <div class="col-md-2">
                            <select id="select_hospital" class="borderBottomGray borderNone blue notBold" name="select_hospital" required="true">
                                <option value="">Choose here </option>
                                @foreach($hospital as $key=>$category)
                                    <option value="{{$category->code }}">{{$category->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <br>
                @else
                    <input type="hidden" value="H" name="select_hospital" id="select_hospital">
                @endif
                <div class="row" style="margin-top:10px;">
                    <div class="col-md-2 txtRight">

                        <label class="txtRight"><span class="required">*</span>Job category : </label> </div>
                    <div class="col-md-2">
                        <select id="jobcategory" class="borderBottomGray borderNone blue notBold" name="jobcategory" required="true">
                            <option value="">Choose here </option>
                            @foreach($jobCategory as $key=>$category)
                            <option value="{{$category->job_category_id }}">{{$category->job_category_name}}</option>
                            @endforeach
                        </select>
                    </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" class="borderBottomGray borderNone blue notBold" placeholder="Enter Employee Id"  name ="employee_id" id="employee_id" maxlength="7" size="15" value=""  required>
                    </div>


                </div>
                <br>
                <div class="row">
                    <div class="col-md-2 txtRight"><label class="txtRight name">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="false" 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" placeholder="Username" maxlength="10" class="borderBottomGray borderNone blue notBold" name="username" id="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" placeholder="Password" maxlength="15" class="borderBottomGray borderNone blue notBold" name="password" id="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="password" placeholder="Confirm Password" maxlength="15" class="borderBottomGray borderNone blue notBold" name="confirm_password" id="confirm_password">
                        </div>
                    </div>
                </div>
                <br>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-4">
                        <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>


                {{ Form::close() }}
            </div>
        </div>
    </div>
</div>
@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-->