@extends('app') @section('page-title') @section('content') @if (isset($status))
<div class="pad margin no-print">
    <div class="alert alert-{{$status['code']}} alert-dismissible fade in" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
        <ul>
            @foreach ($status['messages'] as $m)
            <li>{{$m}}</li>
            @endforeach
        </ul>
    </div>
</div>
@endif

<div class="row">
    <div class="col-xs-12">

        <div class="panel panel-inverse">
            <div class="panel-heading"> @lang('modules.client.createTitle')</div>
            <div class="panel-wrapper collapse in" aria-expanded="true">
                <div class="panel-body">
                    {!! Form::model($employee, ['method' => isset($employee) && $employee->id ? 'put' : 'post', 'files' => 'true']) !!}
                    <input type="hidden" name="organization_id" value="{{$organization->id}}">
                    <input type="hidden" id="sublocation_id" value="{{json_encode($subLocationIds)}}">

                    <div class="form-body">

                        @if(isset($employee) && ($employee->id))
                        <h3 class="box-title ">Edit</h5>
                            @else
                            <h3 class="box-title ">Add New</h3>
                            @endif
                            <hr>
                            <div class="row">

                                <div class="col-md-4 ">
                                    <div class="form-group {{{ $errors->has('employee_code') ? 'has-error' : '' }}}">
                                        <label class="required">Employee Code</label> {!! Form::text('employee_code', isset($employee) && $employee->employee_code ? $employee->employee_code : old('name'), ['class' => 'form-control', 'id' => 'employee_code'])
                                        !!} {!! $errors->first('employee_code', '<label class="control-label" for="employee_code">:message</label>')!!}
                                    </div>

                                </div>

                                <div class="col-md-4 ">
                                    <div class="form-group {{{ $errors->has('name') ? 'has-error' : '' }}}">
                                        <label class="required">Employee Name</label> {!! Form::text('name', isset($employee) && $employee->name ? $employee->name : old('name'), ['class' => 'form-control', 'id' => 'name']) !!} {!! $errors->first('name',
                                        '
                                        <label class="control-label" for="name">:message</label>')!!}
                                    </div>

                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-4 ">
                                    <div class="form-group {{{ $errors->has('geo_address') ? 'has-error' : '' }}}">
                                        <label >Address</label> {!! Form::text('geo_address', isset($employee) && $employee->geo_address ? $employee->geo_address : old('geo_address'), ['class' => 'form-control', 'id' => 'geo_address'])
                                        !!} {!! $errors->first('geo_address', '<label class="control-label" for="geo_address">:message</label>')!!}
                                    </div>

                                </div>
                            </div>
                            <div class="row">

                                <div class="col-md-3 ">
                                    <div class="form-group {{{ $errors->has('email') ? 'has-error' : '' }}}">
                                        <label class="required">Email Id</label> {!! Form::email('email', isset($employee) && $employee->email ? $employee->email : old('email'), ['class' => 'form-control', 'id' => 'email']) !!} {!! $errors->first('email',
                                        '
                                        <label class="control-label" for="name">:message</label>')!!}
                                    </div>

                                </div>

                                <div class="col-md-3 ">
                                    <div class="form-group {{{ $errors->has('mobile') ? 'has-error' : '' }}}">
                                        <label class="required">Mobile</label> {!! Form::text('mobile', isset($employee) && $employee->mobile ? $employee->mobile : old('mobile'), ['class' => 'form-control', 'id' => 'mobile']) !!} {!! $errors->first('mobile',
                                        '
                                        <label class="control-label" for="mobile">:message</label>')!!}
                                    </div>

                                </div>
                                <div class="col-md-2 ">
                                    <div class="form-group {{{ $errors->has('premises') ? 'has-error' : '' }}}">
                                        <label class="required">Premises</label>

                                        <select class="form-control select2" id="premises" name="premises" required>
                                            <option value="Work From Home" @if(($employee->premises) == 'Work From Home' || (old('premises') == $employee->premises)) selected @endif>Work From Home</option>
                                            <option value="Work From Office" @if(($employee->premises) =='Work From Office' || (old('premises') == $employee->premises)) selected @endif>Work From Office</option>
                                        
                                        </select> {!! $errors->first('premises', '<label class="control-label" for="premises">:message</label>')!!}
                                    </div>

                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2 ">
                                    <div class="form-group {{{ $errors->has('dob') ? 'has-error' : '' }}}">
                                        <label class="">DOB</label> {!! Form::date('dob', isset($employee) && $employee->dob ? $employee->dob : old('dob'), ['class' => 'form-control', 'id' => 'dob']) !!} {!! $errors->first('dob',
                                        '
                                        <label class="control-label" for="dob">:message</label>')!!}
                                    </div>

                                </div>


                                <div class="col-md-3 ">
                                    <div class="manager-field form-group {{{ $errors->has('password') ? 'has-error' : '' }}}">
                                        <label class="required">Password</label>
                                        <input type="password" name="password" id="password" class="form-control" autocomplete="nope" value=""> 
                                        <span class="p-viewer password" onclick="p_assword()">
                                            <i class="fa faeye fa-eye-slash" aria-hidden="true"></i>
                                        </span>
                                        {!! $errors->first('password', '<label class="control-label" for="name">:message</label>')!!}
                                    </div>

                                </div>

                                <div class="col-md-3 ">
                                    <div class="manager-field form-group {{{ $errors->has('password_confirmation') ? 'has-error' : '' }}}">
                                        <label class="required">Confirm Password</label>
                                        <input type="password" name="password_confirmation" id="password_confirmation" class="form-control" autocomplete="nope" value=""> 
                                        <span class="p-viewer password_confirmation" onclick="cp_assword()">
                                            <i class="fa faeye fa-eye-slash" aria-hidden="true"></i>
                                        </span>
                                        {!! $errors->first('password_confirmation', '<label class="control-label" for="name">:message</label>')!!}
                                    </div>

                                </div>



                            </div>
                            <div class="row">
                                <div class="col-md-4 form-group">
                                    <label for="department_id" class="required">Department</label>
                                    <div class="form-group  {{{ $errors->has('department_id') ? 'has-error' : '' }}}">
                                        <select class="form-control select2" id="department_id" name="department_id" required>
                                            <option value="">Select Department</option>
                                            @foreach($departments as $department)
                                                <option value="{{$department->id}}" @if(isset($employee->department) && ($employee->department_id == $department->id) || (old('department_id') == $department->id)) selected @endif>
                                                    {{$department->name}}
                                                </option>
                                            @endforeach
                                        </select> {!! $errors->first('department_id', '<label class="control-label" for="department_id">:message</label>')!!}
                                    </div>


                                </div>

                                <div class="col-md-4 form-group">
                                    <label for="designation_id" class="required">Designation</label>
                                    <div class="form-group  {{{ $errors->has('designation_id') ? 'has-error' : '' }}}">
                                        <select class="form-control select2" id="designation_id" name="designation_id" required>
                                            <option value="">Select Designation</option>
                                            @foreach($designations as $designation)
                                                <option value="{{$designation->id}}" @if(isset($employee->department) && ($employee->designation_id == $designation->id) || (old('designation_id') == $designation->id)) selected @endif>
                                                    {{$designation->name}}
                                                </option>
                                            @endforeach
                                        </select> {!! $errors->first('designation_id', '<label class="control-label" for="designation_id">:message</label>')!!}
                                    </div>


                                </div>

                            </div>
                            <div class="row">

                                <div class="col-md-4">
                                    <label for="manager_id">Manager</label>
                                    <div class="form-group  {{{ $errors->has('manager_id') ? 'has-error' : '' }}}">
                                        <select class="form-control select2" id="manager_id" name="manager_id">
                                            <option value="">Select Manager</option>
                                            @foreach($hodList as $manager)
                                                <option value="{{$manager->id}}" @if(isset($employee) && ($employee->manager_id == $manager->id) || (old('manager_id') == $manager->id)) selected @endif>
                                                    {{$manager->name}} ({{$manager->email}})
                                                </option>
                                            @endforeach
                                        </select> {!! $errors->first('manager_id', '<label class="control-label" for="manager_id">:message</label>')!!}
                                    </div>


                                </div>

                                <div class="col-md-4">
                                    <label for="gender">Gender</label>
                                    <div class="form-group  {{{ $errors->has('gender') ? 'has-error' : '' }}}">
                                        <select class="form-control select2" id="gender" name="gender">
                                            @foreach($employeeGender as $val)
                                                <option value="{{$val}}"  @if(isset($employee) && ($employee->gender == $val) || (old('gender') == $val)) selected @endif>{{ucfirst($val)}}</option>
                                            @endforeach
                                        </select> {!! $errors->first('gender', '<label class="control-label" for="gender">:message</label>')!!}
                                    </div>

                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        Assign location(s) & shifts to employee
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-8 col-12">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label for="location_id">Location</label>
                                                    <div class="form-group  {{{ $errors->has('location_id') ? 'has-error' : '' }}}">
                                                        <select class="form-control select2" id="location_id" name="location_id" onchange="getsubLocations(this,'sublocations')">
                                                            <option value="">Select Location</option>
                                                            @foreach($locations as $location)
                                                                <option value="{{$location->id}}" @if(isset($employee->location) && ($employee->location_id == $location->id) || (old('location_id') == $location->id)) selected @endif>
                                                                    {{$location->name}}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    {!! $errors->first('location_id', '<label class="control-label" for="location_id">:message</label>')!!}
                                                </div>
                                                <div class="col-md-6">
                                                    <label for="shift_id">Shift</label>
                                                    <div class="form-group  {{{ $errors->has('shift_id') ? 'has-error' : '' }}}">
                                                        <select class="form-control select2" id="shift_id" name="shift_id">
                                                            <option value="">Select shift timings</option>
                                                            @foreach($shifts as $shift)
                                                                <option value="{{$shift->id}}" @if(isset($employee) && ($employee->shift_id == $shift->id) || (old('shift_id') == $shift->id)) selected @endif>
                                                                    {{$shift->name}}
                                                                </option>
                                                            @endforeach
                                                        </select> {!! $errors->first('shift_id', '<label class="control-label" for="shift_id">:message</label>')!!}
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        Assign Sublocation(s) to employee
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-8 col-12 sublocations">
                                            <label for="location_id">Sub Location</label>
                                            <div class="form-group ">
                                                <select class="form-control select2 blank_sub_location">
                                                    <option value="">Select Sub Location</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-8 col-12">
                                    <div class="card {{{ $errors->has('status') ? 'has-error' : '' }}}">
                                        <div class="card-header">
                                            <h3 class="card-title">Status</h3>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-group ">
                                                <select class="form-control select2" name="status">
                                                @foreach($employeeStatus as $val)
                                                    <option value="{{$val}}"  @if(isset($employee) && ($employee->status == $val) || (old('status') == $val)) selected @endif>{{$val}}</option>
                                                @endforeach
                                            </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-8 col-6">
                                    <div class="form-group">
                                        <label for="valid_to">Live Tracking</label>
                                        <select class="form-control select2" name="live_tracking">
                                            
                                                <option value="1"   >Yes</option>
                                                <option value="0"   >No</option>
                                            
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-8 col-6">
                                    <div class="form-group">
                                        <label for="valid_to">Check in with on Face</label>
                                        <select class="form-control select2" name="with_face">
                                            
                                                <option value="1"    >Yes</option>
                                                <option value="0"    >No</option>
                                            
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-8 col-6">
                                    <div class="form-group">
                                        <label for="valid_to">Activate checkin</label>
                                        <select class="form-control select2" name="check_in">
                                            
                                                <option value="1"   >Yes</option>
                                                <option value="0"   >No</option>
                                            
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-8 col-6">
                                    <div class="form-group">
                                        <label for="valid_to">Flexi Hours</label>
                                        <select class="form-control select2" name="flexi_hours">
                                            
                                                <option value="1"   >Yes</option>
                                                <option value="0"   >No</option>
                                            
                                        </select>
                                    </div>
                                    <div class="col-md-2 ">
                                        <div class="form-group {{{ $errors->has('date_of_joining') ? 'has-error' : '' }}}">
                                            <label class="">DOJ</label> {!! Form::date('date_of_joining', isset($employee) && $employee->date_of_joining ? $employee->date_of_joining : old('date_of_joining'), ['class' => 'form-control', 'id' => 'date_of_joining']) !!} {!! $errors->first('date_of_joining',
                                            '
                                            <label class="control-label" for="date_of_joining">:message</label>')!!}
                                        </div>

                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="card col-md-6">
                                    <div class="card-header">
                                        <h3 class="card-title">Employee selfie image</h3>
                                    </div>
                                    <div class="card-body">
                                        <label for="image">Image
                                        </label>
                                        <div class="uploadedDocBox text-center">
                                            @if($employee->image)
                                            <img id="image_upload_preview" src="{!! $employee->image !!}" alt="your image" style="width:100%;height: 250px;object-fit: contain;" onerror="this.src='/assets/img/default-profile-3.png'"/>
                                            <a href="/{{$organization->alias}}/employee/{{$employee->id}}/delete-image" class="delImage">
                                                <img src="/assets/img/closered.svg">
                                            </a>
                                            @else
                                            <img id="image_upload_preview" src="http://placehold.it/100x100" value="{{ old('image') }}" alt="your image" style="width:100%;height: 250px;object-fit: contain;" onerror="this.src='/assets/img/default-profile-3.png'"/> @endif
                                        </div>
                                        <div class="text-center" style="display:flex;justify-content:center;margin-top:10px">
                                            <input type="file" class="fileinput btn-primary" name="image" accept="image/*" id="inputFile" data-filename-placement="inside" title="Browse">
                                        </div>
                                        {!! $errors->first('image', '<label class="control-label" for="image">:message</label>')!!}
                                    </div>
                                </div>
                            </div>

                    </div>

                </div>
                <div class="form-actions">
                    <button type="submit" id="save-form" class="btn btn-success"> <i class="fa fa-check"></i> Save</button>

                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>

<!-- .row -->

@endsection @push('footer-script')

<script type="text/javascript">
    var subLocations = $('#sublocation_id').val();

    function getsubLocations(th) {
        var locationId = $('#location_id').val();
        var subLocationId = "";

        var data = {
            location_id: locationId,
            '_token': '{{{csrf_token()}}}'
        }
        $.ajax({
            url: '/{{$organization->alias}}/location/sub-locations',
            type: 'POST',
            data: data,
            success: function(data) {
                var selectbox = '';
                if (data) {
                    selectbox = '<label for="sub_location_id">Sub Location</label>';
                    selectbox += '<div class="form-label-group"><select name="sublocations[]" class="form-control select2" id="sub_location_id" multiple>';
                    selectbox += '<option value="">-- Select Sub Locations --</option>';
                    $.each(data, function(i, item) {
                        if (subLocations.includes(i)) {
                            selectbox += '<option value="' + i + '" selected="selected">' + item + '</option>';
                        } else {
                            selectbox += '<option value="' + i + '">' + item + '</option>';
                        }
                    });
                    selectbox += '</select></div>';
                }
                console.log(selectbox);
                $('#blank_sub_location').css('display', 'none');
                $('.sublocations').css('display', 'block');
                $('.sublocations').html(selectbox);
                $("#sub_location_id").select2({
                    multiple: true
                });
            }
        });
    }

    $(document).ready(function() {
        if ($('#location_id').val()) {
            getsubLocations();
        }
    });

    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function(e) {
                $('#image_upload_preview').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#inputFile").change(function() {
        readURL(this);
    });
</script>



@endpush