@push('title')
Add Subdomains
@endpush

<div class="content-wrapper">
    <div class="bg-white overflow-hidden shadow-lg sm:rounded-lg">
    @if (session()->has('error') || session()->has('success') || session('message') || !empty($dnsUpdateResults))
<div>
    <pre style="font-family: Arial, sans-serif; font-size: 14px; color: #333;">
        @php
            $combinedMessages = '';

            // Add error message
            if (session()->has('error')) {
                $combinedMessages .= "<span style='color: red;'>Error: " . session('error') . "</span> ";
            }

            // Add success message
            if (session()->has('success')) {
                $combinedMessages .= "<span style='color: green;'>Success: " . session('success') . "</span> ";
            }

            // Add general message
            if (session('message')) {
                $combinedMessages .= "<span style='color: #333;'>" . session('message') . "</span> ";
            }

            // Add DNS update results
            if (!empty($dnsUpdateResults)) {
                foreach ($dnsUpdateResults as $result) {
                    $combinedMessages .= "<span style='color: blue;'>" . ($result['domain'] ?? 'N/A') . "</span>: ";
                    $combinedMessages .= "<span style='color: " . (isset($result['response']) && $result['response'] === 'OK' ? 'green' : 'red') . ";'>" . ($result['response'] ?? 'No Response') . "</span>, ";
                }
                $combinedMessages = rtrim($combinedMessages, ', '); // Remove trailing comma
            }
        @endphp

        {{-- Display all combined messages --}}
        {!! $combinedMessages !!}
    </pre>
