@extends('new_app.header')
@section('content')
<style>
    .home {
        padding: 0px;
    }
</style>




<section class="container-fluid p-3 shadow bg-body radius-8 mt-3">
    <form action="{{ route('filter.bet.history') }}" method="POST" id="filter-bet-history-form">
        @csrf
        <div class="container-fluid p-0">
            <div class="d-flex flex-column mb-4">
                <div>
                    <label for="date">Date</label>
                    <input type="date" name="date" class="input-field d-block" id="date">
                </div>

                <div>
                    <label for="market">Market</label>
                    <select class="input-field d-block" name="game_id" id="market">
                        <option value="">Select Market</option>
                        @foreach ($games as $game)
                            <option value="{{ $game->id }}">{{ $game->game_name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </form>
    <div class="table-responsive">
        <table class="table table-bordered">
            <thead class="table-dark">
                <tr>
                    <th>S.No</th>
                    <th>Date</th>
                    <th>Bid_Detail</th>
                    <th>Total</th>
                    <th>Win</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody id="bet-history">
                @if ($bets->count() > 0)
                @php $i = 0; @endphp

                @foreach ($bets as $bet)
                @php $i++; @endphp

                <tr>
                    <td>{{ $i }}</td>
                    <td class="text-info">{{ \Carbon\Carbon::parse($bet->date)->format('d-m-y') }}</td>
                    <td >
                       <span class="text-success"> {{ $bet->game->game_name ?? 'N/A' }}</span>
                    </br>
                    <span class="text-primary">
                        @if ($bet->game_type_full=="Tap-Play"||$bet->game_type_full=="Copy-Paste"||$bet->game_type_full=="Num-to-Num"||$bet->game_type_full=="Crossing"||$bet->game_type_full=="Bahar"||$bet->game_type_full=="Ander"||$bet->game_type_full=="Manual-Jodi"||$bet->game_type_full=="Jodi")
                            {{ $bet->game_type_full }}
                        @else
                            @if (!empty($bet->game_type))
                                @if ($bet->game_type == "jodi")
                                    Jodi
                                @elseif ($bet->game_type == "a")
                                    Ander
                                @elseif ($bet->game_type == "b")
                                    Bhaar
                                @else
                                    N/A
                                @endif
                            @else
                                N/A
                            @endif
                        @endif
                    </span>

                    </br>

                        [ {{ $bet->bid_game_number ?? 'N/A' }} ]

                    </td>
                    <td>₹ {{ $bet->bid_amount }}</td>
                    <td>₹ {{ $bet->win_amount ?? 'N/A' }}</td>

<td>
    @php
        $status = 'pending'; // Default status

        if ($bet->status == 'win') {
            $status = 'win';
        } elseif ($bet->status == 'loose') {
            $status = 'loose';
        } elseif ($bet->status == 'cancelled') {
            $status = 'cancelled';
        }
    @endphp

    <span class="badge
        {{
            $status == 'win' ? 'bg-success' :
            ($status == 'loose' ? 'bg-danger' :
            ($status == 'cancelled' ? 'bg-warning' : 'bg-info'))
        }}">
        {{ ucfirst($status) }}
    </span>
</td>

                </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="7" class="text-center">No Data Found</td>
                </tr>
                @endif
            </tbody>


        </table>
    </div>
</section>
<style>
    .table {
        background-color: #2196F3;

    }

    .form-control {
        border-radius: 4px;
    }

    .btn-link {
        color: #0dcaf0;
    }

    .content-wrapper {
        padding: 5px;
    }

    th {
        font-size: 13px;

        text-align: center;
    }

    td {
        font-size: 13px;
        text-align: center;
        font-weight: 800;
    }
    .table>:not(caption)>*>* {
        padding: 10px 2px;
    }
</style>

<script>
  $(document).ready(function () {
    function fetchFilteredBets() {
        let date = $("#date").val();
        let game_id = $("#market").val();

        $.ajax({
            url: "{{ route('filter.bet.history2') }}",
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                date: date,
                game_id: game_id
            },
            success: function (response) {
                $("#bet-history").html(response); // `tbody` को अपडेट करें
            }
        });
    }

    $("#date, #market").on("change", function () {
        fetchFilteredBets();
    });
});
</script>
@endsection