@extends('layouts.app')
@section('title', 'Reset Business')

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1><i class="fa fa-refresh"></i> Reset Business</h1>
    </section>

    <!-- Main content -->
    
<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="alert alert-warning">
                <h4><i class="icon fa fa-warning"></i> Important Information</h4>
                <p><strong>All reset operations require password protection and are irreversible.</strong></p>
                <p>Always create a database backup before performing any reset operation.</p>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Option 1: Reset Full Business -->
        <div class="col-md-6">
            <div class="box box-solid box-danger">
                <div class="box-header with-border">
                    <h3 class="box-title"><i class="fa fa-trash"></i> Reset Full Business</h3>
                </div>
                <div class="box-body">
                    <p class="text-bold">Complete business data reset</p>
                    
                    <h4 class="text-danger">Will Delete:</h4>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-times text-danger"></i> All Transactions</li>
                        <li><i class="fa fa-times text-danger"></i> All Contacts (Customers & Suppliers)</li>
                        <li><i class="fa fa-times text-danger"></i> All Products & Stock</li>
                        <li><i class="fa fa-times text-danger"></i> All Purchases & Sales</li>
                        <li><i class="fa fa-times text-danger"></i> All Expenses</li>
                        <li><i class="fa fa-times text-danger"></i> All Reports Data</li>
                    </ul>
                    
                    <h4 class="text-success">Will Keep:</h4>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-check text-success"></i> Business Master Record</li>
                        <li><i class="fa fa-check text-success"></i> Business Locations</li>
                        <li><i class="fa fa-check text-success"></i> Subscription Details</li>
                        <li><i class="fa fa-check text-success"></i> Users & Settings</li>
                    </ul>
                    
                    <p class="text-muted"><small><i class="fa fa-info-circle"></i> Used for starting completely fresh without re-registering the business.</small></p>
                </div>
                <div class="box-footer">
                    <button class="btn btn-danger btn-block reset-btn" data-type="full" data-title="Reset Full Business">
                        <i class="fa fa-trash"></i> Reset Full Business
                    </button>
                </div>
            </div>
        </div>

        <!-- Option 2: Reset All Balances and Stock to 0 -->
        <div class="col-md-6">
            <div class="box box-solid box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title"><i class="fa fa-money"></i> Reset All Balances and Stock to 0</h3>
                    <span class="label label-primary pull-right">All = 0</span>
                </div>
                <div class="box-body">
                    <p class="text-bold">Keep database structure, reset all values</p>
                    
                    <h4 class="text-danger">Will Delete:</h4>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-times text-danger"></i> All Transactions</li>
                        <li><i class="fa fa-times text-danger"></i> All Financial History</li>
                    </ul>
                    
                    <h4 class="text-success">Will Keep & Reset:</h4>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-check text-success"></i> Customer Information</li>
                        <li><i class="fa fa-check text-success"></i> Supplier Information</li>
                        <li><i class="fa fa-check text-success"></i> Product List & Details</li>
                        <li><i class="fa fa-arrow-right text-primary"></i> Customer Balances → 0</li>
                        <li><i class="fa fa-arrow-right text-primary"></i> Supplier Balances → 0</li>
                        <li><i class="fa fa-arrow-right text-primary"></i> Stock Quantities → 0</li>
                        <li><i class="fa fa-arrow-right text-primary"></i> Stock Values → 0</li>
                    </ul>
                    
                    <p class="text-muted"><small><i class="fa fa-info-circle"></i> Useful when starting a new financial year — maintaining structure but clearing values.</small></p>
                </div>
                <div class="box-footer">
                    <button class="btn btn-primary btn-block reset-btn" data-type="balances_products" data-title="Reset All Balances and Stock to 0">
                        <i class="fa fa-money"></i> Reset All Balances and Stock to 0
                    </button>
                </div>
            </div>
        </div>

        <!-- Option 3: Reset Only Stock to 0 (Keep Transactions & Balances) -->
        <div class="col-md-6">
            <div class="box box-solid box-warning">
                <div class="box-header with-border">
                    <h3 class="box-title"><i class="fa fa-cubes"></i> Reset Only Stock to 0</h3>
                    <span class="label label-warning pull-right">Stock Only</span>
                </div>
                <div class="box-body">
                    <p class="text-bold">Keep all transactions and balances, reset only stock</p>
                    
                    <h4 class="text-success">Will Keep (100% Intact):</h4>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-check text-success"></i> <strong>ALL Transactions</strong> (Purchases & Sales)</li>
                        <li><i class="fa fa-check text-success"></i> Customer Balances</li>
                        <li><i class="fa fa-check text-success"></i> Supplier Balances</li>
                        <li><i class="fa fa-check text-success"></i> All Purchase Invoices</li>
                        <li><i class="fa fa-check text-success"></i> All Sales Records & Invoices</li>
                        <li><i class="fa fa-check text-success"></i> Contact Information</li>
                        <li><i class="fa fa-check text-success"></i> Product Information</li>
                        <li><i class="fa fa-check text-success"></i> Complete Transaction History</li>
                    </ul>
                    
                    <h4 class="text-warning">Will Reset (Location-wise):</h4>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-arrow-right text-warning"></i> Stock Quantities → 0</li>
                        <li><i class="fa fa-arrow-right text-warning"></i> Stock Values → 0 (in reports)</li>
                    </ul>
                    
                    <p class="text-muted"><small><i class="fa fa-info-circle"></i> Perfect for resetting inventory while maintaining complete transaction history and customer/supplier balances.</small></p>
                </div>
                <div class="box-footer">
                    <button class="btn btn-warning btn-block reset-btn" data-type="stock_only" data-title="Reset Only Stock to 0">
                        <i class="fa fa-cubes"></i> Reset Only Stock to 0
                    </button>
                </div>
            </div>
        </div>
    </div>


    <!-- Password Verification Modal -->
    <div class="modal fade" id="verify_password_modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-red">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title"><i class="fa fa-lock"></i> Password Required</h4>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger">
                        <strong>Warning:</strong> You are about to perform: <span id="reset-type-display"></span>
                        <br>This action is <strong>irreversible</strong>.
                    </div>
                    <hr>
                    <div class="form-group">
                        <label for="reset_location_id">Select Business Location: <span class="text-danger">*</span></label>
                        {!! Form::select('reset_location_id', $business_locations, null, ['class' => 'form-control select2', 'id' => 'reset_location_id', 'placeholder' => __('messages.please_select'), 'required', 'style' => 'width: 100%']); !!}
                    </div>
                    <div class="form-group">
                        <label for="password">Enter Admin Password: <span class="text-danger">*</span></label>
                        <input class="form-control" type="password" name="password" id="password" placeholder="Enter password to confirm" required autofocus>
                        <p class="help-block">Please enter the admin password to proceed with reset operation.</p>
                    </div>
                    <input type="hidden" id="reset_type" value="">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        <i class="fa fa-times"></i> Cancel
                    </button>
                    <button type="button" class="btn btn-danger verify_password">
                        <i class="fa fa-check"></i> Confirm & Reset
                    </button>
                </div>
            </div>
        </div>
    </div>
    
</section>

@endsection

@section('javascript')
    <script>
        $(document).ready(function() {
            // Initialize select2
            $('#reset_location_id').select2();
            
            // Handle reset button clicks
            $('.reset-btn').click(function() {
                var resetType = $(this).data('type');
                var resetTitle = $(this).data('title');
                
                $('#reset_type').val(resetType);
                $('#reset-type-display').text(resetTitle);
                $('#verify_password_modal').modal('show');
            });
            
            // Handle password verification
            $('.verify_password').click(function() {
                var password = $('#password').val().trim();
                var location_id = $('#reset_location_id').val();
                var reset_type = $('#reset_type').val();
                
                // Validate location
                if (!location_id) {
                    swal({
                        title: "Location Required",
                        text: "Please select a business location first.",
                        icon: "warning"
                    });
                    return false;
                }
                
                // Validate password
                if (!password) {
                    swal({
                        title: "Password Required",
                        text: "Please enter the admin password to proceed.",
                        icon: "warning"
                    });
                    return false;
                }
                
                // Check password
                if (password === "Pakistan125#") {
                    // Show final confirmation
                    swal({
                        title: "Are you absolutely sure?",
                        text: "This operation will permanently modify your business data and cannot be undone!",
                        icon: "warning",
                        buttons: {
                            cancel: {
                                text: "Cancel",
                                value: false,
                                visible: true,
                                className: "btn-default"
                            },
                            confirm: {
                                text: "Yes, Proceed with Reset",
                                value: true,
                                visible: true,
                                className: "btn-danger"
                            }
                        },
                        dangerMode: true,
                    }).then((willDelete) => {
                        if (willDelete) {
                            // Submit the reset request
                            performReset(reset_type, location_id);
                        }
                    });
                } else {
                    swal({
                        title: "Incorrect Password",
                        text: "The password you entered is incorrect. Please try again.",
                        icon: "error"
                    });
                    $('#password').val('').focus();
                }
            });
            
            // Clear password when modal closes
            $('#verify_password_modal').on('hidden.bs.modal', function () {
                $('#password').val('');
                $('#reset_location_id').val('').trigger('change');
            });
            
            // Allow Enter key to submit
            $('#password').keypress(function(e) {
                if (e.which == 13) {
                    e.preventDefault();
                    $('.verify_password').click();
                }
            });
            
            // Perform the reset operation
            function performReset(type, location_id) {
                $('#verify_password_modal').modal('hide');
                
                // Show loading
                swal({
                    title: "Processing...",
                    text: "Please wait while we reset your business data.",
                    icon: "info",
                    buttons: false,
                    closeOnClickOutside: false,
                    closeOnEsc: false
                });
                
                // Submit via AJAX
                $.ajax({
                    url: "{{ route('reset_business_execute') }}",
                    method: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        reset_type: type,
                        location_id: location_id
                    },
                    success: function(response) {
                        swal.close();
                        if (response.success) {
                            swal({
                                title: "Success!",
                                text: response.msg,
                                icon: "success"
                            }).then(() => {
                                window.location.reload();
                            });
                        } else {
                            swal({
                                title: "Error",
                                text: response.msg,
                                icon: "error"
                            });
                        }
                    },
                    error: function(xhr) {
                        swal.close();
                        var errorMsg = "An error occurred while processing your request.";
                        if (xhr.responseJSON && xhr.responseJSON.msg) {
                            errorMsg = xhr.responseJSON.msg;
                        }
                        swal({
                            title: "Error",
                            text: errorMsg,
                            icon: "error"
                        });
                    }
                });
            }
        });
    </script>
@endsection