@push('title')
Apply Scripts
@endpush

<div class="content-wrapper">
    <section class="content-header">
        <h2 class="text-primary">Apply Scripts</h2>
    </section>

    <section class="content">
        <!-- Display Success Message -->
        @if (session()->has('message'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="icon fas fa-check"></i> {{ session('message') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        @endif

        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title">Script and Account Selection</h3>
            </div>
            <div class="card-body">
                <div class="row">
                    <!-- Select Script -->
                    <div class="col-md-6">
                        <div class="form-group row">
                            <label for="scriptSelect" class="col-sm-4 col-form-label-sm">Select Script</label>
                            <div class="col-sm-8">
                                <select wire:model="selectedScriptId" class="form-control form-control-sm" id="scriptSelect">
                                    <option value="">-- Select a Script --</option>
                                    @foreach($scripts as $script)
                                    <option value="{{ $script->id }}">{{ $script->script_name }}</option>
                                    @endforeach
                                </select>
                                @error('selectedScriptId') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>
                        </div>
                    </div>

                    <!-- Select Account (if required) -->
                    @if($requiresAccount)
                    <div class="col-md-6">
                        <div class="form-group row">
                            <label for="accountSelect" class="col-sm-4 col-form-label-sm">Select Account</label>
                            <div class="col-sm-8">
                                <select wire:model="selectedAccountId" class="form-control form-control-sm" id="accountSelect">
                                    <option value="">-- Select an Account --</option>
                                    @foreach($accounts as $account)
                                    <option value="{{ $account->id }}">{{ $account->email }}</option>
                                    @endforeach
                                </select>
                                @error('selectedAccountId') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>
                        </div>
                    </div>
                    @endif
                </div>

                <!-- Add Connector by IP Script Input -->
                @if($selectedScript && $selectedScript->script_name === 'Add Connector by IP')
                <div class="row">
                    <!-- Connector Name -->
                    <div class="col-md-6">
                        <div class="form-group row">
                            <label for="connectorName" class="col-sm-4 col-form-label-sm">Connector Name</label>
                            <div class="col-sm-8">
                                <input type="text" wire:model="connectorName" class="form-control form-control-sm" id="connectorName" placeholder="Enter Connector Name">
                                @error('connectorName') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>
                        </div>
                    </div>

                    <!-- Sender IPs -->
                    <div class="col-md-6">
                        <div class="form-group row">
                            <label for="senderIps" class="col-sm-4 col-form-label-sm">Sender IPs</label>
                            <div class="col-sm-8">
                                <input type="text" wire:model="senderIps" class="form-control form-control-sm" id="senderIps" placeholder="Enter Sender IPs (comma-separated)">
                                @error('senderIps') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                <!-- Add Connector by Domain Script Input -->
                @if($selectedScript && $selectedScript->script_name === 'Add Connector by Domain')
                <div class="row">
                    <!-- Connector Name -->
                    <div class="col-md-6">
                        <div class="form-group row">
                            <label for="connectorName" class="col-sm-4 col-form-label-sm">Connector Name</label>
                            <div class="col-sm-8">
                                <input type="text" wire:model="connectorName" class="form-control form-control-sm" id="connectorName" placeholder="Enter Connector Name">
                                @error('connectorName') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>
                        </div>
                    </div>

                    <!-- Select Domain -->
                    <div class="col-md-6">
                        <div class="form-group row">
                            <label for="domainSelect" class="col-sm-4 col-form-label-sm">Select Domain</label>
                            <div class="col-sm-8">
                                <select wire:model="selectedDomainId" class="form-control form-control-sm" id="domainSelect">
                                    <option value="">-- Select a Domain --</option>
                                    @foreach($domains as $domain)
                                    <option value="{{ $domain->id }}">{{ $domain->domain_name }}</option>
                                    @endforeach
                                </select>
                                @error('selectedDomainId') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                <!-- Enable DKIM Script Input -->
                @if($selectedScript && $selectedScript->script_name === 'Enable DKIM')
                <div class="row">
                    <!-- Select Domain -->
                    <div class="col-md-6">
                        <div class="form-group row">
                            <label for="domainSelect" class="col-sm-4 col-form-label-sm">Select Domain</label>
                            <div class="col-sm-8">
                                <select wire:model="selectedDomainId" class="form-control form-control-sm" id="domainSelect">
                                    <option value="">-- Select a Domain --</option>
                                    @foreach($domains as $domain)
                                    <option value="{{ $domain->id }}">{{ $domain->domain_name }}</option>
                                    @endforeach
                                </select>
                                @error('selectedDomainId') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                <div class="row">
                    <!-- Admin Email (Automatically populated) -->
                    @if($adminEmail)
                    <div class="col-md-6">
                        <div class="form-group row">
                            <label for="adminEmail" class="col-sm-4 col-form-label-sm">Admin Email</label>
                            <div class="col-sm-8">
                                <input type="email" wire:model="adminEmail" class="form-control form-control-sm" id="adminEmail" readonly>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Admin Password (Plain) -->
                    @if($adminPassword)
                    <div class="col-md-6">
                        <div class="form-group row">
                            <label for="adminPassword" class="col-sm-4 col-form-label-sm">Password (Plain)</label>
                            <div class="col-sm-8">
                                <input type="text" wire:model="adminPassword" class="form-control form-control-sm" id="adminPassword" readonly>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>

                <div class="row">
                    <!-- New Password (if required) -->
                    @if($requiresPassword)
                    <div class="col-md-6">
                        <div class="form-group row">
                            <label for="newPassword" class="col-sm-4 col-form-label-sm">New Password</label>
                            <div class="col-sm-8">
                                <input type="password" wire:model="newPassword" class="form-control form-control-sm" id="newPassword" placeholder="Enter New Password">
                                @error('newPassword') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>

            <!-- Buttons for Generate Script -->
            <div class="card-footer">
                <button wire:click="generateScript" class="btn btn-primary btn-sm">
                    <!-- Loading Spinner -->
                    <span wire:loading wire:target="generateScript">
                        <i class="fas fa-spinner fa-spin"></i>
                    </span>
                    <span wire:loading.remove wire:target="generateScript">
                        Generate Script
                    </span>
                </button>
            </div>
        </div>

        <!-- Display Generated Script Details -->
        @if($generatedScriptDetails)
        <div class="card card-info mt-4">
            <div class="card-header">
                <h3 class="card-title">Generated Script Details</h3>
            </div>
            <div class="card-body">
                <table class="table table-sm table-bordered">
                    <tbody>
                        <tr>
                            <th>Script File Name</th>
                            <td>{{ $generatedScriptDetails['scriptFileName'] }}</td>
                        </tr>
                        <tr>
                            <th>Admin Email</th>
                            <td>{{ $generatedScriptDetails['adminEmail'] }}</td>
                        </tr>
                        <tr>
                            <th>Admin Password</th>
                            <td>{{ $generatedScriptDetails['adminPassword'] }}</td>
                        </tr>
                        <tr>
                            <th>Connector Name</th>
                            <td>{{ $generatedScriptDetails['connectorName'] ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Sender IPs</th>
                            <td>{{ $generatedScriptDetails['senderIps'] ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Selected Domain</th>
                            <td>{{ $generatedScriptDetails['selectedDomain'] ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Date Generated</th>
                            <td>{{ $generatedScriptDetails['date'] }}</td>
                        </tr>
                        <tr>
                            <th>Status</th>
                            <td>{{ ucfirst($generatedScriptDetails['status']) }}</td>
                        </tr>
                    </tbody>
                </table>
                <div class="mt-3 text-center">
                    <!-- Run Button -->
                    <button wire:click="runScript({{ $generatedScriptDetails['id'] }})" class="btn btn-success btn-sm">
                        <span wire:loading wire:target="runScript({{ $generatedScriptDetails['id'] }})">
                            <i class="fas fa-spinner fa-spin"></i>
                        </span>
                        <span wire:loading.remove wire:target="runScript({{ $generatedScriptDetails['id'] }})">
                            Run
                        </span>
                    </button>

                    <!-- Edit Button -->
                    <button wire:click="editScript({{ $generatedScriptDetails['id'] }})" class="btn btn-warning btn-sm">
                        <span wire:loading wire:target="editScript({{ $generatedScriptDetails['id'] }})">
                            <i class="fas fa-spinner fa-spin"></i>
                        </span>
                        <span wire:loading.remove wire:target="editScript({{ $generatedScriptDetails['id'] }})">
                            Edit
                        </span>
                    </button>

                    <!-- Delete Button -->
                    <button wire:click="deleteScript({{ $generatedScriptDetails['id'] }})" class="btn btn-danger btn-sm">
                        <span wire:loading wire:target="deleteScript({{ $generatedScriptDetails['id'] }})">
                            <i class="fas fa-spinner fa-spin"></i>
                        </span>
                        <span wire:loading.remove wire:target="deleteScript({{ $generatedScriptDetails['id'] }})">
                            Delete
                        </span>
                    </button>
                </div>
            </div>
        </div>
        @endif

        <!-- Display Log Output -->
        @if($logOutput)
        <div class="card card-warning mt-4">
            <div class="card-header">
                <h3 class="card-title">Script Output</h3>
            </div>
            <div class="card-body">
                <pre>{{ $logOutput }}</pre>
            </div>
        </div>
        @endif
    </section>
</div>