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

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>Reset Database</h1>
        <!-- <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
            <li class="active">Here</li>
        </ol> -->
    </section>

    <!-- Main content -->
    
<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="box box-solid">
                <div class="box-header with-border">
                    <h3 class="box-title">Reset Business Database</h3>
                </div>
                <div class="box-body">
                    <div class="alert alert-danger">
                        <h4><i class="icon fa fa-ban"></i> Warning!</h4>
                        <p>This action will permanently delete the following data for the selected business location:</p>
                        <ul>
                            <li>All Products and Stock</li>
                            <li>All Customers and Suppliers</li>
                            <li>All Sales and Purchases</li>
                            <li>All Expenses and Returns</li>
                            <li>All Stock Transfers and Adjustments</li>
                            <li>All Payroll and HRM Records</li>
                        </ul>
                        <p><strong>This action cannot be undone. Please ensure you have a backup before proceeding.</strong></p>
                    </div>
                    
                    <form method="post" action="{{route('reset_database_delete')}}" id="reset_password_form">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    {!! Form::label('location_id',  __('purchase.business_location') . ': *') !!}
                                    {!! Form::select('location_id', $business_locations, null, ['class' => 'form-control select2', 'style' => 'width:100%', 'placeholder' => __('lang_v1.please_select'), 'required']); !!}
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>&nbsp;</label>
                                    <button type="submit" class="btn btn-danger btn-block reset_database">
                                        <i class="fa fa-trash"></i> Reset Database
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade in" id="verify_password_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" >
        <div class="modal-dialog " role="document">
            <div class="modal-content">
                <div class="modal-header bg-red">
                    <button type="button" class="close no-print" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="modalTitle"><i class="fa fa-lock"></i> Password Required</h4>
                </div>
                <div class="modal-body">
                    <p class="text-danger"><strong>Warning:</strong> You are about to reset all business data. This action is irreversible.</p>
                    <hr>
                    <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 database reset.</p>
                    </div>
                </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() {
            // Check if location is selected before showing password modal
            $(".reset_database").click(function(e){
                e.preventDefault();
                
                var location_id = $('#location_id').val();
                if (!location_id) {
                    swal({
                        title: "Location Required",
                        text: "Please select a business location first.",
                        icon: "warning"
                    });
                    return false;
                }
                
                $('#verify_password_modal').modal('show');
            });
            
            // Verify password and submit form
            $(".verify_password").click(function(e){
                e.preventDefault();
                const password = $('#password').val().trim();
                
                if (!password) {
                    swal({
                        title: "Password Required",
                        text: "Please enter the admin password to proceed.",
                        icon: "warning"
                    });
                    return false;
                }
                
                if (password === "Pakistan125#") {
                    // Show final confirmation
                    swal({
                        title: "Are you absolutely sure?",
                        text: "All business data for the selected location will be permanently deleted. This action cannot be undone!",
                        icon: "warning",
                        buttons: {
                            cancel: {
                                text: "Cancel",
                                value: false,
                                visible: true,
                                className: "btn-default"
                            },
                            confirm: {
                                text: "Yes, Reset Database",
                                value: true,
                                visible: true,
                                className: "btn-danger"
                            }
                        },
                        dangerMode: true,
                    }).then((willDelete) => {
                        if (willDelete) {
                            $('#verify_password_modal').modal('hide');
                            $('#reset_password_form').submit();
                        }
                    });
                } else {
                    swal({
                        title: "Incorrect Password",
                        text: "The password you entered is incorrect. Please try again.",
                        icon: "error"
                    });
                    $('#password').val('').focus();
                }
            });
            
            // Clear password field when modal is closed
            $('#verify_password_modal').on('hidden.bs.modal', function () {
                $('#password').val('');
            });
            
            // Allow Enter key to submit password
            $('#password').keypress(function(e) {
                if (e.which == 13) {
                    e.preventDefault();
                    $('.verify_password').click();
                }
            });
        });
    </script>
@endsection