@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-header card-default">
                   <h3><b>Edit Dispute</b></h3>
                </div>
                <div class="card">
                 <div class="card-body">
                    
            <div class="row">
                <div class="col-sm-8">  
                  <input type="hidden" name="bet_id" value={{record.bet_id}}> 
                <div class="rowStyle" ><h4><b>Bet Details</b> : </h4>
                    <div >Bet Type :  {{record.bet.type.title}}</div>
                    <div >Bet Status :  {{record.bet.bet_status  }}</div>
                    <div >Bet Category :  {{capitalize(record.bet.category.title)}}</div>
                    <div >Total Winning Coins :  {{record.bet.amount * 2}}</div>
                </div>
                </div>
                <div class="col-sm-4">  
                  <div class="rowStyle"><h4><b>Bet Owner</b> :  </h4> 
                Name: {{record.bet.creator.name}} <br>
                Email: {{record.bet.creator.email}} <br>   
                Mobile No: {{record.bet.creator.mobile_no}}
                </div>
        </div>
        <div class="col-sm-6">
          
        </div>
      </div>
      <div class="row" style="margin: 10px 0px 10px 0px;  border-radius: 10px; ">
        <div></div>
        <div class="col-sm-5" style="margin: 20px 0px 10px 0px; background: #e0e0f1; border-radius: 10px; padding: 10px; text-align:center" >
          <div  > <h4><b>Winner</b>  &nbsp;</h4>
            <div><img src={{ record.bet.result.winner.image_url ? BaseURL+ record.bet.result.winner.image_url : BaseURL+'images/user-placeholder.jpg'}} alt="" width="75" height="75"></div>
            Name: {{record.bet.result.winner.name}} <br>
            Email: {{record.bet.result.winner.email}} <br>   
            Mobile No: {{record.bet.result.winner.mobile_no}}                
        </div>
        </div>
        <div class="col-sm-5" style="margin: 20px 0px 10px 100px; background: #e0e0f1; border-radius: 10px; padding: 10px; text-align:center"> 
          <div> <h4><b>Disputed By </b> &nbsp;</h4>       
            <div><img src={{ record.user.image_url ? BaseURL+record.user.image_url : BaseURL+'images/user-placeholder.jpg'  }} alt="" width="75" height="75"></div>
            <div>Name: {{record.user.name}}</div> 
            <div> Email: {{record.user.email}}</div>
            <div>Mobile No: {{record.user.mobile_no}} </div>
      </div>
    </div>
      </div>
      <div class="row" style="margin: 10px 0px 0px 0px; ">
        <div class="col-sm-5" style="margin: 10px 0px 00px 0px; background: #e0e0f1; border-radius: 10px; padding: 10px;">
          <b>Dispute Submitted On</b>:  <br> {{ record.created_at }} 
        </div>
        <div class="col-sm-6"></div>
      </div>
     
      @if(record.attached_files.length > 0)
        <div class="mt-20"><b><b>Attached Files</b> :  </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><b>Reason</b></label>
          <div style="width:100%; height:100px;background: #e0e0f1; padding:10px">{{record.reason ? record.reason : ''}}</div>
      </div> 
        <div class="form-group">
            <label><b>Dispute Status</b></label>
            <select required name="status" {{ record.status == '1' ? 'disabled' : record.status == '2' ? 'disabled' : '' }}  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>   
        <input type="hidden" name="winner_id" value={{ record.bet.result.winner_id }}>                    
        <input type="hidden" name="looser_id" value={{ record.bet.result.looser_id }}>                    
        <div class="form-group">
            <div class="buttons">
                <button   class="btn btn-primary">Submit</button>
            </div>
        </div>
   
    </div>
  </div>
</div> 
</form>
</div>
</div>
</div>
    </div>
    @include('admin.footer')
  </section>
@endsection