Add first edition of AndyTranscribe.

2026-08-12 13:59:33 +02:00
parent 9c8461405f
commit 771658040b
100 changed files with 18039 additions and 0 deletions
@@ -0,0 +1,50 @@
+@extends('layouts.app')
+
+@section('title', 'Upload recording')
+
+@section('content')
+    <div class="mb-8">
+        <h1 class="text-2xl font-semibold tracking-tight">Upload recording</h1>
+        <p class="mt-1 text-sm text-stone-600">Upload an MP3 from your pocket recorder. ID3 metadata is extracted automatically.</p>
+    </div>
+
+    <form
+        method="POST"
+        action="{{ route('recordings.store') }}"
+        enctype="multipart/form-data"
+        class="max-w-xl space-y-6 rounded border border-stone-200 bg-white p-6 shadow-sm"
+    >
+        @csrf
+
+        <div>
+            <label for="audio" class="block text-sm font-medium text-stone-700">MP3 file</label>
+            <input
+                id="audio"
+                type="file"
+                name="audio"
+                accept=".mp3,audio/mpeg"
+                required
+                class="mt-2 block w-full text-sm text-stone-600 file:mr-4 file:rounded file:border-0 file:bg-teal-50 file:px-3 file:py-2 file:text-sm file:font-medium file:text-teal-800 hover:file:bg-teal-100"
+            >
+        </div>
+
+        <div>
+            <label for="title" class="block text-sm font-medium text-stone-700">Title (optional)</label>
+            <input
+                id="title"
+                type="text"
+                name="title"
+                value="{{ old('title') }}"
+                placeholder="Leave blank to use ID3 title or filename"
+                class="mt-2 w-full rounded border border-stone-300 px-3 py-2 text-sm shadow-sm focus:border-teal-600 focus:outline-none focus:ring-1 focus:ring-teal-600"
+            >
+        </div>
+
+        <div class="flex items-center gap-3">
+            <button type="submit" class="rounded bg-teal-700 px-4 py-2 text-sm font-medium text-white hover:bg-teal-800">
+                Upload
+            </button>
+            <a href="{{ route('recordings.index') }}" class="text-sm text-stone-600 hover:underline">Cancel</a>
+        </div>
+    </form>
+@endsection