
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

    <title>Hello, world!</title>
</head>
<body>

<div class="container">
    <div class="col-lg-6 col-sm-6 col-md-6 mx-auto my-auto" style="">
        <div class="card">
            <div class="card-header">
                <?php if(session('success')): ?>

                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                    <?php echo e(session('success')); ?>

                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                  </div>

                
   
    <?php endif; ?> 
    <?php if($errors->any()): ?>
    <?php echo implode('', $errors->all('<div class="text-white">:message</div>')); ?>

<?php endif; ?>
                <div class="div_header" style="display:flex;align-items:center;justify-content:space-between;color:#96abb5">
                    <a href="#" onclick="goBack();">
                        <i class="fas fa-arrow-left"></i>
                    </a>
                    <h4 style="">Deposit USDT</h4>
                    
                    <a href="<?php echo e(route('list_of_req')); ?>">
                        <div class="div" id="openModalIcon" style="cursor: pointer;">

                            <i class="fas fa-money-bill"></i>
                        </div>
                    </a>
                   
                </div>


         
                <div class="div_after_header text-center py-3" style="">
                    <div class="div_af_img">
                        <img src="https://i.ibb.co/mDCZQ4z/85d5c4a3-fa90-4d97-9867-30ca2f378db1.jpg" alt="85d5c4a3-fa90-4d97-9867-30ca2f378db1"  alt="">
                    </div>
                    <div class="div_of_p text-white mt-3">
                        
                    </div>
                    <hr style="color:white;">
                </div>
                <div class="mb-3 first_mb text-white">
                    <div class="div" style="height:25px;">
                        <p style="">Network</p>
                    </div>
                    <div class="div">
                        <p style="color:white;">Tron (TRC20)</p>

                    </div>
                 
                   
                 </div>
                 <div class="second mb-3  text-white">
                    <div class="div fir" style="height:25px;display: flex;flex-direction:row;align-items:center;justify-content:space-between;">
                        <p style="">Wallet Address</p>
                        <i class="fas fa-copy" onclick="copyToClipboard('myInput')" style="cursor:pointer;"></i>

                        
                    </div>
                    <div class="div sec" style="">
                        <p style="color:white;" id="myInput">TJ8YpGU7nGnkdJViptT4jBETREjGr2KCZv</p>

                    

                    </div>
                    <div id="copyAlert" class="alert alert-primary" role="alert" style="display:none;">
                        Text copied to clipboard!
                    </div>
                 
                   
                 </div>
                 <div class="mb-3">
                    
                    
                 </div>
                <div class="mb-3">

                    
                    <!-- Content for the modal trigger -->
                    <button class="btn" style="" data-bs-toggle="modal" data-bs-target="#myModal">Confirm</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Bootstrap Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content" style="background:#16202d;">
                <div class="modal-header" style=" background:#16202d;">
                    <div class="mx-auto">
                        <h5 class="modal-title" id="exampleModalLabel" style="color: #b7c5cc; text-align: center; margin: 0 auto;font-size:30px;">Confirmation</h5>
                    </div>
                    <div class="div">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                
                </div>
                <div class="modal-body">
                    <form action="<?php echo e(route('req.money_frm_cus')); ?>" method="POST">
                        <?php echo csrf_field(); ?>
                        <div class="mb-3">
                            <label for="" class="form-label" style="color: #b7c5cc;">Enter Ammount</label>
                            <input type="number" name="ammount" class="form-control" style="background:#16202d; border-color: #fff;color:white;">
    
                        </div>
                        <div class="mb-3">
                            <label for="" class="form-label" style="color: #b7c5cc;">Transaction Id</label>
                            <input type="text" name="transaction_id" class="form-control" style="background:#16202d; border-color: #fff;color:white;">
    
                        </div>
                        <div class="mb-3">
                            
                            <button type="submit" class="btn" style="width:100%; background:#fbc02d; font-size:17px; font-weight:500;" data-bs-toggle="modal" data-bs-target="#myModal">Confirm</button>
                         
                        </div>
                    </form>
                  
                    
                </div>
                
            </div>
        </div>
    </div>
