@extends('layouts.app')

@section('content')
    <script>
        var token = "{{ Session::token() }}";

    </script>
    <div class="container courses-container">
        <div class="panel panel-default panel-bg">
            <div class="panel-heading">News</div>
            <div class="panel-body">
                <div align="center" class="hidden" id="newsspinner"><i
                            class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
                    <span class="sr-only">Loading...</span><br>
                    Wird gesendet
                    <hr>
                </div>
                {!! $content !!}
            </div>
        </div>
    </div>


    <div id="uploadNewsModal" tabindex="-1" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">News erstellen</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-1 no-padding"></div>
                        <div class="col-lg-10 no-padding">
                            <!-- <form action="//url('/pictures/file/1')"
                                   class="dropzone"
                                   id="my-awesome-dropzone"></form>-->
                            <div>
                                <label for="titel">Titel:</label>
                                <input type="text" class="form-control" id="titel" required>
                                <div class="hidden alert alert-danger" id="titleaus">Bitte ausfüllen!</div>
                                <br>
                                <label for="comment">Nachricht:</label>
                                <textarea  class="form-control" rows="6" id="comment" required>
                                </textarea>
                                <div class="hidden alert alert-danger" id="commentaus">Bitte ausfüllen!</div>
                            </div>
                            <br>
                            <h6>Ziehen Sie die Bilder in die Box oder klicken Sie darauf um Bilder
                                hochzuladen(optional).</h6>
                            <br>
                            <div class="dropzone" id="dropzoneFileUpload3"></div>
                        </div>

                    </div>
                    <br>
                    <div class="row">
                        <div class="col-lg-1 no-padding"></div>
                        <div class="col-lg-10 no-padding">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="fromNews">Gültig ab:</label>
                                    <input type="date" id="fromNews" class="form-control">
                                </div>
                                <div class="col-md-6">
                                    <label for="toNews">Gültig bis:</label>
                                    <input type="date" id="toNews" class="form-control">
                                </div>
                            </div>
                            <div class="hidden alert alert-danger" id="fromtoaus">Bitte ausfüllen!</div>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-lg-1 no-padding"><input type="hidden" value="{{$companies->count()}}" id="companiesCount"></div>
                        <div class="col-lg-10 no-padding">
                            <div class="hidden alert alert-danger" id="studaus">Kein Kunde gewählt!</div>
                            @foreach($companies as $key => $companie)
                                <div class="col-md-4">
                                    <input class="pointerCursor" type='checkbox' name="stud{{$key}}" data-id="{{$companie->id}}"
                                           id="stud{{$key}}"/> <label for="stud{{$key}}"
                                                                             class="pointerCursor">{{$companie->short}}</label>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <br>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success" id="hochladenButton"><i
                                    class="fa fa-check" aria-hidden="true"></i> Posten
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="uploadSuccessModal" tabindex="-1" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-success">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Erfolg!</h4>
                </div>
                <div class="modal-body">
                    <br>
                    <p>Erfolgreich gepostet!</p>
                    <br>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success" data-dismiss="modal" id="okModalNews"> Ok
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="deleteNewsModal" tabindex="-1" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-danger">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Bild löschen</h4>
                </div>
                <div class="modal-body">
                    <p>Wollen Sie diese News wirklich löschen?</p>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal"> Abbrechen
                        </button>
                        <button type="button" class="btn btn-danger newsDeleteSubmit" data-dismiss="modal">Löschen
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection