@extends('layouts.master')

@section('sidebar')
    @parent

    <p>This is appended to the master sidebar.</p>
@stop

@section('content')

<!--  -->

    <!-- Start Page Content -->
    <!-- ============================================================== -->
    <div class="row">
        <!-- Column -->
        <div class="col-md-3 col-sm-10 offset-md-4 offset-sm-1">
            <div class="card">
                @if(sizeof($arrayTicket[0]['ticket_detail']) < 1 )
                <div class="card-body">
                    <h3 class="text-danger" style="text-align:center;">
                        Ticket D&eacute;fectueux
                    </h3>
                </div>
                @endif
                @if(sizeof($arrayTicket[0]['ticket_detail']) > 0 )
                <div class="card-body">
                    <div class=" mb-12" style="text-align:center;">
                        <h4 class="card-title col-md-12">
                                @foreach($tirage as $tira)
                                    {{$tira['label']}}
                                @endforeach
                        </h4>
                        <div class="col-md-12">
                           <h4 style="color:green;">
                           Resultat du Tirage<br>
                                @foreach($resultat as $resul)
                                <div class="badge badge-circle badge-success">{{str_pad($resul['lotto3'], 3, '0', STR_PAD_LEFT)}}</div>
                                <div class="badge badge-circle badge-orange">{{str_pad($resul['lot2'], 2, '0', STR_PAD_LEFT)}}</div>
                                <div class="badge badge-circle badge-inverse">{{str_pad($resul['lot3'], 2, '0', STR_PAD_LEFT)}}</div>
                                @endforeach
                                <br/>
                        </div>
                        <h5 class="">No : {{$arrayTicket[0]['ticket_number']}}</h5>
                        <h5 class="">Seq : {{$arrayTicket[0]['sequence']}} </h5>
                        <h5 class="">Banque : {{$arrayTicket[0]['name']}}</h5>
                        <h5 class="">Date : {{date('d-m-Y H:i:s',strtotime($arrayTicket[0]['dateticket']))}}</h5>
                        <br/>
                    </div>
                    <div class="table-responsive">

                        <table>
                            <tr>
                                <th>Jeu</th>
                                <th>Boule</th>
                                <th>Option</th>
                                <th>Mise</th>
                                <th>Gain</th>
                            </tr>

                            
                            @if($B==1)
                            <tr>
                                <td>Borlette</td>
                            </tr>
                            @foreach($arrayTicket[0]['ticket_detail'] as $boulkey)
                            @if($boulkey['game_id']==1)
                            <tr>
                                <td></td>
                                <td> {{str_pad($boulkey['number'], 2, '0', STR_PAD_LEFT)}} </td>
                                <td>  </td>
                                <td> {{$boulkey['bet']}} </td>
                                <td style="color:green;"> {{$boulkey['gain']}} </td>
                            </tr>
                            @endif
                            @endforeach
                            @endif

                            @if($M==1)
                            <tr>
                                <td>Mariage</td>
                            </tr>
                            @foreach($arrayTicket[0]['ticket_detail'] as $boulkey)
                            @if($boulkey['game_id']==2)
                            <tr>
                                <td></td>
                                <td>
                                                                        {{$b3}}

                                </td>
                                <td>  </td>
                                <td> {{$boulkey['bet']}} </td>
                                <td style="color:green;"> {{$boulkey['gain']}} </td>
                            </tr>
                            @endif
                            @endforeach
                            @endif

                            @if($L3==1)
                            <tr>
                                <td>Lotto 3</td>
                            </tr>
                            @foreach($arrayTicket[0]['ticket_detail'] as $boulkey)
                            @if($boulkey['game_id']==3)
                            <tr>
                                <td></td>
                                <td> {{str_pad($boulkey['number'], 3, '0', STR_PAD_LEFT)}} </td>
                                <td>  </td>
                                <td> {{$boulkey['bet']}} </td>
                                <td style="color:green;"> {{$boulkey['gain']}} </td>
                            </tr>
                            @endif
                            @endforeach
                            @endif

                            @if($L4==1)
                            <tr>
                                <td>Lotto 4</td>
                            </tr>
                            @foreach($arrayTicket[0]['ticket_detail'] as $boulkey)
                            @if($boulkey['game_id']==4)
                            <tr>
                                <td></td>
                                <td> {{str_pad($boulkey['number'], 4, '0', STR_PAD_LEFT)}} </td>
                                <td style="text-align:center;"> {{$boulkey['gameoption']}} </td>
                                <td> {{$boulkey['bet']}} </td>
                                <td style="color:green;"> {{$boulkey['gain']}} </td>
                            </tr>
                            @endif
                            @endforeach
                            @endif

                            @if($L5==1)
                            <tr>
                                <td>Lotto 5</td>
                            </tr>
                            @foreach($arrayTicket[0]['ticket_detail'] as $boulkey)
                            @if($boulkey['game_id']==5)
                            <tr>
                                <td></td>
                                <td> {{str_pad($boulkey['number'], 5, '0', STR_PAD_LEFT)}} </td>
                                <td style="text-align:center;"> {{$boulkey['gameoption']}} </td>
                                <td> {{$boulkey['bet']}} </td>
                                <td style="color:green;"> {{$boulkey['gain']}} </td>
                            </tr>
                            @endif
                            @endforeach
                            @endif
                        </table>
                        <br/>
                        <h4> Total Mise: {{$arrayTicket[0]['price']}} HTG</h4>
                        @if($arrayTicket[0]['wincheck'])
                        <h4 style="color:green;"> Total Gain: <b>{{$arrayTicket[0]['winamout']}} HTG</b></h4>
                        @endif
                    </div>
                </div>
                @endif
            </div>
        </div>
        <!-- Column -->
        <!-- Column -->

    </div>
    <!-- ============================================================== -->
    <!-- End PAge Content -->

    <script>
        // document.addEventListener('DOMContentLoaded', function () {
            function getDetails(ido){
                console.log(ido);
                const url = `https://donboscolotto.com/Apilotto/public/api/view/ticket?ticket_number=${ido}`;

                // return false;
                var xhr = new XMLHttpRequest();
                xhr.open('GET',url,true);
                xhr.responseType = 'json';
                xhr.send();
                xhr.onload = function(){
                    if(this.status===200){
                        // let detailsTicket = JSON.parse(this.responseText);
                        // console.log(detailsTicket);
                        console.log(xhr.response.TicketDetail);

                    }
                    else{
                        console.log('Error');
                    }
                }

                let boules = document.getElementById("boules-"+ido);
                console.log(boules);

            }
        // }, false);
</script>

@stop