</div>
<script>
    function goBack() {
        window.history.back();
    }
    </script>
<script>
    function copyToClipboard(elementId) {
        // Create a new textarea element and set its value to the text you want to copy
        var inputElement = document.createElement('textarea');
        inputElement.value = document.getElementById(elementId).innerText;

        // Append the textarea element to the document
        document.body.appendChild(inputElement);

        // Select the text inside the textarea
        inputElement.select();
        inputElement.setSelectionRange(0, 99999); // For mobile devices

        // Copy the selected text to the clipboard
        document.execCommand('copy');

        // Remove the textarea element from the document
        document.body.removeChild(inputElement);

        // Optionally, provide some feedback to the user (you can customize this part)
        // alert('Text copied to clipboard: ' + inputElement.value);

        document.getElementById('copyAlert').style.display = 'block';

        // Optionally, you can hide the alert after a certain time
        setTimeout(function () {
            document.getElementById('copyAlert').style.display = 'none';
        }, 3000);
    }
</script>
<?php echo $__env->make('user.script', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<!-- Bootstrap JS and Popper.js scripts -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>

</body>
</html>

<style>
    body {
        margin: 0;
        padding: 0;
        box-sizing:border-box;
        background: #181a20;
    }
    .btn{
        width:100%; background:#fbc02d; font-size:17px; font-weight:500;
       
    }
    .asd .bbb p{
        font-size:15px;
    }
    .first_mb .div p{
        font-size:17px;
    }
    .second .fir p{
        font-size:17px;
       
    }
    
.second .sec p{
    font-size:15px;font-weight:100;letter-spacing: 1.3px;
}
    .container {
        position: relative;
        min-height: 100vh;
        display: flex;
        align-items: center;
        background: #181a20;
    }

    .col-lg-6 {
        position: absolute;
        top: 30%;
        left: 30%;
        transform: translate(-30%, -30%);
        width:100%;
        background: #181a20;
        height:51%;
    }

    .card {
        width:70%;
        margin: 0 auto;
        background:#16202d;
    }

    .div_after_header .div_af_img img {
        width:26%;
    }

    .div_header h4 {
        font-size:25px;
        font-weight:300;
    }

    p {
        font-size:18px;color:#96abb5;font-weight:400;
    }

    .before_button {
        background: #1f2e3d;
    }

    .before_button .bbb {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        background: #1f2e3d;
        height:30px;
    }

    @media (max-width: 768px) {
        .div_header h4 {
            font-size:16px;
            font-weight:300;
        }

        .div_after_header .div_of_p p {
            font-size: 14px;
        }

        .div_after_header .div_af_img img {
            width:36%;
            object-fit: cover;
        }
    }

    @media (max-width: 600px) {
        .btn{
        width:100%; 
        background:#fbc02d; 
        font-size:15px; 
        font-weight:550;
       
    }
        .asd .bbb p{
        font-size:13px;
    }
        .first_mb .div p{
        font-size:14px;
    }
        .div_header h4 {
            font-size:15px;
            font-weight:300;
        }
        .second .fir p{
        font-size:13px;
       
    }
    .second .sec p{
    font-size:12px;letter-spacing: 1.3px;
}
    }

    /* Fix for modal backdrop visibility */
    .modal {
        z-index: 1050;
    }
    .custom-modal.show .modal-backdrop {
        z-index: 1050; /* Adjust the value as needed */
        background-color: rgba(0, 0, 0, 0.5); /* Adjust the background color and transparency as needed */
    }
</style>


    
<script>
    // JavaScript to handle the click event and show the modal
    document.getElementById('openModalIcon').addEventListener('click', function () {
        var myModal = new bootstrap.Modal(document.getElementById('myModals'));
        myModal.show();
    });
</script><?php /**PATH H:\Laravel Projects\abir_vaiya's Second Project\Abir_vaiya_second_project\resources\views/user/test.blade.php ENDPATH**/ ?>