@layout('admin/master')
@section('content')
  <section class="main-content">
    <div class="row">
        <div class="col-sm-12">
            @if(hasErrorFor('errors'))
              @!component('admin.flash-errors', {errors: getErrorFor('errors')})
            @endif
            @if(hasErrorFor('error'))
              @!component('admin.flash-error', error = getErrorFor('error') )
            @endif
            @if(flashMessage('success'))
              @!component('admin.flash-success', success = flashMessage('success') )
            @endif
            <form method="post">
            <div class="card">           
              <div class="card-body">
                  <div >
                      <h5>Edit Dispute Request</h5>
                  </div>
                  <div>
                    <div class="row">
                      <div class="col-sm-12">  
                        <div class="rowStyle" ><h4>Bet Details : </h4>
                          <div >Bet Type :  {{record.bet.bet_type.name}}</div>
                          <div >Bet Status :  {{record.bet.status }}</div>
                          <div >Bet Category :  {{capitalize(record.bet.category.name)}}</div>
                          <div >Total Members Coins :  {{record.total_member_coins}}</div>
                        </div>
                      </div>
                    
                    </div>
                    <div class="row">
                      <div class="col-sm-6">  
                        <div class="rowStyle"><h4>Disputed By : </h4> 
                        Name: {{record.user.name}} <br>
                        Email: {{record.user.email}} <br>   
                        Mobile No.: {{record.user.mobile_no}}
                        </div>
                      </div>
                      <div class="col-sm-6">
                        <div class="rowStyle"><h4>Bet Owner :  </h4> 
                        Name: {{record.bet.user.name}} <br>
                        Email: {{record.bet.user.email}} <br>   
                        Mobile No: {{record.bet.user.mobile_no}}
                        </div>
                      </div>
                    </div>
                    <div  style="margin: 20px 0px 10px 0px; background: #e0e0f1; border-radius: 10px; padding: 10px;"> <h4>Members : &nbsp;</h4>
                    @each(member in record.bet.member )                
                      
                        <div class="row" style="margin:0px 10px 00px 50px;">
                          {{member.user.name}}  <input  type="checkbox" value={{member.member_id}} name="winner_id[]" {{ member.is_admin_accept_result == 1 ? 'checked': ''}}   class="form-check-input"  ></div>
                      @endeach
                    </div>

                    <div  style="margin: 20px 0px 10px 0px; background: #e0e0f1; border-radius: 10px; padding: 10px;">
                      <h4>Bet Coin : </h4> 
                      <div >Bet Amount :  {{record.bet.bet_amount}}</div>
                      <div >Total Members :  {{record.bet.member.length }}</div>
                      <div >Total Bet Amount :   {{record.total_member_coins}}</div>
                      <div >Number of Winners :  {{record.winnerCount}}</div>
                      </div>
                    <div class="rowStyle"><b>Description:</b> <br> {{record.description}}</div>
                    @if(record.attached_files.length > 0)
                      <div class="mt-20"><b>Attached Files :  </b></div>
                      @each(media in record.attached_files)                        
                      <div ><b> <img src="{{media.filename}}" alt="" width="75"></b></div>
                      @endeach
                      
                    @endif
                    <br>                    
                      {{ csrfField() }}
                      <div class="form-group">
                        <label>Reason</label>
                        <textarea name="reason" cols="30" rows="10">{{record.reason ? record.reason : ''}}</textarea>                                        
                    </div> 
                      <div class="form-group">
                          <label>Dispute Status</label>
                          <select required name="status" class="form-control">
                              <option {{ record.status == '0' ? 'selected' : '' }} value="0">Pending</option>
                              <option {{ record.status == '1' ? 'selected' : '' }} value="1">Accept</option>                                
                              <option {{ record.status == '2' ? 'selected' : '' }} value="2">Decline</option>                                
                          </select>
                      </div>                       
                      <div class="form-group">
                          <div class="buttons">
                              <button class="btn btn-primary">Submit</button>
                          </div>
                      </div>
                  </form>
                  </div>
                </div>
              </div>
            </div>
    @include('admin.footer')
  </div>
  </section>
@endsection