@push('title')
    Add Connectors
@endpush
<div class="content-wrapper">
    <h2 class="mb-4">Office 365 Connector</h2>



    <div class="card p-4">
        <!-- Inputs -->
        <div class="row">
            <!-- Emails -->
            <div class="col-md-4 form-group">
                <label for="emails">Emails</label>
                <textarea wire:model="emails" class="form-control" id="emails" rows="6" placeholder="Enter emails, one per line"></textarea>
            </div>

            <!-- Password -->
            <div class="col-md-4 form-group">
                <label for="password">Password</label>
                <input wire:model="password" type="text" class="form-control" id="password" placeholder="Enter password">
            </div>

            <!-- IPs -->
            <div class="col-md-4 form-group">
                <label for="ips">IP Addresses</label>
                <textarea wire:model="ips" class="form-control" id="ips" rows="6" placeholder="Enter IP addresses, one per line"></textarea>
            </div>
        </div>

        <!-- Buttons -->
        <div class="mb-3">
            <button wire:click="executeMasterScript" class="btn btn-primary ml-2" wire:loading.attr="disabled">
                <span wire:loading wire:target="executeMasterScript">
                    <i class="fas fa-spinner fa-spin mr-2"></i>
                </span>
                Add Connectors
            </button>

            <button wire:click="deleteConnectors" class="btn btn-danger ml-2" wire:loading.attr="disabled">
                <span wire:loading wire:target="deleteConnectors">
                    <i class="fas fa-spinner fa-spin mr-2"></i>
                </span>
                Delete Connectors
            </button>
        </div>
        @if (session()->has('message'))
        <div class="alert alert-success">
            {{ session('message') }}
        </div>
        @endif

        @if (session()->has('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
        @endif

        <!-- Display CSV Content -->
        @if(!empty($deletOutput))
    <div class="mt-4 alert alert-info">
        <h5>Output:</h5>
        <pre>{{ $deletOutput }}</pre>
    </div>
@endif

@if(!empty($addconectortOutput))
    <div class="mt-4 alert alert-info">
        <h5>Output:</h5>
        <pre>{{ $addconectortOutput }}</pre>
    </div>
@endif


    </div>
</div>