<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Email Sending Page</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .email-message {
            border: 1px solid #ced4da;
            border-radius: .25rem;
            padding: .5rem;
            min-height: 150px; /* Adjust height as needed */
        }
          

        .email-template-preview {
            width: 85%; /* Set width */
            height: 25%; /* Set height */
            margin: 20px;
            /* border: 1px solid #ced4da;
            border-radius: .25rem;
            padding: .5rem; */
            font-size: 14px; /* Adjust font size */
            line-height: 1.4; /* Adjust line height */
            /* overflow: hidden; Hide overflow */
        }

        .email-template-preview p {
            margin: 0; /* Remove default paragraph margin */
        }
        /* Sidebar styles */
        .sidebar {
            width: 250px;
            background-color: #f8f9fa;
            padding: 20px;
            height: 100vh; /* Full height sidebar */
            position: fixed;
            top: 0;
            left: -250px; /* Initially hide the sidebar */
            transition: left 0.3s ease; /* Add transition effect */
            overflow-y: auto; /* Enable scrolling if content exceeds the height */
            border-right: 1px solid #dee2e6; /* Add border for separation */
        }

        .main-content {
            margin-left: 0; /* Adjust left margin to accommodate the sidebar width */
            padding: 20px;
        }
         
    </style>
</head>
<body>


<!-- Sidebar -->
    <div class="sidebar" id="sidebar">
        <h2>Navigation</h2>
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link" href="<?php echo e(route('view')); ?>">Create User</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?php echo e(route('list')); ?>">List Users</a>
            </li>
        </ul>
    </div>
    <button onclick="toggleSidebar()">Toggle Sidebar</button>
    <div class="container mt-5">
        <h1 class="mb-4">Send Emails</h1>
        <form action="/send-emails" method="POST">
            <?php echo csrf_field(); ?>
            <div class="mb-3">
                <label for="num-emails" class="form-label">Number of Emails to Send:</label>
                <input type="number" class="form-control" id="num-emails" name="num-emails" min="1" required>
            </div>

            <div class="mb-3">
                <label for="start-id" class="form-label">Starting ID:</label>
                <input type="number" class="form-control" id="start-id" name="start-id" min="1" required>
            </div>

          <div class="mb-3">
            <label for="subject" class="form-label">Subject:</label>
            <input type="text" class="form-control" id="subject" name="subject" required>
        </div>

        <div class="mb-3">
            <label for="message" class="form-label">Message Content:</label>
            <textarea class="form-control email-message" id="content" name="content" rows="4" required></textarea>
        </div>
        
      <div class="mb-3">
    <label for="template" class="form-label">Choose Template:</label>
    <select class="form-select" id="template" name="template">
        <option value="template">Template 1</option>
        <option value="template2">Template 2</option>
        <!-- Add more options if needed -->
    </select>
</div>



            <button type="submit" class="btn btn-primary">Send Emails</button>
              
        </form>
    </div>

    <h2>Email Template Preview</h2>
    <div class="row">
            <div class="col-md-6">
                <div class="email-template-preview">
                    <h2>Template 1</h2>
                    <?php echo $__env->make('template', ['subject' => 'Sample Subject', 'name' => 'John Doe', 'content' => 'This is a sample email content.'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                </div>
            </div>
            <div class="col-md-6">
                <div class="email-template-preview">
                    <h2>Template 2</h2>
                    <?php echo $__env->make('template1', ['subject' => 'Sample Subject', 'name' => 'John Doe', 'content' => 'This is a sample email content.'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                </div>
            </div>
        </div>
    



        <script>
        function toggleSidebar() {
            var sidebar = document.getElementById("sidebar");
            var mainContent = document.getElementById("main-content");

            // Toggle the sidebar visibility by adjusting its left position
            if (sidebar.style.left === "0px") {
                sidebar.style.left = "-250px";
                mainContent.style.marginLeft = "0";
            } else {
                sidebar.style.left = "0px";
                mainContent.style.marginLeft = "250px";
            }
        }
    </script>
</body>
</html>
<?php /**PATH C:\Users\91638\franchise\resources\views/mail.blade.php ENDPATH**/ ?>