@extends('hr::layouts.master')
@section('content')
<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script>
<script src="{{ asset('/js/hr/controller/badgeEmployeeController.js')}}"></script>
<script src="{{ asset('/js/hr/controller/employeeController.js')}}"></script>
<!-- badge Employee Starts Here -->
<div ng-app="employeeApp">
    <div ng-controller="badgeEmployeeCtrl" ng-init="badgeEmployeePagingInit()">
        <div class="col s12">
                <div class="card">
                    <h1 class="page-title">Employee Badge</h1>
        <a href="#!" ng-click="GoBack()" class="waves-effect page-button"><i class="material-icons left">arrow_back</i>Back</a>
    
                </div>
            </div>
        
        <form class="custom-form col s12" id="frmbadgeEmployee">
            <div class="card">  
                <div class="row">
                    <div class="input-field col s6"> 
                        <p>Employee Name</p>
                        <select id="sltemployee" name="sltemployee" ng-model="sltemployee" required="required">
                            <option value="" disabled selected>Choose your Employee</option>
                            <option ng-repeat="employee in employees.data"  value="@{{employee.id}}">@{{employee.name}}</option>
                        </select>
                        <span class="error-msg"></span> 
                    </div>
                    <div class="input-field col s5">
                        <p>Expiry date<p>
                            <input id="txtexpirydate" type="date" name="txtexpirydate" ng-model="txtexpirydate" required class="datepicker" data-vtype="date" placeholder="Pic date" ng-change="badgeInputFiled()">
                        <span class="error-msg"></span> 
                    </div>
                    <div class="input-field  col s4">  
                        <p>Badge</p>
                        <select id="sltbadge" name="sltbadge" ng-model="sltbadge" ng-change="badgeNumber()" required>
                            <option value="" disabled selected>Select badge</option>
                            <option ng-repeat="badge in badges.data"  value="@{{badge.id}}">@{{badge.name}}</option>
                        </select>
                    </div>

                    
                    <div class="input-field col s4">
                        <p>Note</p>
                        <input id="txtnote" type="text" class="validate" name="txtnote" ng-model="txtnote" placeholder="Note" required data-vtype="text">                                
                        <span class="error-msg"></span> 
                    </div>
                <div class="input-field col s4">
                    <div class="switch" ng-hide="statusView == 0 ">
                        <label class="labelalign">
                            Status<br>
                            <b>Inactive :</b> 
                            <input type="checkbox" id="badgestatus"  ng-checked="badgestatus == 'ACTIVE'" ng-model="badgestatus" name="badgestatus" ng-click="dateStatus()">
                            <span class="lever"></span><b ng-show="badgestatus">Active</b>
                            <b ng-show="badgestatus != true"></b>
                        </label>
                    </div>
                </div>
                
                <input type="hidden" value="" id="badgeEmployeeId" name='badgeEmployeeId' ng-model="badgeEmployeeId"/>
           
                </div>
            </div>
      
        <div class="col s12">
                    <div class="primay-footer ">
                        <div class="footer-content">
                            <div class="row">
                                <div class="input-field right">  
                                    <a class="waves-effect waves-light btn" ng-click="savebadgeEmployee($event)" type="submit">Save</a>
                                    <button class="btn transparent green-text primary waves-effect" type="reset">Cancel</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              </form>
    </div>
<!-- Ends -->

</div>
<!-- badge Employee Ends Here -->
<input type="hidden" id='data-badgeEmployee' value="{{$badgeEmployee or '[]'}}"/>
    <input type="hidden" id='data-employee' value="{{$employee or '[]'}}"/>
    <input type="hidden" id='data-badges' value="{{$badges or '[]'}}"/>
@stop