</div>
@endif









        <!-- Form Section -->
        <form wire:submit.prevent="processData" class="flex flex-wrap -mx-3 justify-center items-center mt-4 w-full">
            <!-- Email input section -->
            <div class="mb-4 flex-1 px-3 text-center ml-8">
                <label for="emails" class="block text-xs font-medium text-gray-600">Emails:</label>
                <textarea class="form-input text-sm mt-2 p-2 w-full rounded border focus:border-blue-500 resize-y" id="emails" rows="5" wire:model="emails" placeholder="Enter emails, one per line"></textarea>
                @error('emails')
                <span class="text-red-500 text-xs">{{ $message }}</span>
                @enderror
            </div>

            <div class="mb-4 flex-1 px-3 text-center">
                <label for="provider" class="block text-xs font-medium text-gray-600">Select Provider:</label>
                <select id="provider" wire:model="provider" class="form-input text-sm mt-2 p-2 w-full rounded border focus:border-blue-500">
                    <option value="">Select Provider</option>
                    <option value="namecheap">Namecheap</option>
                    <option value="cloudflare">Cloudflare</option>
                    <option value="godaddy">GoDaddy</option>
                </select>
                @error('provider')
                <span class="text-red-500 text-xs">{{ $message }}</span>
                @enderror
            </div>

            <!-- Conditional Input Fields -->
            <div class="mb-4 flex-1 px-3 text-center">
                <!-- Namecheap Domains Input -->
                @if ($provider === 'namecheap')
                <label for="domains" class="block text-xs font-medium text-gray-600">Domains:</label>
                <textarea class="form-input text-sm mt-2 p-2 w-full rounded border focus:border-blue-500 resize-y" id="domains" rows="5" wire:model="domains" placeholder="Enter domains, one per line"></textarea>
                <button wire:click.prevent.stop="deleteAllDnsRecords" class="btn btn-danger mt-2">
                    Delete All DNS Records
                    <svg wire:loading wire:target="deleteAllDnsRecords" class="ml-2 animate-spin h-5 w-5 text-white" viewBox="0 0 24 24">
                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                    </svg>
                </button>
                @error('domains')
                <span class="text-red-500 text-xs">{{ $message }}</span>
                @enderror
                @endif

                <!-- Cloudflare Zone ID Input -->
                @if ($provider === 'cloudflare')
                <label for="zoneId" class="block text-xs font-medium text-gray-600">Cloudflare Zone ID:</label>
                <input type="text" id="zoneId" wire:model="zoneId" class="form-input text-sm mt-2 p-2 w-full rounded border focus:border-blue-500" placeholder="Enter Cloudflare Zone ID">
                @error('zoneId')
                <span class="text-red-500 text-xs">{{ $message }}</span>
                @enderror
                @endif

                <!-- GoDaddy Domains Input -->
                @if ($provider === 'godaddy')
                <label for="domains" class="block text-xs font-medium text-gray-600">Domains:</label>
                <textarea class="form-input text-sm mt-2 p-2 w-full rounded border focus:border-blue-500 resize-y" id="domains" rows="5" wire:model="domains" placeholder="Enter domains, one per line"></textarea>
                @error('domains')
                <span class="text-red-500 text-xs">{{ $message }}</span>
                @enderror
                @endif
            </div>


            <!-- Server data input section -->
            <div class="mb-4 flex-1 px-3 text-center">
                <label for="serverData" class="block text-xs font-medium text-gray-600">Servers Data:</label>
                <textarea id="serverData" wire:model="serverDataTextArea" rows="5" cols="2" class="form-input text-sm mt-2 p-2 w-full rounded border focus:border-blue-500 resize-y"></textarea>
            </div>

            <!-- Number of Subdomains input section -->
            <div class="mb-4 flex-1 px-3 text-center">
                <label for="numSubdomains" class="block text-sm font-medium text-gray-600">Number of Subdomains:</label>
                <input type="text" class="form-input mt-2 p-3 rounded border focus:border-blue-500" id="numSubdomains" wire:model="numSubdomains" placeholder="Enter number">
                @error('numSubdomains')
                <span class="text-red-500 text-xs">{{ $message }}</span>
                @enderror

                <div class="mt-4 px-3">
                    <button type="submit" class="inline-flex items-center bg-blue-500 text-white px-6 py-2 rounded hover:bg-blue-600 transition duration-300 ">
                        <span>Generate</span>
                        <svg wire:loading wire:target="processData" class="ml-2 animate-spin h-5 w-5 text-white" viewBox="0 0 24 24">
                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                        </svg>
                    </button>
                </div>
            </div>
        </form>

    </div>

    <!-- Action Buttons -->
    <div class="flex justify-center mt-4">
        <button wire:click="runSubdomainMasterScript" wire:loading.attr="disabled" class="btn btn-primary px-6 py-2 mr-3">Add Subdomain</button>
        <button wire:click="setDnsRecords" wire:loading.attr="disabled" class="btn btn-danger px-6 py-2 mr-3">Add Records DNS</button>
        <button wire:click="runValidationMasterScript" wire:loading.attr="disabled" class="btn btn-info px-6 py-2 mr-3">Validation</button>
        <button wire:click="runDkimActivationMasterScript" wire:loading.attr="disabled" class="btn btn-warning px-6 py-2 mr-3">Activate DKIM</button>

        <!-- Loading Icon -->
        <span wire:loading wire:target="runSubdomainMasterScript, runValidationMasterScript, setDnsRecords, runDkimActivationMasterScript" class="text-primary spinner-border spinner-border-md mr-2"></span>
    </div>

    <!-- Display Data Table if Data Exists -->
    @if(!empty($data))
    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 mr-5">
            <div class="bg-white overflow-hidden shadow-lg sm:rounded-lg mr-5">
                <table class="table table-sm table-hover table-bordered">
                    <thead class="thead-light">
                        <tr>
                            <th class="text-center">Email</th>
                            <th class="text-center">Subdomain</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($data as $row)
                        <tr>
                            <td class="text-center">{{ $row['email'] }}</td>
                            <td class="text-center">{{ $row['subdomain'] }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    <!-- MSD-Output.csv table -->
    @if(!empty($msdoutputcsv) && empty($data))
    @include('livewire.partials.csvTable', ['csvData' => $msdoutputcsv, 'tableName' => 'MSD Output'])
    @endif

    <!-- Validation-Output.csv table -->
    @if(!empty($validationoutputcsv) && empty($data) && empty($msdoutputcsv))
    @include('livewire.partials.csvTable', ['csvData' => $validationoutputcsv, 'tableName' => 'Validation Output'])
    <textarea id="subdomains" style="display: none;">{{ implode("\n", $this->subdomains) }}</textarea>
    <div class="flex justify-center mt-4">
        <button onclick="copyToClipboard('subdomains')" class="btn btn-secondary px-6 py-2 mr-3">Copy Subdomains</button>
        <button wire:click="generateRootsXLSX" wire:loading.attr="disabled" class="btn btn-secondary px-6 py-2 mr-3">
            Generate Routs
            <span wire:loading wire:target="generateRootsXLSX" class="text-primary spinner-border spinner-border-md ml-2"></span>
        </button>
        <button wire:click="runPythonScript" wire:loading.attr="disabled" class="btn btn-secondary px-6 py-2 mr-3">
            Add Routs
            <span wire:loading wire:target="runPythonScript" class="text-primary spinner-border spinner-border-md ml-2"></span>
        </button>
    </div>
    @endif

    <!-- DKIM Activation Output table -->
    @if(!empty($dkimoutputcsv) && empty($data) && empty($msdoutputcsv) && empty($validationoutputcsv))
    @include('livewire.partials.csvTable', ['csvData' => $dkimoutputcsv, 'tableName' => 'DKIM Activation Output'])
    <textarea id="subdomains" style="display: none;">{{ implode("\n", $this->subdomains) }}</textarea>
    <div class="flex justify-center mt-4">
        <button onclick="copyToClipboard('subdomains')" class="btn btn-secondary px-6 py-2 mr-3">Copy Subdomains</button>
    </div>
    @endif

    <!-- Merged Route Status table -->
    @if(!empty($mergeroutstatus))
    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 mr-5">
            <div class="bg-white overflow-hidden shadow-lg sm:rounded-lg mr-5">
                <table class="table table-sm table-hover table-bordered">
                    <thead>
                        <tr>
                            @foreach ($mergeroutstatus[0] as $headerColumn)
                            <th class="text-center">{{ $headerColumn }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($mergeroutstatus as $index => $row)
                        @if ($index > 0) <!-- Skip the header -->
                        <tr>
                            @foreach ($row as $cell)
                            <td class="text-center">{{ $cell }}</td>
                            @endforeach
                        </tr>
                        @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    <!-- Excel Routs Data table -->
    @if(!empty($excelRoutsData))
    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 mr-5">
            <div class="bg-white overflow-hidden shadow-lg sm:rounded-lg mr-5">
                <table class="table table-sm table-hover table-bordered">
                    <thead>
                        <tr>
                            @foreach ($excelRoutsData[0] as $headerColumn)
                            <th class="text-center">{{ $headerColumn }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($excelRoutsData as $index => $row)
                        @if ($index > 0) <!-- Skip the header -->
                        <tr>
                            @foreach ($row as $cell)
                            <td class="text-center">{{ $cell }}</td>
                            @endforeach
                        </tr>
                        @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif
</div>

<!-- Clipboard JavaScript -->
<script>
    function copyToClipboard(elementId) {
        let textarea = document.getElementById(elementId);
        textarea.style.display = 'block'; // Temporarily display the textarea
        textarea.select();
        document.execCommand('copy');
        textarea.style.display = 'none'; // Hide the textarea again
        alert('Subdomains copied to clipboard!');
    }
</script>