@include('auth.header')

<div class="main-content">
    <div class="content">
        <div class="tab-menu">
            <a href="{{ url('news-event') }}" style="display: contents;">
                <div class="tab  active-submenu">
                    <i class="fas fa-file-invoice"></i> News & Events
                </div>
            </a>

            <a href="{{ url('news-event-list') }}" style="display: contents;">
                <div class="tab">
                    <i class="fas fa-search"></i> News & Events List
                </div>
            </a>


        </div>

        <div class="container">
            <h2>NEWS & EVENT</h2>
            <br>
            <form method="POST" action="{{ route('news.store') }}">
                @csrf

                <label for="title">NEWS TITLE:</label><br>
                <input id="title" type="text" name="title" value="{{ old('title') }}"><br>
                @error('title')
                    <span style="color:red;">{{ $message }}</span><br>
                @enderror

                <label for="details">NEWS DETAILS:</label><br>
                <textarea id="details" name="details" rows="4">{{ old('details') }}</textarea><br>
                @error('details')
                    <span style="color:red;">{{ $message }}</span><br>
                @enderror

                <button class="button green" style="width:100%;" type="submit">Save!</button>
            </form>

            <br>
            <br>
            <h2>NEWS & EVENT (SUB NEWS)</h2>
            <br>

            <form method="POST" action="{{ route('news.store2') }}" onsubmit="disableSubmitButton2()">
                @csrf
                <!-- THERAPEUTIC NAME -->
                <label for="title">SELECT TITLE</label><br>
                <select id="title" name="newsevents_id">
                    <option value="" disabled {{ old('newsevents_id') ? '' : 'selected' }}></option>
                    @foreach ($news as $title)
                        <option value="{{ $title->id }}" {{ old('newsevents_id') == $title->id ? 'selected' : '' }}>
                            {!! $title->title !!}
                        </option>
                    @endforeach
                </select><br>
                @error('newsevents_id')
                    <span style="color:red;">{{ $message }}</span>
                @enderror
                <br>


                <label for="title">NEWS TITLE:</label><br>
                <input id="title" type="text" name="title" value="{{ old('title') }}"><br>
                @error('title')
                    <span style="color:red;">{{ $message }}</span><br>
                @enderror

                <label for="details">NEWS DETAILS:</label><br>
                <textarea id="details" name="details" rows="4">{{ old('details') }}</textarea><br>
                @error('details')
                    <span style="color:red;">{{ $message }}</span><br>
                @enderror

                <button class="button green" style="width:100%;" type="submit">Save!</button>
            </form>

            <script>
                function disableSubmitButton2() {
                    document.getElementById('submitButton2').disabled = true;
                    document.getElementById('submitButton2').innerText = 'Saving...';
                }
            </script>
        </div>

    </div>
</div>

@include('auth.footer')