tippspiel/pfosten/resources/views/tipps/edit4.blade.php

@extends('layouts.layout')

@section('content')
    <div class="container">

        <h1>{{$round->name}}</h1>

        <p>&nbsp;</p>


        <div >
            <form method="POST" action="/tipps/store4">
                {{ csrf_field() }}
                <!-- 1 -->
                    <div>
                        <h3>
                            <span style="float:left; width:200px;">{{ $game1->team1 }} &nbsp; : &nbsp; </span>
                            <span style="float:left; width:200px;">{{ $game1->team2 }}</span>

                            <input style="float:left; width:50px;" type="text" class="lead" id=""  name="score1_1" value="{{ $tipp1->score1==-1? '': $tipp1->score1 }}" required>
                            <p style="float:left; width:25px;">&nbsp; : &nbsp;</p>
                            <input style="float:left; width:50px;" type="text" class="lead" id=""  name="score2_1" value="{{ $tipp1->score2==-1? '': $tipp1->score2 }}" required>
                            <label class="lead" style="float:left; width:50px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Joker &nbsp;</label>
                        </h3>
                    </div>

                    <span >
                        <input type="checkbox" name="joker_1" id="joker_1" @if($tipp1->joker===1) checked @endif>
                    </span>
                    <input type="hidden" name="tipp_id_1" value="{{ $tipp1->id }}">
                    <input type="hidden" name="game_id_1" value="{{ $game1->id }}">
                    <!-- round_id is the same for all 4 games. -->
                    <input type="hidden" name="round_id" value="{{ $game1->round_id }}">



                <!-- 2 -->

                <h1>&nbsp;</h1>
                    <div>
                        <h3>
                            <span style="float:left; width:200px;">{{ $game2->team1 }} &nbsp; : &nbsp; </span>
                            <span style="float:left; width:200px;">{{ $game2->team2 }}</span>

                            <input style="float:left; width:50px;" type="text" class="lead" id=""  name="score1_2" value="{{ $tipp2->score1==-1? '': $tipp2->score1 }}" required>
                            <p style="float:left; width:25px;">&nbsp; : &nbsp;</p>
                            <input style="float:left; width:50px;" type="text" class="lead" id=""  name="score2_2" value="{{ $tipp2->score2==-1? '': $tipp2->score2 }}" required>
                            <label class="lead" style="float:left; width:50px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Joker &nbsp;</label>
                        </h3>
                    </div>

                    <span >
                        <input type="checkbox" name="joker_2" id="joker_2" @if($tipp2->joker===1) checked @endif>
                    </span>
                    <input type="hidden" name="tipp_id_2" value="{{ $tipp2->id }}">
                    <input type="hidden" name="game_id_2" value="{{ $game2->id }}">


                <!-- 3 -->
                    <h1>&nbsp;</h1>
                    <div>
                        <h3>
                            <span style="float:left; width:200px;">{{ $game3->team1 }} &nbsp; : &nbsp; </span>
                            <span style="float:left; width:200px;">{{ $game3->team2 }}</span>

                            <input style="float:left; width:50px;" type="text" class="lead" id=""  name="score1_3" value="{{ $tipp3->score1==-1? '': $tipp3->score1 }}" required>
                            <p style="float:left; width:25px;">&nbsp; : &nbsp;</p>
                            <input style="float:left; width:50px;" type="text" class="lead" id=""  name="score2_3" value="{{ $tipp3->score2==-1? '': $tipp3->score2 }}" required>
                            <label class="lead" style="float:left; width:50px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Joker &nbsp;</label>
                        </h3>
                    </div>

                    <span >
                        <input type="checkbox" name="joker_3" id="joker_3" @if($tipp3->joker===1) checked @endif>
                    </span>
                    <input type="hidden" name="tipp_id_3" value="{{ $tipp3->id }}">
                    <input type="hidden" name="game_id_3" value="{{ $game3->id }}">

                <!-- 4 -->
                    <h1>&nbsp;</h1>
                    <div>
                        <h3>
                            <span style="float:left; width:200px;">{{ $game4->team1 }} &nbsp; : &nbsp; </span>
                            <span style="float:left; width:200px;">{{ $game4->team2 }}</span>

                            <input style="float:left; width:50px;" type="text" class="lead" id=""  name="score1_4" value="{{ $tipp4->score1==-1? '': $tipp4->score1 }}" required>
                            <p style="float:left; width:25px;">&nbsp; : &nbsp;</p>
                            <input style="float:left; width:50px;" type="text" class="lead" id=""  name="score2_4" value="{{ $tipp4->score2==-1? '': $tipp4->score2 }}" required>
                            <label class="lead" style="float:left; width:50px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Joker &nbsp;</label>
                        </h3>
                    </div>

                    <span >
                        <input type="checkbox" name="joker_4" id="joker_4" @if($tipp4->joker===1) checked @endif>
                    </span>
                    <input type="hidden" name="tipp_id_4" value="{{ $tipp4->id }}">
                    <input type="hidden" name="game_id_4" value="{{ $game4->id }}">

                <div class="form-group">
                    <p>&nbsp;</p>
                    <button type="submit" class="btn btn-primary">Ok</button>
                </div>

            </form>
        </div>


     </div>

<script>
    document.getElementById('joker_1').addEventListener('change', function() {
        if (this.checked) {
            document.getElementById('joker_2').checked=0;
            document.getElementById('joker_3').checked=0;
            document.getElementById('joker_4').checked=0;
        }
    });

    document.getElementById('joker_2').addEventListener('change', function() {
        if (this.checked) {
            document.getElementById('joker_1').checked=0;
            document.getElementById('joker_3').checked=0;
            document.getElementById('joker_4').checked=0;
        }
    });

    document.getElementById('joker_3').addEventListener('change', function() {
        if (this.checked) {
            document.getElementById('joker_1').checked=0;
            document.getElementById('joker_2').checked=0;
            document.getElementById('joker_4').checked=0;
        }
    });
    document.getElementById('joker_4').addEventListener('change', function() {
        if (this.checked) {
            document.getElementById('joker_1').checked=0;
            document.getElementById('joker_2').checked=0;
            document.getElementById('joker_3').checked=0;
        }
    });
    //console.log("Event Listeners initiated");
</script>
@endsection