<div class="p-8 bg-white rounded-lg shadow-md">
  <h2 class="mb-6 text-2xl font-semiold">Export Selected Modal</h2>

  @if (!$this->filepath)
    <div class="grid grid-cols-2 gap-4 mb-6">
        @foreach($fields as $field)
            <div class="flex items-center space-x-2">
                <x-aura::input.checkbox id="{{ $field }}" value="{{ $field }}" wire:model.live="exportFields" />
                <label for="{{ $field }}" class="text-gray-700">{{ $field }}</label>
            </div>
        @endforeach
    </div>
    <div class="flex items-center space-x-2">
        <label for="exportFormat" class="text-gray-700">Export Format:</label>
        <x-aura::input.select id="exportFormat" wire:model.live="exportFormat">
            <option value="csv">CSV</option>
            <option value="pdf">PDF</option>
            <option value="excel">Excel</option>
            <option value="xml">XML</option>
            <!-- Add more options as needed -->
        </x-aura::input.select>
    </div>
  @else
    <div class="p-4 mb-4 text-blue-700 bg-blue-100 border border-blue-400 rounded-md" role="alert">
      <p>File Path: {{ $this->filepath }}</p>
    </div>
  @endif

  <div class="flex justify-end space-x-4">
    <x-aura::button wire:click="export">Export</x-aura::button>
    <x-aura::button.border wire:click="$dispatch('closeModal')">Close</x-aura::button.border>
  </div>
</div>
