@extends('hr::layouts.master')
@section('content')

<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script> 
<script src="{{ asset('/js/common/controller/countryController.js')}}"></script> 
<script src="{{ asset('/js/common/controller/globalsettingsController.js')}}"></script> 
<script src="{{ asset('/js/select2.full.js')}}"></script> 
<div  ng-app="employeeApp">
    <div ng-controller="globalCtrl" ng-init="GlobalValues()">
        <div class="col s12">
            <br>
            <div class="card">
                <h1 class="page-title">Global Settings
                </h1>
                 <a href="#!" ng-click="GoBack()" class="waves-effect page-button"><i class="material-icons left">arrow_back</i>Back</a>
            </div>
            <div class="row card">
                <form class="custom-form col s12" id="frmglobalsettings">
                    <br>
                    <div class="row">
                        <div class="labelheader"><b>Public Information</b></div>
                        <div class="row">
                            <div class="input-field col s4">
                                <p>Company name</p>
                                <input id="txtcompany" type="text" name="txtcompany" ng-model="txtcompany" required  placeholder="Company Name">                                
                            </div>
                            <div class="input-field col s4">
                                <p>Contact number</p>
                                <input id="txtph" type="text" name="txtph" ng-model="txtph" required  placeholder="Contact Number" data-vtype="telephone">                                
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <p>Email</p>
                                <input id="txtemail" type="text" name="txtemail" ng-model="txtemail" required  placeholder="Email" data-vtype="email">                                
                                <span class="error-msg"></span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="input-field col s12">
                                
                                <textarea id="txtaddress" type="text" name="txtaddress" ng-model="txtaddress" required  placeholder="Company Address"> </textarea>                               
                                <label for="txtaddress">Address</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="input-field col s12 m4 l4">
                                <p>Choose logo</p>
                                <input id="txtimage" type="file" name="txtimage" ng-model="txtimage"  onchange="angular.element(this).scope().selectedorNot()">   
                                <span class="error-msg"></span>
                                <!--<img id="imagesource" ng-show="imagesource" ng-src="@{{imagesource}}" ng-model="imagesource" width="220" height="140">-->
                            </div>
                            <div class="input-field col s12 m4 l4"> 
                                <p>Employee Code Prefix</p>
                                <input id="txtempprefix" type="text" name="txtempprefix" ng-model="txtempprefix" required  placeholder="Employee Code Prefix">
                            </div>
                            <div class="input-field col s12 m4 l4"> 
                                <p>Employee Code Start With</p>
                                <input id="txtempcode" type="text" name="txtempcode" ng-model="txtempcode" required  placeholder="Employee Code Start With">
                            </div>

                        </div>
                        <div class="row">
                            <div class="input-field col s4">
                                <select id="countrysearch" name="countrysearch" ng-model="countrysearch">
                                    <option selected="selected" >Search Country</option>
                                    <option ng-repeat="country in countries" value="@{{country.id}}">@{{country.name}}</option>
                                </select>                         
                            </div> 
                            <div class="input-field col s4">
                                <select id="txttimezone" name="txttimezone" ng-model="txttimezone" >
                                    <option value="" selected="selected"ng-model="txttimezone"  >Search TimeZone</option>
                                    <!--<option ng-repeat="country in countries" value="@{{country.id}}">@{{country.name}}</option>-->
                                </select>
                            </div>
                            <div class="input-field col s4">
                                <select id="txtlanguage" name="txtlanguage" ng-model="txtlanguage" >
                                    <option value="" selected="selected" ng-model="txtlanguage"  >Search Language</option>
                                    <!--<option ng-repeat="country in countries.data" value="@{{country.id}}">@{{country.country}}</option>-->
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="input-field col s6">
                                <img id="imagesource" ng-show="imagesource" ng-src="@{{imagesource}}" ng-model="imagesource" width="220" height="140">

                                <span class="error-msg"></span>

                            </div> 
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="labelheader"><b>Payroll</b></div>
                        <div class="row">
                            <div class="input-field  col s4" >
                                <p>Payroll</p>
                                <select class="browser-default" id="payroll" name="payroll" ng-model="payroll">
                                    <option value="" disabled selected>Please select payroll</option>
                                    <option value="leave">By Leave</option>
                                    <option value="attendance">By Attendance</option>
                                </select>
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s12 m4 l4"> 
                                <p>Number of Working Days</p>
                                <input id="txtworkgdays" type="text" name="txtworkgdays" ng-model="txtworkgdays" required  placeholder="Number of Working Days">
                            </div>
                            </div>
                    </div>
                    
                </form>
            </div>
            <div class="col s12">
                <div class="primay-footer ">
                    <div class="footer-content">
                        <div class="row">
                            <div class="input-field col s7">                                        
                                <p class="footer-legend"><i class="fa fa-caret-right red-text" aria-hidden="true"></i> &nbsp;Mandatory Fields</p>
                            </div>
                            <div class="input-field right">   
                                <!--<button class="btn white grey-text-text default waves-effect" type="reset">Cancel</button>-->

                                <a  href="#!" ng-click="saveGlobalsettings($event)" class="btn transparent green-text primary waves-effect">Save</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 

        </div>
    </div>
    <input type="hidden" id='data-countries' value="{{$countries or '[]'}}"/>
    <input type="hidden" id='data-globals' value="{{$globals or '[]'}}"/>
</div>
@stop