@extends('admin.layouts')

@section('title','Set SicBo Result')
@section('page_title','Set SicBo Result')

@section('content')

<div class="container-fluid">

    <div class="row justify-content-center">
        <div class="col-md-6">

            <div class="card shadow">

                <div class="card-header bg-dark text-white">
                    <h5 class="mb-0">Upcoming SicBo Result</h5>
                </div>

                <div class="card-body">

                    {{-- Current Result --}}
                    <div class="mb-4 text-center">

                        <h6>Current Upcoming Result</h6>

                        @if($upcomingResult)
                            @php
                                $dice = explode(',',$upcomingResult);
                            @endphp

                            <div class="d-flex justify-content-center gap-3 mt-2">

                                @foreach($dice as $d)
                                    <div class="border rounded p-3 fw-bold fs-4">
                                        🎲 {{ $d }}
                                    </div>
                                @endforeach

                            </div>

                        @else

                            <span class="badge bg-warning text-dark">
                                No Result Set
                            </span>

                        @endif

                    </div>

                    {{-- Form --}}
                    <form method="POST" >
                        @csrf

                        <div class="row">

                            <div class="col-md-4">
                                <label class="form-label">Dice 1</label>
                                <select name="dic1" class="form-control" required>
                                    @for($i=1;$i<=6;$i++)
                                        <option value="{{ $i }}">{{ $i }}</option>
                                    @endfor
                                </select>
                            </div>

                            <div class="col-md-4">
                                <label class="form-label">Dice 2</label>
                                <select name="dic2" class="form-control" required>
                                    @for($i=1;$i<=6;$i++)
                                        <option value="{{ $i }}">{{ $i }}</option>
                                    @endfor
                                </select>
                            </div>

                            <div class="col-md-4">
                                <label class="form-label">Dice 3</label>
                                <select name="dic3" class="form-control" required>
                                    @for($i=1;$i<=6;$i++)
                                        <option value="{{ $i }}">{{ $i }}</option>
                                    @endfor
                                </select>
                            </div>

                        </div>

                        <div class="mt-4 text-center">
                            <button class="btn btn-success px-5">
                                Set Result
                            </button>
                        </div>

                    </form>

                </div>

            </div>

        </div>
    </div>

</div>

@endsection