@section('page_title')
    {{ "Composer - Training" }}
@endsection

@auth
    @include('header') 
@endauth

<section class="body-section">
    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            {{ session('success') }}
        </div>
    @endif
    @if (session('error'))
        <div class="col-sm-12">
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
            </div>
        </div>
    @endif

<div class="content-width-container split-view">
    @include('left-split-view')
    <div class="primary-content-container">
        <div class="input-form">
            <form name="training-data-form" action="{{ route('insert-data') }}" method="POST">
                @csrf
                <div class="training-headline-container">
                    <label for="headline">Headline</label>
                    <input type="text" id="headline" name="headline" class="text-input-form w-input" placeholder="Insert Headline">
                    @error('headline')
                        <div class="alert alert-danger">{{$message}}</div>
                    @enderror
                </div>
                <div class="training-article-container">
                    <label for="full-article">Full Article</label>
                    <textarea id="full-article" class="text-input-form w-input article-textarea" name="article" placeholder="Insert Full Article" rows="15"></textarea>
                    @error('article')
                        <div class="alert alert-danger">{{$message}}</div>
                    @enderror
                </div>
                <button type="submit" class="button button-shadow purple-gradient w-inline-block">
                    <div class="button-label white-text">&nbsp;Insert&nbsp;</div>
                </button>              
            </form>
        </div>
    </div>
</div>
</section>
    <style>
    .training-headline-container label,
    .training-article-container label {
        margin-bottom: 5px;
        float: left;
    }
    .article-textarea {
        width: 700px;
        height: 250px;
    }
    .training-headline-container input,
    .training-article-container textarea {
        padding: 10px;
    }
    </style>
      
@include('footer')