@csrf

<!-- User ID -->
<div>
    <label for="user" class="block text-sm font-medium text-gray-300 mb-2">
        <?php echo e(trans('management.fields.broadcast.user')); ?> <span class="text-red-400">*</span>
    </label>
    <input type="number"
           id="user"
           name="user"
           value="<?php echo e(old('user')); ?>"
           class="w-full py-2 px-3 rounded-md bg-gray-800 border border-gray-700 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
           placeholder="<?php echo e(trans('management.fields.broadcast.user')); ?>"
           required>
    <p class="mt-1 text-sm text-gray-400"><?php echo e(trans('management.fields.broadcast.user_desc')); ?></p>
</div>

<!-- Channel -->
<div>
    <label for="channel" class="block text-sm font-medium text-gray-300 mb-2">
        <?php echo e(trans('management.fields.broadcast.channel')); ?> <span class="text-red-400">*</span>
    </label>
    <select id="channel"
            name="channel"
            class="w-full py-2 px-3 rounded-md bg-gray-800 border border-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
            required>
        <?php foreach(trans('management.channels') as $key => $name): ?>
            <option value="<?php echo e($key); ?>" <?php echo e(old('channel') == (string)$key ? 'selected' : ''); ?>><?php echo e($name); ?></option>
        <?php endforeach; ?>
    </select>
</div>

<!-- Message -->
<div>
    <label for="message" class="block text-sm font-medium text-gray-300 mb-2">
        <?php echo e(trans('management.fields.broadcast.message')); ?> <span class="text-red-400">*</span>
    </label>
    <textarea id="message"
              name="message"
              rows="4"
              class="w-full py-2 px-3 rounded-md bg-gray-800 border border-gray-700 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
              placeholder="<?php echo e(trans('management.fields.broadcast.message')); ?>"
              required><?php echo e(old('message')); ?></textarea>
</div>

<!-- Scheduled At -->
<div>
    <label for="scheduled_at" class="block text-sm font-medium text-gray-300 mb-2">
        <?php echo e(trans('management.fields.scheduled_at')); ?> <span class="text-red-400">*</span>
    </label>
    <input type="datetime-local"
        id="scheduled_at"
        name="scheduled_at"
        class="w-full py-2 px-3 rounded-md bg-gray-800 border border-gray-700 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
        min="<?php echo e(\Carbon\Carbon::now()->format('Y-m-d\\TH:i')); ?>"
        value="<?php echo e(old('scheduled_at')); ?>"
        required>
    <p class="mt-1 text-sm text-gray-400"><?php echo e(trans('management.fields.scheduled_at_desc')); ?></p>
</div>

<!-- Recurring Options -->
<div class="space-y-4">
    <div class="flex items-center">
        <input type="checkbox"
               id="is_recurring"
               name="is_recurring"
               value="1"
               <?php echo e(old('is_recurring') ? 'checked' : ''); ?>

               class="rounded border-gray-700 bg-gray-800 text-indigo-600 focus:ring-indigo-500 focus:ring-2">
        <label for="is_recurring" class="ml-2 text-sm font-medium text-gray-300">
            <?php echo e(trans('management.fields.is_recurring')); ?>

        </label>
    </div>

    <div id="recurrence-options" class="hidden space-y-4 ml-6">
        <div class="grid grid-cols-2 gap-4">
            <div>
                <label for="recurrence_interval" class="block text-sm font-medium text-gray-300 mb-2">
                    <?php echo e(trans('management.fields.recurrence_interval')); ?>

                </label>
                <input type="number"
                       id="recurrence_interval"
                       name="recurrence_interval"
                       value="<?php echo e(old('recurrence_interval')); ?>"
                       min="1"
                       class="w-full py-2 px-3 rounded-md bg-gray-800 border border-gray-700 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
            </div>
            <div>
                <label for="recurrence_unit" class="block text-sm font-medium text-gray-300 mb-2">
                    <?php echo e(trans('management.fields.recurrence_unit')); ?>

                </label>
                <select id="recurrence_unit"
                        name="recurrence_unit"
                        class="w-full py-2 px-3 rounded-md bg-gray-800 border border-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
                    <option value="minutes" <?php echo e(old('recurrence_unit') == 'minutes' ? 'selected' : ''); ?>><?php echo e(trans('time.minutes')); ?></option>
                    <option value="hours" <?php echo e(old('recurrence_unit') == 'hours' ? 'selected' : ''); ?>><?php echo e(trans('time.hours')); ?></option>
                    <option value="days" <?php echo e(old('recurrence_unit') == 'days' ? 'selected' : ''); ?>><?php echo e(trans('time.days')); ?></option>
                    <option value="weeks" <?php echo e(old('recurrence_unit') == 'weeks' ? 'selected' : ''); ?>><?php echo e(trans('time.weeks')); ?></option>
                    <option value="months" <?php echo e(old('recurrence_unit') == 'months' ? 'selected' : ''); ?>><?php echo e(trans('time.months')); ?></option>
                </select>
            </div>
        </div>
    </div>
</div>

<!-- Submit Button -->
<div class="flex justify-between pt-4 border-t border-gray-700">
    <a href="/admin/management/scheduled-broadcasts" class="inline-flex items-center px-4 py-2 rounded-md bg-gray-600 hover:bg-gray-500 text-white font-semibold transition-colors">
        <i class="fas fa-arrow-left mr-2"></i>
        <?php echo e(trans('main.back')); ?>

    </a>
    <button type="submit" class="inline-flex items-center px-6 py-2 rounded-md bg-indigo-600 hover:bg-indigo-500 text-white font-semibold transition-colors">
        <i class="fas fa-broadcast-tower mr-2"></i>
        <?php echo e(trans('management.submit.broadcast')); ?>

    </button>
</div>
