@extends('layouts.app')

@section('title', 'Search Page')
@section('idname', 'single')

@section('content')

<div class="container" style="margin-top: 100px; margin-bottom: 100px;">
    <h2 class="mb-4">Search Page</h2>
@if(session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </div>
@endif
    <form action="{{ route('acrcloud.result') }}" method="post">
        @csrf
        <div class="form-group">
            <label for="track" class="form-label">Search Track:</label>
            <div class="input-group">
                <input type="text" name="track" id="track" class="form-control" placeholder="Artist + Title, Example: Eminem + River" required>
                <div class="input-group-append">
                    <button type="submit" class="btn btn-red register">Create Link</button>
                </div>
            </div>
        </div>
    </form>
</div>

@endsection