@extends('dashboard.layouts.app')

@section('content')
    <div class="container mt-5">
        <div class="card shadow-lg border-0 rounded-3">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h5 class="mb-0">
                    <i class="fas fa-eye me-2"></i> Regularization / Permission Details
                </h5>
                <a href="{{ route('regularizations_permissions.index') }}" class="btn btn-secondary btn-sm">
                    <i class="fas fa-arrow-left me-2"></i>Back
                </a>
            </div>
            <div class="card-body">
                <dl class="row">
                    <!-- Employee -->
                    <dt class="col-sm-3">Employee Name</dt>
                    <dd class="col-sm-9">{{ $record->staff->full_name ?? 'N/A' }}</dd>

                    <!-- Type -->
                    <dt class="col-sm-3">Type</dt>
                    <dd class="col-sm-9">{{ ucfirst($record->type) }}</dd>

                    <!-- Date -->
                    <dt class="col-sm-3">Date</dt>
                    <dd class="col-sm-9">{{ $record->date }}</dd>

                    <!-- From Time -->
                    <dt class="col-sm-3">From Time</dt>
                    <dd class="col-sm-9">{{ $record->from_time ? \Carbon\Carbon::parse($record->from_time)->format('H:i') : '-' }}</dd>

                    <!-- End Time -->
                    <dt class="col-sm-3">End Time</dt>
                    <dd class="col-sm-9">{{ $record->end_time ? \Carbon\Carbon::parse($record->end_time)->format('H:i') : '-' }}</dd>

                    <!-- Permission -->
                    <dt class="col-sm-3">Permission</dt>
                    <dd class="col-sm-9">{{ $record->permission ?? '-' }}</dd>

                    <!-- Reason -->
                    <dt class="col-sm-3">Reason</dt>
                    <dd class="col-sm-9">{{ $record->reason ?? '-' }}</dd>
                </dl>
            </div>
            @if($record->type == "regularizations")
                <div id="working-days-table" class="mt-4">
                    <div class="table-responsive mt-3">
                        <table class="table table-bordered align-middle">
                            <thead class="table-light">
                            <tr>
                                <th>Date</th>
                                <th>Check In</th>
                                <th>Check Out</th>
                                <th>Reason</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($record->HrRegularizationsDates as $date)
                                <tr>
                                    <td>
                                        <input type="date" name="dates[]" class="form-control"
                                               value="{{ $date->date }}" readonly>
                                    </td>
                                    <td>
                                        <input type="time" name="check_in[]" class="form-control"
                                               value="{{ $date->check_in }}">
                                    </td>
                                    <td>
                                        <input type="time" name="check_out[]" class="form-control"
                                               value="{{ $date->check_out }}">
                                    </td>
                                    <td>
                                        <select name="reason_bulk[]" class="form-select">
                                            <option value="Forgot to check-in" {{ $date->reason == 'Forgot to check-in' ? 'selected' : '' }}>Forgot to check-in</option>
                                            <option value="Forgot to check-out" {{ $date->reason == 'Forgot to check-out' ? 'selected' : '' }}>Forgot to check-out</option>
                                            <option value="System issue" {{ $date->reason == 'System issue' ? 'selected' : '' }}>System issue</option>
                                            <option value="Internet issue" {{ $date->reason == 'Internet issue' ? 'selected' : '' }}>Internet issue</option>
                                        </select>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection