@extends('layout.master')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/datatables-net/dataTables.bootstrap4.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/@mdi/css/materialdesignicons.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" />
@endpush

@push('custom-styles')
    <style type="text/css">

    </style>
@endpush

@section('content')
    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <form method="get" id="myFormID" action="{{ url('/history') }}">
                        <div class="forms-sample">
                            <div class="form-group row">
                                <div class="col-sm-1 text-center mt-2">Search TicketId</div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="search" placeholder="Search Ticket" />
                                    {{-- <select class="form-control" name="game">
                                        <option value="1"
                                            {{ isset($_GET['game']) ? ($_GET['game'] == 1 ? 'selected' : '') : '' }}>
                                            PlaySmart
                                        </option>
                                    </select> --}}
                                </div>
                                <div class="col-sm-2">
                                    <input class="btn btn-primary" type="submit" value="Submit">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div id="myModal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-md">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">Game Summary</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>
                </div>
                <form action="{{ url('/history') }}" method="get">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                @if (Session::get('role') != 'retailer')
                                    Username<br>
                                    <select name="username" class="form-control" required>
                                        <option value="">Select the Username</option>
                                        @foreach ($user as $value)
                                            <option value="{{ $value['_id'] }}">{{ $value['userName'] }}</option>
                                        @endforeach
                                    </select>
                                @else
                                    <input type="hidden" name="username" value="{{ Session::get('id') }}" />
                                @endif
                                <br>
                                Date From
                                <div class="input-group date datepicker" id="datePickerExample2">
                                    <input type="text" class="form-control" name="dateFrom" placeholder="From"><span
                                        class="input-group-addon"><i data-feather="calendar"></i></span>
                                </div>
                                <br>
                                Date To
                                <div class="input-group date datepicker" id="datePickerExample1">
                                    <input type="text" class="form-control" name="dateTo" placeholder="To"><span
                                        class="input-group-addon"><i data-feather="calendar"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Get Summary</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title" style="text-transform: none !important;">Player History</h6>
                    <div class="col-sm-12 d-flex justify-content-end mb-3">
                        <button type="button" class="btn btn-outline-info" data-toggle="modal"
                            data-target="#myModal">Advance Filter</button>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>SL.No</th>
                                    <th>Date</th>
                                    <th>Username</th>
                                    <th>Name</th>
                                    <th>Game Name</th>
                                    <th>TicketID</th>
                                    <th>Start Point</th>
                                    <th>Bet</th>
                                    <th>Won</th>
                                    <th>End Point</th>
                                    <th>Win Position</th>
                                    <th>x</th>
                                    <th>View</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $SR_No = 1;
                                @endphp
                                @foreach ($users as $value)
                                    <tr role="row">
                                        <td class="">{{ $SR_No++ }}</td>
                                        <td>{{ $value['DrDate'] . ' ' . $value['DrTime'] }}</td>
                                        <td>{{ $value['userName'] }}</td>
                                        <td>{{ $value['name'] }}</td>
                                        <td>{{ $value['gameName'] }}</td>
                                        <td>{{ $value['ticketId'] }}</td>
                                        <td>{{ number_format($value['startPoint'], 2) }}</td>
                                        <td>{{ number_format($value['bet'], 2) }}</td>
                                        <td>{{ number_format($value['won'], 2) }}</td>
                                        <td>{{ number_format($value['startPoint'] - $value['bet'] + $value['won'], 2) }}
                                        </td>
                                        <td>
                                            @if ($value['gameName'] == 'playSmart')
                                                <figure><img
                                                        src="
                                        {{ asset('assets/images/card/' . $value['winPosition'] . '.png') }}"
                                                        style="border-radius: 0px; width: 5%;">
                                                </figure>
                                            @elseif($value['gameName'] == 'playToWin')
                                                {{ $value['winPosition'] - 1 }}
                                            @endif
                                        </td>
                                        <td>{{ $value['x'] == 1 ? 'N' : $value['x'] . 'X' }}</td>
                                        <td>
                                            <button type="button" class="btn btn-primary mx-1" data-toggle="modal"
                                                data-target="#message{{ $value['_id'] }}">view</button>
                                            @if (empty($_GET['game']) || $_GET['game'] == 1)
                                                <div id="message{{ $value['_id'] }}" class="modal fade" role="dialog">
                                                    <div class="modal-dialog modal-xl">
                                                        <!-- Modal content-->
                                                        <div class="modal-content" style="max-width: 1140px;">
                                                            <div class="modal-header">
                                                                <h4 class="modal-title" id="myModalLabel">Play History
                                                                </h4>
                                                                <button type="button" class="close"
                                                                    data-dismiss="modal" aria-label="Close"><span
                                                                        aria-hidden="true">×</span></button>
                                                            </div>
                                                            <div class="modal-body" id="contain">
                                                                <div class="">
                                                                    <table
                                                                        class="
                                                                    table table-bordered">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td><strong>Id</strong></td>
                                                                                <td>{{ $value['_id'] }}</td>
                                                                                <td><strong>Player</strong></td>
                                                                                <td>{{ $value['userName'] }}</td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td><strong>Date</strong></td>
                                                                                <td>{{ $value['DrDate'] . ' ' . $value['DrTime'] }}
                                                                                </td>
                                                                                <td></td>
                                                                                <td></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td><strong>Bet</strong></td>
                                                                                <td>{{ number_format($value['bet'], 2) }}
                                                                                </td>
                                                                                <td><strong>Won</strong></td>
                                                                                <td>{{ number_format($value['won'], 2) }}
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td><strong>Win Position</strong></td>
                                                                                <td>
                                                                                    <figure><img
                                                                                            src="{{ asset('assets/images/card/' . $value['winPosition'] . '.png') }}"
                                                                                            style="border-radius: 0px; width: 10%;">
                                                                                    </figure>
                                                                                </td>
                                                                                <td><strong></strong></td>
                                                                                <td>

                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <div style="clear: both; height: 10px;"></div>
                                                                    <div style="clear: both; height: 10px;"></div>
                                                                    <h4>Bet Details</h4>
                                                                    <table class="table table-bordered">
                                                                        <tr>
                                                                            <th>Positions</th>
                                                                            <th>Amount</th>
                                                                        </tr>
                                                                        <tbody>
                                                                            @foreach ($value['position'] as $key => $pos)
                                                                                <tr>
                                                                                    <td>
                                                                                        <figure><img
                                                                                                src="{{ asset('assets/images/card/' . $key . '.png') }}"
                                                                                                style="border-radius: 0px; width: 5%;">
                                                                                        </figure>

                                                                                    </td>
                                                                                    <td>
                                                                                        {{ $pos }}
                                                                                    </td>
                                                                                </tr>
                                                                            @endforeach
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @elseif($_GET['game'] == 2)
                                                        <div id="message{{ $value['_id'] }}" class="modal fade"
                                                            role="dialog">
                                                            <div class="modal-dialog modal-xl">
                                                                <!-- Modal content-->
                                                                <div class="modal-content" style="max-width: 1140px;">
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title" id="myModalLabel">Play
                                                                            History
                                                                        </h4>
                                                                        <button type="button" class="close"
                                                                            data-dismiss="modal" aria-label="Close"><span
                                                                                aria-hidden="true">×</span></button>
                                                                    </div>
                                                                    <div class="modal-body" id="contain">
                                                                        <div class="">
                                                                            <table class="table-bordered">
                                                                                <tbody>
                                                                                    <tr>
                                                                                        <td><strong>Id</strong></td>
                                                                                        <td>{{ $value['_id'] }}</td>
                                                                                        <td><strong>Player</strong></td>
                                                                                        <td>{{ $value['userName'] }}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td><strong>Game</strong></td>
                                                                                        <td>playToWin </td>
                                                                                        <td><strong>Date</strong></td>
                                                                                        <td>{{ date('d-m-Y h:i:s A', strtotime($value['createdAt'])) }}
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td><strong>Bet</strong></td>
                                                                                        <td>{{ moneyFormatIndia($value['bet']) }}
                                                                                        </td>
                                                                                        <td><strong>Won</strong></td>
                                                                                        <td>{{ moneyFormatIndia($value['won']) }}
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td><strong>Win Position</strong>
                                                                                        </td>
                                                                                        <td>{{ $value['winPosition'] - 1 }}
                                                                                        </td>
                                                                                        <td><strong></strong></td>
                                                                                        <td>
                                                                                        </td>
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>

                                                                            <div style="clear: both; height: 10px;"></div>
                                                                            <div style="clear: both; height: 10px;"></div>

                                                                            <h4>Bet Details</h4>
                                                                            <table class="table table-bordered">
                                                                                <tbody>

                                                                                    <tr>
                                                                                        @for ($i = 0; $i <= 9; $i++)
                                                                                            @if ($i == $value['winPosition'] - 1)
                                                                                                <td
                                                                                                    style="background-color:green">
                                                                                                    {{ $i }}
                                                                                                </td>
                                                                                            @else
                                                                                                <td>{{ $i }}
                                                                                                </td>
                                                                                            @endif
                                                                                        @endfor
                                                                                    </tr>
                                                                                    <tr>
                                                                                        @for ($i = 1; $i <= 10; $i++)
                                                                                            @php $keys = array_keys($value['position']); @endphp
                                                                                            @if (in_array($i, $keys))
                                                                                                <td>{{ $value['position'][$i] }}
                                                                                                </td>
                                                                                            @else
                                                                                                <td>0</td>
                                                                                            @endif
                                                                                        @endfor
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="mt-3">{{ $users->links() }}</div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net-bs4/dataTables.bootstrap4.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/data-table.js') }}"></script>
    <script src="{{ asset('assets/js/datepicker.js') }}"></script>
    <script type="text/javascript">
        $("#datePickerExample2").datepicker();
        $("#datePickerExample1").datepicker();
    </script>
@endpush