@extends('layout.mainlayout')

@section('content')
<div class="page-wrapper">
<div class="content">

<div class="page-header d-flex justify-content-between">
    <h3 class="page-title">Leave Ledger (HR)</h3>

    @can('leave-ledger-adjust')
        <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#adjustModal">
            Manual Adjustment
        </button>
    @endcan
</div>

{{-- FILTER --}}
<form method="GET" class="row g-2 mb-3">
    <div class="col-md-4">
       <select name="resource_id" class="form-control select2">
    <option value="">All Resources</option>
    @foreach($resources as $r)
        <option value="{{ $r['id'] }}">
            {{ $r['name'] }} ({{ $r['email'] }})
            ({{ $r['employee_type'] == 2 ? 'International' : 'Domestic / Onsite' }})
        </option>
    @endforeach
</select>
    </div>

    <div class="col-md-2">
        <select name="action" class="form-control">
            <option value="">All Actions</option>
            @foreach(['earned','deducted','collapsed','adjusted','lwp'] as $a)
                <option value="{{ $a }}" @selected(request('action')==$a)>
                    {{ ucfirst($a) }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="col-md-2">
        <select name="month" class="form-control">
            <option value="">All Months</option>
            @for($m=1;$m<=12;$m++)
                <option value="{{ $m }}" @selected(request('month')==$m)>
                    {{ date('F', mktime(0,0,0,$m,1)) }}
                </option>
            @endfor
        </select>
    </div>

    <div class="col-md-2">
        <button class="btn btn-primary">Filter</button>
    </div>
</form>

{{-- TABLE --}}
<div class="card">
<div class="card-body table-responsive">
<table class="table table-bordered align-middle" id="LeaveLedgerTable">

<thead class="table-light">
<tr>
    <th>Date</th>
    <th>Resource</th>
    <th>Action</th>
    <th>Days</th>
    <th>Before</th>
    <th>After(Balance)</th>
    <th>Reason</th>
    <th>By</th>
    <th width="120">Control</th> {{-- NEW --}}
</tr>
</thead>
<tbody>
@forelse($logs as $log)
<tr>
    <td>{{ $log->created_at->format('d M Y H:i') }}</td>
    <td>{{ $log->resource_id }} - {{ optional($log->user)->name ?? '-' }}</td>
    <td>
    @switch($log->action)
        @case('earned')
            <span class="badge bg-success">Credit</span>
            @break
        @case('deducted')
            <span class="badge bg-warning text-dark">Paid</span>
            @break
        @case('lwp')
            <span class="badge bg-danger">LWP</span>
            @break
        @case('adjusted')
            <span class="badge bg-info">Manual</span>
            @break
        @case('collapsed')
            <span class="badge bg-secondary">Collapse</span>
            @break
    @endswitch
</td>
    <td>{{ $log->days }}</td>
    <td>{{ $log->balance_before }}</td>
    <td>{{ $log->balance_after }}</td>
    <td>{{ $log->reason }}</td>
    <td>{{ $log->performedBy?->name ?? 'System' }}</td>
     {{-- ================= CONTROL ================= --}}
    <td>
        @can('leave-ledger-adjust')

            {{-- Show cancel ONLY for approved leave deduction --}}
            @if(
                $log->action === 'deducted' &&
                $log->reference_type === 'leave'
            )
                <form method="POST"
                      action="{{ route('leave.cancel.approved', $log->reference_id) }}"
                      onsubmit="return confirm(
                        'This will:\n' +
                        '- Refund leave balance\n' +
                        '- Remove attendance logs\n' +
                        '- Delete leave request\n\n' +
                        'Proceed?'
                      )">
                    @csrf
                    <button class="btn btn-sm btn-danger">
                        Cancel Leave
                    </button>
                </form>
            @else
                <span class="text-muted">—</span>
            @endif

        @endcan
    </td>
    {{-- ================= CONTROL END ================= --}}
</tr>
@empty
<tr>
    <td colspan="8" class="text-center text-muted">No records found</td>
</tr>
@endforelse
</tbody>
</table>

  {{ $logs->links('vendor.pagination.no-arrows') }}
</div>
</div>

</div>
</div>

{{-- ================= MODAL ================= --}}
@can('leave-ledger-adjust')
<div class="modal fade" id="adjustModal">
<div class="modal-dialog modal-lg modal-dialog-centered">
<form method="POST" action="{{ route('leave.ledger.adjust') }}" class="modal-content">
@csrf
<input type="hidden" name="reference_type" value="adjustment">
<div class="modal-header">
    <h5 class="modal-title">Manual Leave Adjustment</h5>
    <button class="btn-close" data-bs-dismiss="modal"></button>
</div>

<div class="modal-body row g-3">
    <div class="col-md-6">
        <label class="form-label">Resource</label>
        <select name="resource_id" class="form-control select2" required>
            <option value="">Select Resource</option>
            @foreach($resources as $r)
                <option value="{{ $r['id'] }}">{{ $r['name'] }}--{{ $r['email']}}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-3">
        <label class="form-label">Employee Type</label>
        <select name="employee_type" class="form-control" required>
            <option value="1">Domestic</option>
            <option value="3">Onsite</option>
            <option value="2">International</option>
        </select>
    </div>

    <div class="col-md-3">
        <label class="form-label">Days (+ / -)</label>
        <input type="number" step="0.01" name="days" class="form-control" required>
    </div>

    <div class="col-md-12">
        <label class="form-label">Reason</label>
        <textarea name="reason" class="form-control" required></textarea>
    </div>
</div>

<div class="modal-footer">
    <button class="btn btn-success">Submit</button>
</div>
</form>
</div>
</div>
@endcan
@endsection

@push('scripts')
<script>
$(document).ready(function () {

    // Normal select2 (outside modal)
    $('.select2').select2({
        width: '100%'
    });

    // 🔥 Select2 inside modal
    $('#adjustModal').on('shown.bs.modal', function () {

        const modal = $(this);

        modal.find('.select2').each(function () {

            // destroy if already initialized
            if ($(this).hasClass("select2-hidden-accessible")) {
                $(this).select2('destroy');
            }

            $(this).select2({
                dropdownParent: modal,
                width: '100%'
            });
        });
    });

});
</script>

<script>
    initDataTableWithFilters('LeaveLedgerTable');
</script>


@endpush