@extends('admin.layouts.masterlayout')
@section('content')
<script type="text/javascript">
  $(document).ready(function() {
    $('[data-toggle="tooltip"]').tooltip();
  });
</script>

<!--********************************** Content body start  ***********************************-->
<div class="content-wrapper">
  <div class="row page-titles mx-0" data-aos="fade-up">
    <div class="col-sm-6 p-md-0">
      <div class="welcome-text">
        <h4>Bot Add Screen</h4>
        <span class="ml-1">Layout</span>
      </div>
    </div>
    <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
      <ol class="breadcrumb">
        <li class="breadcrumb-item active"><a href="{{route($modelName.'.create_challenge')}}">Challenge Category</a></li>
        <li class="breadcrumb-item "><a href="javascript:void(0)">Bot Add Screen</a></li>
      </ol>
    </div>
  </div>
  <!-- row -->
  <div class="row">
    <div class="col-xl-12 col-xxl-12">
      <div class="card" data-aos="fade-up">
        <div class="card-header">
          <h4 class="card-title">Bot Add Screen</h4>
        </div>
        <div class="card-body">
          <div class="basic-form">
            {{ Form::open(['role' => 'form','id'=>'MatchAddForm','route'=>['Challenges.addBotsInChallengeAPI'],'files' => true]) }}
            <div class="form-row">
              <div class="form-group col-md-6">
                <label>Match Name:</label>
                <label class="form-check-label"> <b>{{ucwords($findmatchnames->name)}}</b></label>
              </div>
              <div class="form-group col-md-6">
                <label>Entry Fee:</label>
                <label class="form-check-label"> <b>{{$challenge->entryfee}}</b></label>
              </div>
            </div>

            <div class="form-row">
              <div class="form-group col-md-4">
                <label>Total Bots Apply :</label>
                <label class="form-check-label"> <b>{{ $totalBotsApply }}</b></label>
              </div>
              <div class="form-group col-md-4">
                <label>Total Bots Available :</label>
                <label class="form-check-label"> <b>{{ $totalBotsApply-$botsUsed }}</b></label>
              </div>
              <div class="form-group col-md-4">
                <label>Total Bots Used :</label>
                <label class="form-check-label"> <b>{{$botsUsed }}</b></label>
              </div>

            </div>

            <div class="form-row">
              <div class="form-group col-md-6">
                <label>Add Number of bots </label>
                <input type="hidden" name="challenge_id" value="{{ $challenge->id }}">
                <input type="text" class="form-control" min="0" name="number_of_bots" value="{{ $totalBotsApply }}">
              </div>
             </div>




          </div>

          <br>
          <div class="form-group col-md-6 py-2">
            <button type="submit" class="btn btn-primary">Add Bot</button>
            <button class="btn btn-gray" type="button"onclick="window.location.reload()">Cancel</button>
          </div>
          {{ Form::close() }}
        </div>
      </div>
    </div>
  </div>
</div>
</div>
<!--**********************************
  Content body end
***********************************-->


<script type="text/javascript">
  function show3() {
    if (document.getElementById("bonus").checked == true) {
      document.getElementById('bonus_precents').style.display = 'block';
    } else {
      document.getElementById('bonus_precents').style.display = 'none';
    }
  }


  function showHideGiveawayAmount(event) {
    if (event.target.checked) {
      $("#toggleGiveawayAmount").show();
    } else {
      $("#toggleGiveawayAmount").hide();
    }
  }



  function showHideOfferFields(event) {
    if (event.target.checked) {
      $("#toggleOfferFields").show();
    } else {
      $("#toggleOfferFields").hide();
    }
  }

  function showHideChampionFields(event) {
    if (event.target.checked) {
      $("#toggleChampionFields").show();
    } else {
      $("#toggleChampionFields").hide();
    }
  }

  $(document).ready(function() {
    let canUseBonus = ;
    console.log(canUseBonus);
    if (canUseBonus == 1)
      $("#bonus_precents").show();
    else
      $("#bonus_precents").hide();

    $(document).on("click", "#cancel_btn", function() {
      let href = $(".breadcrumb-item.active a").attr("href");
      window.location = href;
    });

  });
</script>
@endsection