@push('title')
Linke and shortlinks
@endpush

<div class="container mt-4">
    <div class="card">
        <div class="card-header">
            <h2>Create Azure Storage Account</h2>
        </div>
        <div class="card-body">
            @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

            <form wire:submit.prevent="createStorageAccount">
                <!-- Azure Credential Selection -->
                <div class="form-group">
    <label for="credential">Select Azure Credential</label>
    <select class="form-control" id="credential" wire:model="selectedCredentialId">
    <option value="">Select Credential</option>
    @foreach ($credentials as $credential)
        <option value="{{ $credential['id'] ?? $credential->id }}">{{ $credential['app_id'] ?? $credential->app_id }}</option>
    @endforeach
</select>

    @error('selectedCredentialId') <span class="text-danger">{{ $message }}</span> @enderror
</div>


                <!-- Storage Account Details -->
                <div class="form-group">
                    <label for="accountName">Account Name</label>
                    <input type="text" class="form-control" id="accountName" wire:model="accountName">
                    @error('accountName') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <div class="form-group">
                    <label for="resourceGroupName">Resource Group Name</label>
                    <input type="text" class="form-control" id="resourceGroupName" wire:model="resourceGroupName">
                    @error('resourceGroupName') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <div class="form-group">
                    <label for="location">Location</label>
                    <input type="text" class="form-control" id="location" wire:model="location">
                    @error('location') <span class="text-danger">{{ $message }}</span> @enderror 
                </div>

                <div class="form-group">
                    <label for="kind">Kind</label>
                    <select class="form-control" id="kind" wire:model="kind">
                        <option value="StorageV2">StorageV2</option>
                        <!-- Add other kinds as options if needed -->
                    </select>
                    @error('kind') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <div class="form-group">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="allowBlobPublicAccess" wire:model="allowBlobPublicAccess">
                        <label class="form-check-label" for="allowBlobPublicAccess">Allow Blob Public Access</label>
                    </div>
                    @error('allowBlobPublicAccess') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <button type="submit" class="btn btn-primary">Create Storage Account</button>
            </form>
        </div>
    </div>
</div>