@extends('backend.layouts.app')
@section('title', @$data['title'])

@section('style')
    <style>
        .btn {
            padding: 10px 15px;
            font-size: 14px;
        }
    </style>
@endsection

@section('content')
    {!! breadcrumb([
        'title' => @$data['title'],
        route('admin.dashboard') => _trans('common.Dashboard'),
        route('attendance.index') => _trans('common.Attendance'),
        route('tardy-records.index') => _trans('common.Tardy Record'),
        '#' => @$data['title'],
    ]) !!}

    <div class="table-content table-basic">
        <div class="card ot-card">
            <div class="card-body">
                <form action="{{ $data['url'] }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class="form-label" for="date">
                                    {{ _trans('common.Date') }}  
                                    <span class="text-danger">*</span>
                                </label>
                                <input 
                                    type="date" 
                                    class="form-control ot-form-control ot-input"
                                    placeholder="" 
                                    id="date" 
                                    name="date"
                                    value="{{ old('date', $data['tardyRecord']->date) }}"
                                    required 
                                >
                                @if ($errors->has('date'))
                                    <span class="text-danger">
                                        {{ $errors->first('date') }}
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class="form-label" for="user_id">
                                    {{ _trans('common.Employee') }}
                                    <span class="text-danger">*</span>
                                </label>
                                <select name="user_id" class="form-control ot-form-control ot-input select2" required>
                                    <option value="">{{ _trans('common.Choose A Employee') }}</option>
                                    @foreach ($data['users'] as $user)
                                        <option 
                                            value="{{ $user->id }}" 
                                            {{ old('user_id', $data['tardyRecord']->user_id) == $user->id ? 'selected' : '' }}
                                        >
                                            {{ $user->name }} [{{ @$user->designation->title }}]
                                        </option>
                                    @endforeach
                                </select>
                                @if ($errors->has('user_id'))
                                    <span class="text-danger">
                                        {{ $errors->first('user_id') }}
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class="form-label" for="tardy_type">
                                    {{ _trans('common.Tardy Rule') }}  
                                    <span class="text-danger">*</span>
                                </label>
                                <select class="form-control ot-form-control ot-input select2" id="tardy_rule_id" name="tardy_rule_id" required>
                                    <option value="">{{ _trans('common.Select Tardy Type') }}</option>
                                    @foreach ($data['tardy_rules'] ?? [] as $id => $title)
                                        <option value="{{ $id }}" {{ old('tardy_rule_id', $data['tardyRecord']->tardy_rule_id) == $id ? 'selected' : '' }}>
                                            {{ $title }}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($errors->has('tardy_rule_id'))
                                    <span class="text-danger">
                                        {{ $errors->first('tardy_rule_id') }}
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group mb-3">
                                        <label class="form-label" for="tardy_type">
                                            {{ _trans('common.Tardy For') }} 
                                            <span class="text-danger">*</span>
                                        </label>
                                        <select class="form-control ot-form-control ot-input select2" id="tardy_type" name="tardy_type" required>
                                            <option value="">{{ _trans('common.Select Tardy Type') }}</option>
                                            <option value="Check In" {{ old('tardy_type', $data['tardyRecord']->tardy_type) == 'Check In' ? 'selected' : '' }}>
                                                {{ _trans('common.Check In') }}
                                            </option>
                                            <option value="Check Out" {{ old('tardy_type', $data['tardyRecord']->tardy_type) == 'Check Out' ? 'selected' : '' }}>
                                                {{ _trans('common.Check Out') }}
                                            </option>
                                        </select>
                                        @if ($errors->has('tardy_type'))
                                            <span class="text-danger">
                                                {{ $errors->first('tardy_type') }}
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-3">
                                        <label class="form-label" for="tardy_minutes">
                                            {{ _trans('common.Tardy Minutes') }}  
                                            <span class="text-danger">*</span>
                                        </label>
                                        <input 
                                            type="number" 
                                            class="form-control ot-form-control ot-input" 
                                            id="tardy_minutes" 
                                            name="tardy_minutes"
                                            min="0"
                                            placeholder="{{ _trans('common.Tardy Minutes') }}" 
                                            value="{{ old('tardy_minutes', convertTimeToMinutes($data['tardyRecord']->tardy_time)) }}"
                                            required
                                        >
                                        @if ($errors->has('tardy_minutes'))
                                            <span class="text-danger">
                                                {{ $errors->first('tardy_minutes') }}
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class="form-label" for="is_emergency">
                                    {{ _trans('common.Emergency') }} 
                                </label>
                                <select name="is_emergency" class="form-select demo-select2-placeholder select2">
                                    <option value="">{{ _trans('common.Select') }}</option>
                                    <option value="1" {{ old('is_emergency', $data['tardyRecord']->is_emergency) == 1 ? 'selected' : '' }}>
                                        {{ _trans('common.Yes') }}
                                    </option>
                                    <option value="0" {{ old('is_emergency', $data['tardyRecord']->is_emergency) == 0 ? 'selected' : '' }}>
                                        {{ _trans('common.No') }}
                                    </option>
                                </select>
                                @if ($errors->has('is_emergency'))
                                    <span class="text-danger">
                                        {{ $errors->first('is_emergency') }}
                                    </span>
                                @endif
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class="form-label" for="is_notified">
                                    {{ _trans('common.Notified') }} 
                                </label>
                                <select name="is_notified" class="form-select demo-select2-placeholder select2">
                                    <option value="">{{ _trans('common.Select') }}</option>
                                    <option value="1" {{ old('is_notified', $data['tardyRecord']->is_notified) == 1 ? 'selected' : '' }}>
                                        {{ _trans('common.Yes') }}
                                    </option>
                                    <option value="0" {{ old('is_notified', $data['tardyRecord']->is_notified) == 0 ? 'selected' : '' }}>
                                        {{ _trans('common.No') }}
                                    </option>
                                </select>
                                @if ($errors->has('is_notified'))
                                    <span class="text-danger">
                                        {{ $errors->first('is_notified') }}
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label" for="reason">{{ _trans('common.Reason') }}</label>
                                <textarea name="reason" cols="30" rows="5" class="form-control text-area-height-unset mt-1">{{ old('reason', $data['tardyRecord']->tardy_reason) }}</textarea>
                                @if ($errors->has('reason'))
                                    <span class="text-danger">
                                        {{ $errors->first('reason') }}
                                    </span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="text-end">
                        <a href="{{ route('tardy-records.index') }}" class="btn btn-secondary me-2">{{ _trans('common.Cancel') }}</a>
                        <button type="submit" class="btn btn-gradian mr-3">{{ _trans('common.Update') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection