{{-- resources/views/adjustments/edit.blade.php --}}
@extends('layouts.main')

@section('title', 'Adjustment Management - Edit Adjustment')

@section('content')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css">

<style>
    .required-field::after {
        content: " *";
        color: red;
    }
    .info-box {
        background: #e7f3ff;
        border-left: 4px solid #2196f3;
        padding: 12px;
        margin-bottom: 20px;
        border-radius: 4px;
    }
    .warning-box {
        background: #fff3cd;
        border-left: 4px solid #ffc107;
        padding: 12px;
        margin-bottom: 20px;
        border-radius: 4px;
        color: #856404;
    }
    .preview-box {
        background: #f8f9fa;
        padding: 15px;
        border-radius: 5px;
        margin-top: 20px;
        border-left: 4px solid #007bff;
    }
</style>

<div class="main-content app-content">
    <div class="container-fluid">
        <div class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb">
            <h1 class="page-title mb-0 text-primary">Edit Adjustment</h1>
            <div class="ms-auto">
                <a href="{{ route('adjustments.index') }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Back to List
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Edit Adjustment Information</h3>
                    </div>
                    <div class="card-body">
                        <!-- <div class="info-box">
                            <strong><i class="fas fa-info-circle"></i> Transaction Information:</strong><br>
                            Created: {{ $adjustment->created_at->format('d-m-Y H:i:s') }} | 
                            Last Updated: {{ $adjustment->updated_at->format('d-m-Y H:i:s') }}
                        </div> -->

                        <!-- <div class="warning-box">
                            <strong><i class="fas fa-exclamation-triangle"></i> Warning:</strong><br>
                            Editing this adjustment will recalculate the partner's running balance. This may affect all subsequent transactions.
                        </div> -->

                        <form id="adjustmentForm" action="{{ route('adjustments.update', $adjustment->id) }}" method="POST">
                            @csrf
                            @method('patch')
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="partner_id" class="form-label required-field">Partner</label>
                                    <select class="form-select @error('partner_id') is-invalid @enderror" 
                                            id="partner_id" name="partner_id" required>
                                        <option value="">Select Partner</option>
                                        @foreach($partners as $partner)
                                            <option value="{{ $partner->id }}" 
                                                    data-current-balance="{{ $partner->current_balance ?? 0 }}"
                                                    {{ old('partner_id', $adjustment->partner_id) == $partner->id ? 'selected' : '' }}>
                                                {{ $partner->full_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('partner_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="adjustment_date" class="form-label required-field">Adjustment Date</label>
                                    <input type="date" class="form-control @error('adjustment_date') is-invalid @enderror" 
                                        id="adjustment_date" name="adjustment_date" 
                                        value="{{ old('adjustment_date', $adjustment->transaction_date ? date('Y-m-d', strtotime($adjustment->transaction_date)) : '') }}" 
                                        required>
                                    @error('adjustment_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="adjustment_type" class="form-label required-field">Adjustment Type</label>
                                    <select class="form-select @error('adjustment_type') is-invalid @enderror" 
                                            id="adjustment_type" name="adjustment_type" required>
                                        <option value="">Select Type</option>
                                        <!-- <option value="Allocation" {{ old('adjustment_type', ($adjustment->credit_amount > 0 ? 'Allocation' : 'Allocation')) == 'Allocation' ? 'selected' : '' }}>Allocation</option>
                                        <option value="Withdrawal" {{ old('adjustment_type', ($adjustment->credit_amount > 0 ? 'Withdrawal' : 'Withdrawal')) == 'Withdrawal' ? 'selected' : '' }}>Withdrawal</option> -->
                                        <option value="Adjustment" {{ old('adjustment_type', ($adjustment->credit_amount > 0 ? 'Adjustment' : 'Adjustment')) == 'Adjustment' ? 'selected' : '' }}>Adjustment</option>

                                    </select>
                                    @error('adjustment_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="amount" class="form-label required-field">Amount</label>
                                    <input type="number" step="0.01" class="form-control @error('amount') is-invalid @enderror" 
                                        id="amount" name="amount" 
                                        value="{{ old('amount', $adjustment->credit_amount > 0 ? $adjustment->credit_amount : $adjustment->debit_amount) }}" 
                                        placeholder="0.00" required>
                                    @error('amount')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="text-muted">Enter the adjustment amount (positive number)</small>
                                </div>

                                <div class="col-12 mb-3">
                                    <label for="reason" class="form-label required-field">Reason for Adjustment</label>
                                    <textarea class="form-control @error('reason') is-invalid @enderror" 
                                            id="reason" name="reason" rows="3" 
                                            placeholder="Provide detailed reason for this adjustment" required>{{ old('reason', $adjustment->description) }}</textarea>
                                    @error('reason')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-12 mt-4 text-end">
                                <button type="reset" class="btn btn-secondary me-2">Reset</button>
                                <button type="submit" class="btn btn-primary" id="submitBtn">Update Adjustment</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>

<script>
    $(document).ready(function() {
        $('.select2').select2({
            theme: 'bootstrap-5',
            placeholder: 'Select Partner',
            allowClear: true
        });

        toastr.options = {
            "closeButton": true,
            "progressBar": true,
            "positionClass": "toast-top-right",
            "timeOut": "4000"
        }

        $('#adjustmentForm').on('submit', function(e) {
            var isValid = true;
            var errorMessages = [];

            if (!$('#partner_id').val()) {
                errorMessages.push('Please select a partner');
                isValid = false;
            }

            if (!$('#adjustment_date').val()) {
                errorMessages.push('Please select an adjustment date');
                isValid = false;
            }

            if (!$('#adjustment_type').val()) {
                errorMessages.push('Please select adjustment type');
                isValid = false;
            }

            var amount = parseFloat($('#amount').val());
            if (isNaN(amount) || amount <= 0) {
                errorMessages.push('Please enter a valid amount greater than 0');
                isValid = false;
            }

            if (!$('#reason').val().trim()) {
                errorMessages.push('Please provide a reason for the adjustment');
                isValid = false;
            }

            if (!isValid) {
                e.preventDefault();
                errorMessages.forEach(function(message) {
                    toastr.error(message);
                });
                return false;
            }

            // if (!confirm('WARNING: Changing this adjustment will recalculate the partner\'s running balance. Are you sure you want to continue?')) {
            //     e.preventDefault();
            //     return false;
            // }

            const btn = $('#submitBtn');
            btn.prop('disabled', true)
               .html('<span class="spinner-border spinner-border-sm me-2"></span>Updating adjustment...');
            toastr.info('Updating adjustment and recalculating balance...');
        });
    });
</script>
@endsection