@extends('app-new')

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Regime Configuration</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/home">Home</a></li>
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/tdx/global-config">TDS Global Config</a></li>
                    <li class="breadcrumb-item active">Regime Config</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <section id="tdx-regime-configs">

        {{-- Flash Messages --}}
        <div class="row">
            <div class="col-12">
                @if(session('status'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <div class="alert-body">{{ session('status') }}</div>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
            </div>
        </div>

        {{-- FY Selector --}}
        <div class="row mb-1">
            <div class="col-12">
                <div class="card mb-0">
                    <div class="card-body py-1">
                        <div class="d-flex align-items-center gap-1">
                            <h5 class="mb-0">Financial Year:</h5>
                            <form method="GET" class="d-inline-flex">
                                <select name="fy" class="form-select form-select-sm" style="width:150px;" onchange="this.form.submit()">
                                    @foreach($financialYears as $year)
                                        <option value="{{ $year->id }}" {{ $fyId == $year->id ? 'selected' : '' }}>FY {{ $year->label }}</option>
                                    @endforeach
                                </select>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Two-Section Layout --}}
        <div class="row match-height">

            {{-- Old Regime --}}
            <div class="col-lg-6 col-12">
                <div class="card">
                    <div class="card-header border-bottom py-1">
                        <h5 class="card-title mb-0">
                            <span class="badge badge-light-primary me-50" style="font-size:0.85rem;">Old Regime</span>
                            <small class="text-muted">FY {{ $fy }}</small>
                        </h5>
                        @if($oldConfig)
                            <div>
                                <button type="button" class="btn btn-sm btn-outline-primary edit-config-btn"
                                        data-id="{{ $oldConfig->id }}" data-regime="old"
                                        data-std="{{ $oldConfig->standard_deduction }}"
                                        data-limit="{{ $oldConfig->rebate_87a_limit }}"
                                        data-max="{{ $oldConfig->rebate_87a_max }}"
                                        data-cess="{{ $oldConfig->education_cess_rate }}"
                                        data-s50l="{{ $oldConfig->surcharge_threshold_50l }}"
                                        data-s1cr="{{ $oldConfig->surcharge_threshold_1cr }}"
                                        data-s2cr="{{ $oldConfig->surcharge_threshold_2cr }}"
                                        data-s5cr="{{ $oldConfig->surcharge_threshold_5cr }}">
                                    <i data-feather="edit-2" style="width:14px;height:14px;"></i> Edit
                                </button>
                                <button type="button" class="btn btn-sm btn-outline-danger delete-config-btn"
                                        data-url="/{{ $alias }}/tdx/regime-configs/{{ $oldConfig->id }}/delete">
                                    <i data-feather="trash-2" style="width:14px;height:14px;"></i>
                                </button>
                            </div>
                        @else
                            <button type="button" class="btn btn-sm btn-primary add-config-btn" data-regime="old">
                                <i data-feather="plus" style="width:14px;height:14px;"></i> Add Config
                            </button>
                        @endif
                    </div>
                    <div class="card-body pt-1">
                        @if($oldConfig)
                            <table class="table table-sm table-borderless mb-0">
                                <tbody>
                                    <tr><td class="text-muted" style="width:55%">Standard Deduction</td><td class="fw-bold">₹ {{ number_format($oldConfig->standard_deduction, 0) }}</td></tr>
                                    <tr><td colspan="2" class="pt-1 pb-25"><small class="text-primary fw-bold">Section 87A Rebate</small></td></tr>
                                    <tr><td class="text-muted">Income Limit</td><td class="fw-bold">₹ {{ number_format($oldConfig->rebate_87a_limit, 0) }}</td></tr>
                                    <tr><td class="text-muted">Max Rebate</td><td class="fw-bold">₹ {{ number_format($oldConfig->rebate_87a_max, 0) }}</td></tr>
                                    <tr><td colspan="2" class="pt-1 pb-25"><small class="text-primary fw-bold">Tax & Cess</small></td></tr>
                                    <tr><td class="text-muted">Education Cess</td><td class="fw-bold">{{ $oldConfig->education_cess_rate }}%</td></tr>
                                    <tr><td colspan="2" class="pt-1 pb-25"><small class="text-primary fw-bold">Surcharge Rates</small></td></tr>
                                    <tr><td class="text-muted">Above ₹50 Lakh</td><td class="fw-bold">{{ $oldConfig->surcharge_threshold_50l ?? 0 }}%</td></tr>
                                    <tr><td class="text-muted">Above ₹1 Crore</td><td class="fw-bold">{{ $oldConfig->surcharge_threshold_1cr ?? 0 }}%</td></tr>
                                    <tr><td class="text-muted">Above ₹2 Crore</td><td class="fw-bold">{{ $oldConfig->surcharge_threshold_2cr ?? 0 }}%</td></tr>
                                    <tr><td class="text-muted">Above ₹5 Crore</td><td class="fw-bold">{{ $oldConfig->surcharge_threshold_5cr ?? 0 }}%</td></tr>
                                </tbody>
                            </table>
                        @else
                            <div class="text-center py-3">
                                <i data-feather="alert-circle" class="text-muted mb-1" style="width:40px;height:40px;"></i>
                                <p class="text-muted mb-0">No configuration found.<br>Click "Add Config" to set up Old Regime.</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- New Regime --}}
            <div class="col-lg-6 col-12">
                <div class="card">
                    <div class="card-header border-bottom py-1">
                        <h5 class="card-title mb-0">
                            <span class="badge badge-light-success me-50" style="font-size:0.85rem;">New Regime</span>
                            <small class="text-muted">FY {{ $fy }}</small>
                        </h5>
                        @if($newConfig)
                            <div>
                                <button type="button" class="btn btn-sm btn-outline-primary edit-config-btn"
                                        data-id="{{ $newConfig->id }}" data-regime="new"
                                        data-std="{{ $newConfig->standard_deduction }}"
                                        data-limit="{{ $newConfig->rebate_87a_limit }}"
                                        data-max="{{ $newConfig->rebate_87a_max }}"
                                        data-cess="{{ $newConfig->education_cess_rate }}"
                                        data-s50l="{{ $newConfig->surcharge_threshold_50l }}"
                                        data-s1cr="{{ $newConfig->surcharge_threshold_1cr }}"
                                        data-s2cr="{{ $newConfig->surcharge_threshold_2cr }}"
                                        data-s5cr="{{ $newConfig->surcharge_threshold_5cr }}">
                                    <i data-feather="edit-2" style="width:14px;height:14px;"></i> Edit
                                </button>
                                <button type="button" class="btn btn-sm btn-outline-danger delete-config-btn"
                                        data-url="/{{ $alias }}/tdx/regime-configs/{{ $newConfig->id }}/delete">
                                    <i data-feather="trash-2" style="width:14px;height:14px;"></i>
                                </button>
                            </div>
                        @else
                            <button type="button" class="btn btn-sm btn-success add-config-btn" data-regime="new">
                                <i data-feather="plus" style="width:14px;height:14px;"></i> Add Config
                            </button>
                        @endif
                    </div>
                    <div class="card-body pt-1">
                        @if($newConfig)
                            <table class="table table-sm table-borderless mb-0">
                                <tbody>
                                    <tr><td class="text-muted" style="width:55%">Standard Deduction</td><td class="fw-bold">₹ {{ number_format($newConfig->standard_deduction, 0) }}</td></tr>
                                    <tr><td colspan="2" class="pt-1 pb-25"><small class="text-primary fw-bold">Section 87A Rebate</small></td></tr>
                                    <tr><td class="text-muted">Income Limit</td><td class="fw-bold">₹ {{ number_format($newConfig->rebate_87a_limit, 0) }}</td></tr>
                                    <tr><td class="text-muted">Max Rebate</td><td class="fw-bold">₹ {{ number_format($newConfig->rebate_87a_max, 0) }}</td></tr>
                                    <tr><td colspan="2" class="pt-1 pb-25"><small class="text-primary fw-bold">Tax & Cess</small></td></tr>
                                    <tr><td class="text-muted">Education Cess</td><td class="fw-bold">{{ $newConfig->education_cess_rate }}%</td></tr>
                                    <tr><td colspan="2" class="pt-1 pb-25"><small class="text-primary fw-bold">Surcharge Rates</small></td></tr>
                                    <tr><td class="text-muted">Above ₹50 Lakh</td><td class="fw-bold">{{ $newConfig->surcharge_threshold_50l ?? 0 }}%</td></tr>
                                    <tr><td class="text-muted">Above ₹1 Crore</td><td class="fw-bold">{{ $newConfig->surcharge_threshold_1cr ?? 0 }}%</td></tr>
                                    <tr><td class="text-muted">Above ₹2 Crore</td><td class="fw-bold">{{ $newConfig->surcharge_threshold_2cr ?? 0 }}%</td></tr>
                                    <tr><td class="text-muted">Above ₹5 Crore</td><td class="fw-bold">{{ $newConfig->surcharge_threshold_5cr ?? 0 }}%</td></tr>
                                </tbody>
                            </table>
                        @else
                            <div class="text-center py-3">
                                <i data-feather="alert-circle" class="text-muted mb-1" style="width:40px;height:40px;"></i>
                                <p class="text-muted mb-0">No configuration found.<br>Click "Add Config" to set up New Regime.</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

        </div>
    </section>

    {{-- Add/Edit Config Modal --}}
    <div class="modal fade" id="configModal" tabindex="-1" aria-labelledby="configModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="configModalLabel">Add Regime Config</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="modal_config_id" value="">
                    <input type="hidden" id="modal_regime" value="">
                    <div class="row">
                        <div class="col-md-4 mb-1">
                            <label class="form-label">Regime</label>
                            <input type="text" id="modal_regime_display" class="form-control" readonly>
                        </div>
                        <div class="col-md-4 mb-1">
                            <label class="form-label">Standard Deduction (₹) <span class="text-danger">*</span></label>
                            <input type="number" id="modal_standard_deduction" class="form-control" min="0" step="1" placeholder="e.g. 50000">
                        </div>
                        <div class="col-md-4 mb-1">
                            <label class="form-label">Education Cess (%) <span class="text-danger">*</span></label>
                            <input type="number" id="modal_education_cess" class="form-control" min="0" max="100" step="0.01" placeholder="e.g. 4">
                        </div>
                    </div>
                    <h6 class="text-primary border-bottom pb-50 mt-50">Section 87A Rebate</h6>
                    <div class="row">
                        <div class="col-md-6 mb-1">
                            <label class="form-label">Income Limit for 87A (₹) <span class="text-danger">*</span></label>
                            <input type="number" id="modal_rebate_limit" class="form-control" min="0" step="1" placeholder="e.g. 500000">
                        </div>
                        <div class="col-md-6 mb-1">
                            <label class="form-label">Max Rebate Amount (₹) <span class="text-danger">*</span></label>
                            <input type="number" id="modal_rebate_max" class="form-control" min="0" step="1" placeholder="e.g. 12500">
                        </div>
                    </div>
                    <h6 class="text-primary border-bottom pb-50 mt-50">Surcharge Rates</h6>
                    <div class="row">
                        <div class="col-md-3 mb-1">
                            <label class="form-label">Above ₹50L (%)</label>
                            <input type="number" id="modal_s50l" class="form-control" min="0" max="100" step="0.01" placeholder="10">
                        </div>
                        <div class="col-md-3 mb-1">
                            <label class="form-label">Above ₹1Cr (%)</label>
                            <input type="number" id="modal_s1cr" class="form-control" min="0" max="100" step="0.01" placeholder="15">
                        </div>
                        <div class="col-md-3 mb-1">
                            <label class="form-label">Above ₹2Cr (%)</label>
                            <input type="number" id="modal_s2cr" class="form-control" min="0" max="100" step="0.01" placeholder="25">
                        </div>
                        <div class="col-md-3 mb-1">
                            <label class="form-label">Above ₹5Cr (%)</label>
                            <input type="number" id="modal_s5cr" class="form-control" min="0" max="100" step="0.01" placeholder="37">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary" id="btnSaveConfig">Save</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('footer-script')
    <script src="{{ asset('js/sweetalert.js') }}"></script>
    <script>
        if (typeof feather !== 'undefined') { feather.replace(); }

        $(function() {
            var csrfToken = '{{ csrf_token() }}';
            var alias = '{{ $alias }}';
            var fyId = '{{ $fyId }}';

            // ========== Add Config ==========
            $('body').on('click', '.add-config-btn', function() {
                var regime = $(this).data('regime');
                $('#configModalLabel').text('Add Config — ' + (regime === 'old' ? 'Old' : 'New') + ' Regime');
                $('#modal_config_id').val('');
                $('#modal_regime').val(regime);
                $('#modal_regime_display').val(regime === 'old' ? 'Old Regime' : 'New Regime');
                $('#modal_standard_deduction').val('');
                $('#modal_rebate_limit').val('');
                $('#modal_rebate_max').val('');
                $('#modal_education_cess').val('');
                $('#modal_s50l').val('');
                $('#modal_s1cr').val('');
                $('#modal_s2cr').val('');
                $('#modal_s5cr').val('');
                $('#configModal').modal('show');
            });

            // ========== Edit Config ==========
            $('body').on('click', '.edit-config-btn', function() {
                var regime = $(this).data('regime');
                $('#configModalLabel').text('Edit Config — ' + (regime === 'old' ? 'Old' : 'New') + ' Regime');
                $('#modal_config_id').val($(this).data('id'));
                $('#modal_regime').val(regime);
                $('#modal_regime_display').val(regime === 'old' ? 'Old Regime' : 'New Regime');
                $('#modal_standard_deduction').val($(this).data('std'));
                $('#modal_rebate_limit').val($(this).data('limit'));
                $('#modal_rebate_max').val($(this).data('max'));
                $('#modal_education_cess').val($(this).data('cess'));
                $('#modal_s50l').val($(this).data('s50l'));
                $('#modal_s1cr').val($(this).data('s1cr'));
                $('#modal_s2cr').val($(this).data('s2cr'));
                $('#modal_s5cr').val($(this).data('s5cr'));
                $('#configModal').modal('show');
            });

            // ========== Save (Create / Update) ==========
            $('#btnSaveConfig').on('click', function() {
                var configId = $('#modal_config_id').val();
                var isEdit = configId !== '';
                var url = isEdit
                    ? '/' + alias + '/tdx/regime-configs/' + configId + '/update'
                    : '/' + alias + '/tdx/regime-configs/store';

                var data = {
                    '_token': csrfToken,
                    'financial_year_id': fyId,
                    'regime': $('#modal_regime').val(),
                    'standard_deduction': $('#modal_standard_deduction').val(),
                    'rebate_87a_limit': $('#modal_rebate_limit').val(),
                    'rebate_87a_max': $('#modal_rebate_max').val(),
                    'education_cess_rate': $('#modal_education_cess').val(),
                    'surcharge_threshold_50l': $('#modal_s50l').val() || 0,
                    'surcharge_threshold_1cr': $('#modal_s1cr').val() || 0,
                    'surcharge_threshold_2cr': $('#modal_s2cr').val() || 0,
                    'surcharge_threshold_5cr': $('#modal_s5cr').val() || 0,
                    'status': 'active'
                };
                if (isEdit) data['_method'] = 'PUT';

                $.ajax({
                    type: 'POST',
                    url: url,
                    data: data,
                    success: function(response) {
                        if (response.code === 'success') {
                            $('#configModal').modal('hide');
                            Swal.fire({ title: 'Success', text: response.message, icon: 'success', confirmButtonColor: '#00c292' })
                                .then(function() { location.reload(); });
                        } else {
                            Swal.fire({ title: 'Error!', text: response.message, icon: 'warning' });
                        }
                    },
                    error: function(xhr) {
                        var msg = 'Something went wrong.';
                        if (xhr.responseJSON && xhr.responseJSON.errors) {
                            msg = Object.values(xhr.responseJSON.errors).flat().join('\n');
                        } else if (xhr.responseJSON && xhr.responseJSON.message) {
                            msg = xhr.responseJSON.message;
                        }
                        Swal.fire({ title: 'Validation Error', text: msg, icon: 'error' });
                    }
                });
            });

            // ========== Delete Config ==========
            $('body').on('click', '.delete-config-btn', function() {
                var url = $(this).data('url');
                Swal.fire({
                    title: "Are you sure?",
                    text: "This regime configuration will be deleted.",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Yes, delete it!",
                    cancelButtonText: "Cancel"
                }).then(function(result) {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: 'DELETE',
                            url: url,
                            data: { '_token': csrfToken, '_method': 'DELETE' },
                            success: function(response) {
                                if (response.code === 'success') {
                                    Swal.fire({ title: 'Deleted', text: response.message, icon: 'success', confirmButtonColor: '#00c292' })
                                        .then(function() { location.reload(); });
                                } else {
                                    Swal.fire({ title: 'Error!', text: response.message, icon: 'warning' });
                                }
                            }
                        });
                    }
                });
            });
        });
    </script>
@endpush