@extends('layouts.app', ['title' => 'Invoices'])

@section('content')

    <div class="main-content">

        <div class="container-fluid mt-5">
            @if (session('status'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <span class="alert-inner--icon mr-2"><i class="fa-solid fa-check-circle"></i></span>
                    <span class="alert-inner--text">
                        {{ session('status') }}</span>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            @if (session('deleteStatus'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('deleteStatus') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            <h3 class="display-3">Alert notification</h3>
            <p class="text-muted">Display user focus alert for all users</p>

            <div class="mt-4">
                    <form id="news" action="{{ is_null($news) ? route('news.store') : route('news.update', $news->id) }}"
                        method="POST">
                        @if($news)
                            @method("PUT")
                        @endif
                        @csrf
                        <div class="pl-lg-4">
                                <div class="form-group{{ $errors->has('title') ? ' has-danger' : '' }}">
                                    <label class="form-control-label"
                                        for="input-name">Title</label>
                                    <input type="text" name="title" id="input-title"
                                        class="form-control form-control-alternative{{ $errors->has('title') ? ' is-invalid' : '' }}"
                                        placeholder="" required 
                                        value="{{old('news', $news?->title)}}" />

                                    @if ($errors->has('title'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('title') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            
                        </div>
                        <div class="pl-lg-4">
                                <div class="form-group{{ $errors->has('message') ? ' has-danger' : '' }}">
                                    <label class="form-control-label"
                                        for="input-name">Message</label>
                                    <textarea name="message" id="input-message"
                                        rows="6"
                                        class="form-control form-control-alternative{{ $errors->has('message') ? ' is-invalid' : '' }}"
                                        placeholder="" required
                                        >{{old('message', $news?->message)}}</textarea>

                                    @if ($errors->has('message'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('message') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            
                        </div>

                        <div class="pl-lg-4">
                            <div class="form-group{{ $errors->has('is_active') ? ' has-danger' : '' }}">
                                <label class="form-control-label"
                                    for="input-active">On/Off</label>
                                <select class="custom-select" id="active" name="is_active" required>
                                    <option value="1" @if(old('is_active', $news?->is_active)) selected @endif>Show</option>
                                    <option value="0" @if(!old('is_active', $news?->is_active)) selected @endif>Off</option>
                                </select>
                            </div>
                            @if ($errors->has('is_active'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('is_active') }}</strong>
                                </span>
                            @endif
                        </div>
                        <input type="hidden" name="type" value="alert" />
                        <div class="pl-lg-4">
                            <button class="btn btn-success" type="submit">
                                Save
                            </button>
                        </div>
                    </form>
            </div>
        </div>
    </div>

@endsection