@extends('admin.layout.main')

@section('title', 'Add Bet')

@section('content')
    <div class="content-header"></div>
    <!-- main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">{{ isset($bet) ? 'Edit Bet' : 'Add Bet' }}</h3>
                            <a href="{{ route('bet.index') }}" class="btn btn-primary float-right">Back</a>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    @if(isset($bet))
                                        {!! Form::model($bet, ['route' => ['bet.update', $bet->id], 'method' => 'PUT', 'files' => true]) !!}
                                    @else
                                        {!! Form::open(['route' => 'bet.store', 'method' => 'POST', 'files' => true]) !!}
                                    @endif

                                    <!-- Title (Full Width) -->
                                    <div class="form-group">
                                        {!! Form::label('title', 'Title') !!}
                                        {!! Form::text('title', null, ['class' => 'form-control', 'required']) !!}
                                    </div>

                                    <!-- Bet Category & Amount (Half Width Each) -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::label('bet_category_id', 'Bet Category') !!}
                                                {!! Form::select('bet_category_id', $categories, $bet->bet_category_id ?? null, ['class' => 'form-control', 'placeholder' => 'Select Category']) !!}

                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::label('amount', 'Amount') !!}
                                                {!! Form::number('amount', null, ['class' => 'form-control', 'step' => '0.01', 'required']) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Team A & Team B Names (Half Width Each) -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::label('team_a_name', 'Option A Name') !!}
                                                {!! Form::text('team_a_name', null, ['class' => 'form-control']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::label('team_b_name', 'Option B Name') !!}
                                                {!! Form::text('team_b_name', null, ['class' => 'form-control']) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Team A & Team B Icons (Half Width Each) -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::label('team_a_icon', 'Team A Icon') !!}
                                                {!! Form::file('team_a_icon', ['class' => 'form-control']) !!}
                                                @if(isset($bet) && $bet->team_a_icon)
                                                    <p><img src="{{ asset('storage/'.$bet->team_a_icon) }}" alt="Team A Icon" style="max-width: 100px;"></p>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::label('team_b_icon', 'Team B Icon') !!}
                                                {!! Form::file('team_b_icon', ['class' => 'form-control']) !!}
                                                @if(isset($bet) && $bet->team_b_icon)
                                                    <p><img src="{{ asset('storage/'.$bet->team_b_icon) }}" alt="Team B Icon" style="max-width: 100px;"></p>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Start & End Date/Time (Half Width Each) -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::label('start_date_time', 'Start Date & Time') !!}
                                                {!! Form::datetimeLocal('start_date_time', isset($bet) && $bet->start_date_time instanceof \Carbon\Carbon ? $bet->start_date_time->format('Y-m-d\TH:i') : null, ['class' => 'form-control', 'required']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::label('end_date_time', 'End Date & Time') !!}
                                                {!! Form::datetimeLocal('end_date_time', isset($bet) && $bet->end_date_time instanceof \Carbon\Carbon ? $bet->end_date_time->format('Y-m-d\TH:i') : null, ['class' => 'form-control', 'required']) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Description (Full Width) -->
                                    <div class="form-group">
                                        {!! Form::label('description', 'Description') !!}
                                        {!! Form::textarea('description', null, ['class' => 'form-control']) !!}
                                    </div>

                                    <!-- Send Notification & Status (Half Width Each) -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="checkbox">
                                                    <label>
                                                        {!! Form::checkbox('send_notification', 1, null) !!} Send Notification?
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {!! Form::label('status', 'Status') !!}
                                                {!! Form::select('status', [1 => 'Active', 0 => 'Inactive'], null, ['class' => 'form-control']) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Submit Button (Full Width) -->
                                    <button type="submit" class="btn btn-success">{{ isset($bet) ? 'Update Bet' : 'Add Bet' }}</button>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                            
                            <!-- Participants Table -->
                            <h5 style="margin-top: 35px;">Participants</h5>
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>User</th>
                                        <th>Selected Option</th>
                                        <th>Amount</th>
                                        <th>Invitation Sent</th>
                                        <th>Invitation Accepted</th>
                                        <th>Payment Made</th>
                                        <th>Payment Reference ID</th>
                                        <th>Is Winner?</th>
                                        <th>Winning Amount</th>
                                        <th>Winning Payment Reference ID</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(isset($bet->betUserMapper))
                                        @foreach($bet->betUserMapper as $participant)
                                            <tr>
                                                <td>{{ isset($participant->user) ? $participant->user->name : 'NA' }}</td>
                                                <td>{{ $participant->selected_team != "" ? $participant->selected_team : 'N/A' }}</td> 
                                                <td>{{ $participant->amount ?? 'N/A' }}</td>
                                                <td>{{ $participant->invitation_sent ? 'Yes' : 'No' }}</td>
                                                <td>{{ $participant->invitation_accepted ? 'Yes' : 'No' }}</td>
                                                <td>{{ $participant->make_payment ? 'Yes' : 'No' }}</td>
                                                <td>{{ $participant->payment_referance_id ?? 'N/A' }}</td>
                                                <td>{{ $participant->is_winner ? 'Yes' : 'No' }}</td>
                                                <td>{{ $participant->winning_amount ?? 'N/A' }}</td>
                                                <td>{{ $participant->winning_payment_referance_id ?? 'N/A' }}</td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>

                            <!-- Declare Winner Button -->
                            @if(isset($bet) && !$bet->winner_declared)
                                <div class="text-center mt-3">
                                    <form action="{{ route('bet.declareWinner', $bet->id) }}" method="POST">
                                        <div class="form-group">
                                            {!! Form::label('description', 'Select Winning Option') !!}
                                            <select name="winning_team" class="form-control select2" data-allow-clear="true">
                                                <option value="team_a">Option 1</option>
                                                <option value="team_b">Option 2</option>
                                            </select>
                                        </div>
                                        @csrf
                                        <button type="submit" class=" mt-3 btn btn-warning">Declare Winner</button>
                                    </form>
                                </div>
                            @else
                                <p class="text-muted text-center">Winner has already been declared for this bet.</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection