@extends('layouts.layout')

@section('content')
    <section class="text-center container">
        <div class="lead col-md-12" ><h2>Mail</h2></div>

        <p>&nbsp;</p>









        <form method="POST" action="/roundmails/send" class="text-center col-md-12">
            {{ csrf_field() }}


            <div class="col-md-12">
                <label class="col-md-2" style="width:200px;">Datum der Mail</label>
                <input class="col-md-8" style="width:400px" value="xxxxxxx" readonly></input>
            </div>
            <p>&nbsp;</p>

            <div class="col-md-12">
                <label class="col-md-2" style="width:200px;">Thema:</label>
                <input class="col-md-8" style="width:400px" name="topic" value="">
            </div>


            <p>&nbsp;</p>


            <label>Empfänger:</label>
            <p>&nbsp;</p>
            <textarea id="recipients" name="recipients" class="form-control" style="min-height:150px;height:auto;">dummy@doof.de</textarea>


            <p>&nbsp;</p>




            <button onClick="setAdminRecipient(); return false;">Alle Administatoren</button>&nbsp;
            <button onClick="setActiveRecipient(); return false;">Alle aktiven Spieler</button>&nbsp;
            <button onClick="setInactiveRecipient(); return false;">Alle inaktiven Spieler (keine Zahlung)</button>&nbsp;
            <button onClick="setMissingRecipient(); return false;">Alle Spieler mit fehlenden Eingaben</button>&nbsp;


            <p>&nbsp;</p>
            <label>Nachricht</label>
            <textarea name="message" class="form-control" style="min-height:250px;height:auto;">I am a message text</textarea>


            <p></p>
            <div class="form-group">
                <button type="submit" class="btn btn-primary">Senden</button>
            </div>
        </form>


        <script type="text/javascript">
            function setAdminRecipient()
            {
                var elem = document.getElementById("recipients");
                elem.innerHTML = "{{ $adminMailList }}";
            }

            function setActiveRecipient()
            {
                var elem = document.getElementById("recipients");
                elem.innerHTML = "{{ $activeMailList }}";
            }

            function setInactiveRecipient()
            {
                var elem = document.getElementById("recipients");
                elem.innerHTML = "{{ $inactiveMailList }}";
            }

            function setMissingRecipient()
            {
                var elem = document.getElementById("recipients");
                elem.innerHTML = "{{ $missingMailList }}";
            }
        </script>


    </section>
@endsection