@extends('layouts.app')

@section('content')
    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif
    <div class="container py-5">
        <h2>Add Tech Podcast</h2>

        <form action="{{ route('admin.podcasts.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <div class="mb-3">
                <label>Podcast Name</label>
                <input type="text" name="name" class="form-control" required>
            </div>
            <div class="mb-3">
                <label class="form-label">Author</label>
                <input type="text" name="author" class="form-control" value="{{ old('author') }}"
                    placeholder="Enter podcast author">
            </div>
            <div class="mb-3">
                <label class="form-label">Description</label>
                <textarea name="description" class="form-control" rows="4" placeholder="Enter podcast description">{{ old('description', $podcast->description ?? '') }}</textarea>
            </div>

            <div class="mb-3">
                <label class="form-label">Label</label>
                <input type="text" name="label" class="form-control" value="{{ old('label', $podcast->label ?? '') }}"
                    placeholder="Enter podcast label (e.g., Technology)">
                @error('label')
                    <small class="text-danger">{{ $message }}</small>
                @enderror
            </div>


            <div class="mb-3">
                <label>RSS Feed URL</label>
                <input type="url" name="rss_url" class="form-control" required>
            </div>

            <div class="mb-3 form-check">
                <input type="checkbox" name="is_active" class="form-check-input" checked>
                <label class="form-check-label">Active</label>
            </div>

            <button class="btn btn-primary">Save Podcast</button>
        </form>
    </div>
@endsection