@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Termination & Resignation'))
@section('content')
    <div class="row mt-3 mb-3">
        <div class="col-lg-5">
            <div class="card mb-3">
                <div class="card-header bg-light py-2">
                    <h5 class="mb-0">{{ __('Record Termination') }}</h5>
                </div>
                <div class="card-body">
                    <form method="post" action="{{ route('admin.staff.separation.termination') }}">
                        @csrf
                        <div class="form-group">
                            <label>{{ __('Employee') }}</label>
                            <select name="staff_id" class="form-control" required>
                                <option value="">{{ __('Select Employee') }}</option>
                                @foreach($activeStaff as $s)
                                    <option value="{{ $s->id }}">{{ $s->user?->name ?? '—' }} ({{ $s->user?->id ?? $s->id }})</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>{{ __('Reason') }}</label>
                            <textarea name="reason" class="form-control" rows="3" required maxlength="2000" placeholder="{{ __('Termination reason') }}"></textarea>
                        </div>
                        <div class="form-group">
                            <label>{{ __('Last Working Date') }}</label>
                            <input type="date" name="last_working_date" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>{{ __('Internal Note (optional)') }}</label>
                            <textarea name="admin_remark" class="form-control" rows="2" maxlength="2000"></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">{{ __('Save As Pending') }}</button>
                        <small class="text-muted d-block mt-2">{{ __('Then confirm from the list below to deactivate the account.') }}</small>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-7">
            <div class="card mb-3">
                <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
                    <h5 class="mb-0">{{ __('Separation Requests') }}</h5>
                    <form method="get" class="form-inline">
                        <select name="status" class="form-control form-control-sm mr-1" onchange="this.form.submit()">
                            <option value="">{{ __('All Statuses') }}</option>
                            <option value="pending" @selected(request('status') === 'pending')>{{ __('Pending') }}</option>
                            <option value="confirmed" @selected(request('status') === 'confirmed')>{{ __('Confirmed') }}</option>
                            <option value="rejected" @selected(request('status') === 'rejected')>{{ __('Rejected') }}</option>
                        </select>
                        <select name="kind" class="form-control form-control-sm" onchange="this.form.submit()">
                            <option value="">{{ __('All Types') }}</option>
                            <option value="resignation" @selected(request('kind') === 'resignation')>{{ __('Resignation') }}</option>
                            <option value="termination" @selected(request('kind') === 'termination')>{{ __('Termination') }}</option>
                        </select>
                    </form>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover table-sm mb-0">
                            <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th>{{ __('Type') }}</th>
                                <th>{{ __('Employee') }}</th>
                                <th>{{ __('Status') }}</th>
                                <th>{{ __('Last Day') }}</th>
                                <th class="text-right">{{ __('Actions') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($rows as $r)
                                <tr>
                                    <td>{{ $r->id }}</td>
                                    <td>{{ ucfirst($r->kind) }}</td>
                                    <td>{{ $r->staff?->user?->name ?? '—' }}</td>
                                    <td>
                                        @if($r->status === 'pending')
                                            <span class="badge badge-warning">{{ __('Pending') }}</span>
                                        @elseif($r->status === 'confirmed')
                                            <span class="badge badge-success">{{ __('Confirmed') }}</span>
                                        @else
                                            <span class="badge badge-secondary">{{ __('Rejected') }}</span>
                                        @endif
                                    </td>
                                    <td>{{ $r->last_working_date?->format('Y-m-d') ?? '—' }}</td>
                                    <td class="text-right">
                                        @can('User-edit')
                                            @if($r->status === 'pending')
                                                <button type="button" class="btn btn-sm btn-success" data-toggle="modal" data-target="#confirmModal{{ $r->id }}">{{ __('Confirm') }}</button>
                                                <button type="button" class="btn btn-sm btn-outline-danger" data-toggle="modal" data-target="#rejectModal{{ $r->id }}">{{ __('Reject') }}</button>
                                            @endif
                                        @endcan
                                        <button type="button" class="btn btn-sm btn-outline-secondary" data-toggle="modal" data-target="#detailModal{{ $r->id }}">{{ __('View') }}</button>
                                    </td>
                                </tr>

                                <div class="modal fade" id="detailModal{{ $r->id }}" tabindex="-1">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">{{ __('Request') }} #{{ $r->id }}</h5>
                                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                            </div>
                                            <div class="modal-body text-left">
                                                <p><strong>{{ __('Reason') }}:</strong><br>{{ $r->reason ?: '—' }}</p>
                                                @if($r->employee_remark)
                                                    <p><strong>{{ __('Employee Note') }}:</strong><br>{{ $r->employee_remark }}</p>
                                                @endif
                                                @if($r->admin_remark)
                                                    <p><strong>{{ __('Admin Note') }}:</strong><br>{{ $r->admin_remark }}</p>
                                                @endif
                                                <p class="mb-0 text-muted small">{{ __('Created') }}: {{ $r->created_at }} @if($r->confirmed_at) | {{ __('Decided') }}: {{ $r->confirmed_at }} @endif</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                @can('User-edit')
                                    @if($r->status === 'pending')
                                        <div class="modal fade" id="confirmModal{{ $r->id }}" tabindex="-1">
                                            <div class="modal-dialog">
                                                <form method="post" action="{{ route('admin.staff.separation.confirm', $r->id) }}">
                                                    @csrf
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title">{{ __('Confirm Separation') }}</h5>
                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <p>{{ __('This will set the employee user to inactive and staff status to inactive.') }}</p>
                                                            <div class="form-group">
                                                                <label>{{ __('Admin Note (optional)') }}</label>
                                                                <textarea name="admin_remark" class="form-control" rows="2" maxlength="2000"></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                                                            <button type="submit" class="btn btn-success">{{ __('Confirm') }}</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        <div class="modal fade" id="rejectModal{{ $r->id }}" tabindex="-1">
                                            <div class="modal-dialog">
                                                <form method="post" action="{{ route('admin.staff.separation.reject', $r->id) }}">
                                                    @csrf
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title">{{ __('Reject Request') }}</h5>
                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="form-group">
                                                                <label>{{ __('Reason For Rejection') }}</label>
                                                                <textarea name="admin_remark" class="form-control" rows="3" required maxlength="2000"></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                                                            <button type="submit" class="btn btn-danger">{{ __('Reject') }}</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    @endif
                                @endcan
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted py-4">{{ __('No requests found.') }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                @if($rows->hasPages())
                    <div class="card-footer">{{ $rows->links() }}</div>
                @endif
            </div>
        </div>
    </div>
@endsection