@extends('new_layouts.app')
@section('content')

<style>
    .yellow-box{
        background-color: red;
        background-image:unset;
    }
    .select-width{
        width: 44%;
    }
    header .osahan-header{
        display:none!important;
    }
</style>

<div class="notification d-flex flex-column vh-100">
<div class="d-flex  main-head align-items-center justify-content-between mb-auto p-3  shadow-lg osahan-header">
            <a href="javascript: history.go(-1)" class="text-white icon back-arrow">
            <img width="12" height="12" src="https://img.icons8.com/ios-filled/50/FFFFFF/back.png" alt="back"></a>
            <h6 class="mb-0 w-100 text-center fw-bold text-white">My Match</h6>
          
         </div>
         <div class="vh-100 my-auto overflow-auto body-fix-osahan-footer ">
            <div class="container">
               <!-- <h6 class=" fw-bold text-black pb-2  mb-0">Notification</h6> -->
               <!--<h6 class=" fw-bold text-white p-3 mb-0 text-center">My Match</h6>-->
               <form action="{{ url('match') }}" class=" mb-3 pb-2" method="Post">
                @csrf
          <div class="">
            <div class="d-flex gap-1  p-3 justify-content-between flex-wrap mb-2">

                        {!! Form::select('name', ['' => '--Select --'] + $data, old('name'), [
                            'class' => 'form-select select-width',
                            'required',
                        ]) !!}
            <select class="form-select select-width" name="type" style="height: 38px;" required="" aria-label="Default select example">
            <option value="Select">Select</option>
                              <option value="jodi">Jodi</option>
                              <option value="haroop">Haroop</option>
                           
                          </select>
                          <input type="date" id="date" name="date" class="text-dark float-end d-block rounded-3 custom-date mb-2">
                          <button type="submit" class=" yellow-common-btn mb-3  text-white m-auto d-block " style="padding: 4px 26px;  width: fit-content;"> Find Match</button>
                       
             
            </div>
            
      
          </div>
          </form>
          @if(count($game) !="0")
          @foreach ($game as $r)
            <div class="link-dark bg-grey chat-as rounded-4 p-2 shadow-sm text-white position-relative overflow-hidden w-100">
                  <div class="d-flex align-items-center  justify-content-start mb-auto gap-2 ">
                     <i class="img-icon m-0">
                        <img src="uploads/game/1700144272-download.png" class="card-img-top top-product-img m-auto" alt="..." height="100%" width="100%"> </i>
                     <p class=" large pt-2 title mb-0">{{$r->name}}<br> <span class="winner">Winner Number</span></p>

                     <button href="#" class=" position-absolute btn-right  ">{{ $r->result_number }}</button>
                  </div>
               </div>
@endforeach
@else
            <div class="bg-grey p-5 m-4 text-center rounded-3">
               <img src="https://dakshgroup.in/Gaming_app/public/uploads/no-data.png" width="100%" height="100%" class="no-data mb-2"> 
               <h6 class="m-0">No bet found</h6>
               <p class="text-38 f-12">There is no any bet placed yet</p>
               </div>
           
           @endif
            </div>
       
         </div>
     
@endsection