@extends('layouts.layout')

@section('content')
    <div class="col-md-8">
        @if($currentSeason==null)
            <h1>Bitte zuerst eine Saison erstellen</h1>
        @endif
        <h1>Runde erstellen für Saison:{{ $currentSeason->name }}</h1>


            <form method="POST" action="/rounds/store">
                {{ csrf_field() }}
                <div class="form-group">
                    <label for="name">Name:</label>
                    <input type="text" class="form-control" id="name"  name="name" required>
                </div>

                <div class="form-group" >
                    <label class="lead">Spiel 1</label>
                    <span class="form-group" style="float:right;width:400px;">

                        <label for="game1_team1">Team 1:</label>
                        <input type="text" class="form-control"  id="game1_team1"  name="game1_team1" required>

                        <label for="game1_team2">Team 2:</label>
                        <input type="text" class="form-control"  id="game1_team2"  name="game1_team2" required>

                        <label for="game1_kickoff">Anstoss:</label>

                        <div class='input-group has_datetimepicker' id='datetimepicker1'>
                            <input style="float:left;width:150px" type="text" class="form-control" id="game1_kickoff"  name="game1_kickoff" required>
                            <span class="input-group-addon" style="float:left;width:50px;">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </span>


                    </span>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                </div>

                <div class="form-group" >
                    <label class="lead">Spiel 2</label>
                    <span class="form-group" style="float:right;width:400px;">

                        <label for="game2_team1">Team 1:</label>
                        <input type="text" class="form-control"  id="game2_team1"  name="game2_team1" required>

                        <label for="game1_team1">Team 2:</label>
                        <input type="text" class="form-control"  id="game2_team2"  name="game2_team2" required>

                        <label for="game2_kickoff">Anstoss:</label>

                        <div class='input-group has_datetimepicker' id='datetimepicker2'>
                            <input style="float:left;width:150px" type="text" class="form-control" id="game2_kickoff"  name="game2_kickoff" required>
                            <span class="input-group-addon" style="float:left;width:50px;">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </span>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                </div>

                <div class="form-group" >
                    <label class="lead">Spiel 3</label>
                    <span class="form-group" style="float:right;width:400px;">

                        <label for="game3_team1">Team 1:</label>
                        <input type="text" class="form-control"  id="game3_team1"  name="game3_team1" required>

                        <label for="game3_team2">Team 2:</label>
                        <input type="text" class="form-control"  id="game3_team2_name"  name="game3_team2" required>

                        <label for="game3_kickoff">Anstoss:</label>

                        <div class='input-group has_datetimepicker' id='datetimepicker2'>
                            <input style="float:left;width:150px" type="text" class="form-control" id="game3_kickoff"  name="game3_kickoff" required>
                            <span class="input-group-addon" style="float:left;width:50px;">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>

                    </span>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                </div>

                <div class="form-group" >
                    <label class="lead">Spiel 4</label>
                    <span class="form-group" style="float:right;width:400px;">

                        <label for="game4_team1">Team 1:</label>
                        <input type="text" class="form-control"  id="game4_team1"  name="game4_team1" required>

                        <label for="game4_team2">Team 2:</label>
                        <input type="text" class="form-control"  id="game4_team2"  name="game4_team2" required>

                        <label for="game4_kickoff">Anstoss:</label>

                         <div class='input-group has_datetimepicker' id='datetimepicker2'>
                            <input style="float:left;width:150px" type="text" class="form-control" id="game4_kickoff"  name="game4_kickoff" required>
                            <span class="input-group-addon" style="float:left;width:50px;">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </span>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                </div>

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


    </div>
@endsection