@extends('layouts.middleware')
@section('content')
<div class="page-inner">
    <div class="row">
        <div class="col-md-12">
            <form id="form" name="form" action="{{ route('update-logout') }}" method="POST">
                @csrf
                <input type="hidden" id="_idpk" name="_idpk" value="{{ $loginDetail->id }}" />
                
                <div class="card">
                    <div class="card-header">
                        <h1>Log Out Update</h1>
                        <h3>Last worked date and login time :  {{ $loginDetail->logged_in }}</h3>
                        <h5>Please update your last worked day log out time.</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group form-group-default">
                                    <label for="loggedOutTime">{{ trans('labels.logout_time') }}</label>
                                    <input type="text" class="form-control" id="loggedOutTime" name="loggedOutTime" maxlength="100" value="{{ old('loggedOutTime') }}" autocomplete="off">
                                    @error('loggedOutTime')
                                        <span class="text-danger">{{ $message }}</span> <!-- Display error -->
                                    @enderror
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group form-group-default">
                                    <label for="reasonType">{{ trans('labels.reason_type') }} <span class="required-label">*</span></label>
                                    <select id="reasonType" name="reasonType" class="form-control" autocomplete="off">
                                        <option value="">{{ trans('labels.select') }}</option>
                                        @foreach(trans("constants.logout_missing_reason_types") as $k => $v)
                                            <option value="{{ $k }}" {{ old('reasonType') == $k ? 'selected' : '' }}>{{ $v }}</option>
                                        @endforeach
                                    </select>
                                    @error('reasonType')
                                        <span class="text-danger">{{ $message }}</span> <!-- Display error -->
                                    @enderror
                                </div>
                            </div>
            
                            <div class="col-md-8">
                                <div class="form-group form-group-default">
                                    <label for="reason">{{ trans('labels.reason') }} <span class="required-label">*</span></label>
                                    <input type="text" class="form-control uppercase" id="reason" name="reason" maxlength="100" value="{{ old('reason') }}">
                                    @error('reason')
                                        <span class="text-danger">{{ $message }}</span> <!-- Display error -->
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
            
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-md-12">
                                @can('logout_update')
                                    <button type="submit" class="btn btn-success pull-right" style="margin-right:10px;">
                                        <i class="fa fa-check-circle"></i> {{ trans('labels.update_button') }}
                                    </button>
                                @endcan
                                @include('partials.buttons.reset')
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            
        </div>
    </div>
</div>


@endsection

@section('custom_scripts')
<script type="text/javascript" src="{{asset('js/xhr.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/services/constant.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/attendance/update-logout.js')}}"> </script>

<script type="text/javascript" src="{{asset('js/datatables.min.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/autoNumeric1.6.2.js')}}"> </script>
@endsection