@extends('admin.layouts.default')
@section('content')


 <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous"> -->

 <!-- <style>
  /* body{
    background-color: #dfdfdf;
  } */

  /* .container {
    max-width: 960px;
    margin: 30px auto;
    padding: 20px;
  } */
  h1 {
    font-size: 20px;
    text-align: center;
    margin: 20px 0 20px;
  }
  h1 small {
    display: block;
    font-size: 15px;
    padding-top: 8px;
    color: gray;
  }
  .avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 50px auto;
  }
  .avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
  }
  .avatar-upload .avatar-edit input {
    display: none;
  }
  .avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
  }
  .avatar-upload .avatar-edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
  }
  .avatar-upload .avatar-edit input + label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
  }
  .avatar-upload .avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  }
  .avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .container2 .btn {
      position: absolute;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);

      color: white;
      font-size: 16px;

      border: none;
      cursor: pointer;
      border-radius: 5px;
      text-align: center;
  }
  #image {
    display: block;
    /* This rule is very important, please don't ignore this */
    max-width: 100%;
}

</style> -->
<style>
.lbl_frmlast{
    width: 65%;
    float: left;
    padding-right: 1em;
}
</style>

<!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.css"/>

<!--********************************** Content body start  ***********************************-->
<div class="container-fluid">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">

        </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.'.view')}}">All Payment Detail</a></li>
                <li class="breadcrumb-item">Add</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">Add Payment Detail</h4>

                </div>
                <div class="card-body">
                    <div class="basic-form">
                        {{ Form::open(['role' => 'form','id'=>'playerAddForm','route'=>[$modelName.'.addpayment'], 'files' => true]) }}

                        <div class="form-row">

                          <div class="form-group col-md-6">
                              <label class="lbl_frm py-2">Select Gateway</label>
                              <select class="form-control in_text sport_types" id="test" name="name">
                                  <option value="">Select Gateway</option>
                                  @foreach($gatwaymaster as $gatewayname)
                                    <option value="{{$gatewayname->gateway_key.'_'.'PAYMENT'}}">{{$gatewayname->Name}}</option>
                                    @endforeach

                              </select>

                                  @if ($message = Session::get('success'))
                                    <div class="error-message help-inline">
                                      {{ $message }}
                                    </div>
                                  @endif
                          </div>












                          <div class="form-group col-md-6">
                              <label class="lbl_frm py-2"> Notify Url</label>
                              <input class="form-control in_text" autocomplete="off" placeholder="Enter Notify Url" id="player_name" name="url" type="text" value="{{ old('url') }}"><br>
                              <div class="error-message help-inline">
                                {{$errors->first('url')}}
                              </div>
                          </div>




                        </div>



                        <div class="form-row" id="razorpayOpen">
                                <div class="form-group col-md-4">
                                  <label class="lbl_frm py-2">Merchant Key</label>
                                  <input class="form-control in_text" autocomplete="off" placeholder="Enter Merchant Key" id="player_name" name="merchant_key" type="text" value="{{ old('merchant_key') }}"><br>
                                  <!-- <div class="error-message help-inline">
                                    {{$errors->first('merchant_key')}}
                                  </div> -->


                                </div>

                                <div class="form-group col-md-4">
                                  <label class="lbl_frm py-2">Key Id</label>
                                  <input class="form-control in_text" autocomplete="off" placeholder="Enter Key Id" id="player_name" name="merchant_id" type="text" value="{{ old('merchant_id') }}"><br>
                                  <!-- <div class="error-message help-inline">
                                    {{$errors->first('url')}}
                                  </div> -->


                                </div>

                                <div class="form-group col-md-4">
                                  <label class="lbl_frm py-2">Secret Key</label>
                                  <input  type="text" name="secret_key" class="form-control in_text" autocomplete="off" placeholder="Enter Secret Key" value="{{ old('secret_key') }}"><br>



                                </div>
                      </div>





                      <!-- cashfree -->

                      <div class="form-row" id="cashfreeOpen">
                              <div class="form-group col-md-6">
                                <label class="lbl_frm py-2"> App Id</label>
                                <input class="form-control in_text" autocomplete="off" placeholder="Enter App Id" id="player_name" name="app_id" type="text" value="{{ old('app_id') }}"><br>
                                <!-- <div class="error-message help-inline">
                                  {{$errors->first('merchant_key')}}
                                </div> -->


                              </div>

                              <div class="form-group col-md-6" id="razorpayOpen">
                                <label class="lbl_frm py-2">Secret Key</label>
                                <input class="form-control in_text" autocomplete="off" placeholder="Enter Secret Key"  name="secret_keytwo" type="text" value="{{ old('secret_keytwo') }}"><br>
                                <!-- <div class="error-message help-inline">
                                  {{$errors->first('url')}}
                                </div> -->


                              </div>


                      </div>

                      <!-- paytem -->



                      <!-- pay you money -->

                      <div class="form-row" id="payuOpen">

                              <div class="form-group col-md-6">
                                <label class="lbl_frm py-2">Merchant Key</label>
                                <input class="form-control in_text" autocomplete="off" placeholder="Enter Merchant Key"  name="merchant_keythree" type="text" value="{{ old('merchant_keythree') }}"><br>
                                <!-- <div class="error-message help-inline">
                                  {{$errors->first('url')}}
                                </div> -->


                              </div>
                              <div class="form-group col-md-6">
                                <label class="lbl_frm py-2"> Merchant Salt</label>
                                <input class="form-control in_text" autocomplete="off" placeholder="Enter Merchant Salt" id="player_name" name="merchant_salt" type="text" value="{{ old('merchant_salt') }}"><br>
                                <!-- <div class="error-message help-inline">
                                  {{$errors->first('merchant_key')}}
                                </div> -->


                              </div>



                      </div>
                      <!-- paytem -->

                        <div class="form-row" id="paytmOpen">
                                <div class="form-group col-md-6">
                                  <label class="lbl_frm py-2"> Merchant Id</label>
                                  <input class="form-control in_text" autocomplete="off" placeholder="Enter Merchant Id" id="player_name" name="merchant_idtwo" type="text" value="{{ old('merchant_idtwo') }}"><br>
                                  <!-- <div class="error-message help-inline">
                                    {{$errors->first('merchant_key')}}
                                  </div> -->


                                </div>

                                <div class="form-group col-md-6">
                                  <label class="lbl_frm py-2">Merchant Key</label>
                                  <input class="form-control in_text" autocomplete="off" placeholder="Enter Merchant Key" id="player_name" name="merchant_keytwo" type="text" value="{{ old('merchant_keytwo') }}"><br>
                                  <!-- <div class="error-message help-inline">
                                    {{$errors->first('url')}}
                                  </div> -->


                                </div>


                        </div>

                        <!-- pay you money -->










                        <div class="form-row">
                          <!-- <div class="form-group col-md-6">
                              <label class="lbl_frm py-2">return_url</label>
                              <input class="form-control in_text" autocomplete="off" placeholder="Enter notify_url Price Here" id="player_name" name="return_url" type="text" value="{{ old('return_url') }}">
                              <div class="error-message help-inline">
                                {{$errors->first('return_url')}}
                              </div>
                          </div> -->

                          <!-- <div class="form-group col-md-6">
                              <label class="lbl_frm py-2">Merchant Id</label>
                              <input class="form-control in_text" autocomplete="off" placeholder="Enter Merchant Id" id="player_name" name="merchant_id" type="text" value="{{ old('merchant_id') }}">
                              <div class="error-message help-inline">
                                {{$errors->first('merchant_id')}}
                              </div>
                          </div> -->
                          <div class="form-group col-md-6">
                              <label class="lbl_frm py-2">Amount Max Limit</label>
                              <input class="form-control in_text" autocomplete="off" placeholder="Enter Amount Max Limit" id="player_name" name="amount_max_limit" type="number" value="{{ old('amount_max_limit') }}">

                          </div>

                          <div class="form-group col-md-6">
                              <label class="lbl_frm py-2">Status</label>
                              <select class="form-control in_text sport_types" name="status">
                                  <option value="">Select Status</option>
                                    <option value="1">Active</option>
                                      <option value="0">InActive</option>
                              </select>
                              <div class="error-message help-inline">
                                {{$errors->first('status')}}
                              </div>
                          </div>
                        </div>


                        <!-- <div class="form-row"> -->


                          <!-- <div class="form-group col-md-6">
                              <label class="lbl_frm py-2">Merchant Key</label>
                              <input class="form-control in_text" autocomplete="off" placeholder="Enter Merchant Key" id="" name="merchant_key" type="text" value="{{ old('merchant_key') }}">
                              <div class="error-message help-inline">
                                {{$errors->first('merchant_key')}}
                              </div>
                          </div> -->






                        <!-- </div> -->
                        <div class="form-row">
                          <!-- <div class="form-group col-md-6">
                              <label class="lbl_frm py-2">mercent_username</label>
                              <input class="form-control in_text" autocomplete="off" placeholder="Enter notify_url Price Here" id="player_name" name="mercent_username" type="text" value="{{ old('mercent_username') }}">
                              <div class="error-message help-inline">
                                {{$errors->first('mercent_username')}}
                              </div>
                          </div> -->




                        </div>

                        <div class="form-row">
                          <div class="form-group col-md-6">
                              <label class="lbl_frm py-2">Amount Min Limit</label>
                              <input class="form-control in_text" autocomplete="off" placeholder="Enter Amount Min Limit" id="player_name" name="amount_min_limit" type="number" value="{{ old('amount_min_limit') }}">

                          </div>

                          <div class="form-group col-md-6">
                              <label class="lbl_frm py-2">Day Per Transaction</label>
                              <input class="form-control in_text" autocomplete="off" placeholder="Enter Day Per Transaction" id="player_name" name="day_per_transaction" type="number" value="{{ old('day_per_transaction') }}">
                              <div class="error-message help-inline">
                                {{$errors->first('day_per_transaction')}}
                              </div>
                          </div>



                        </div>













                              <input type="hidden" name="_token" value="{{csrf_token()}}">



                        <div class="py-2">
                        <button type="submit" class="btn btn-primary mr-2">Submit</button>
                        <button class="btn btn-gray" type="button" id="cancel_btn">Cancel</button>
                      </div>

                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




      <!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
      <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> -->
      <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.js"></script>
      <script>
      function checkBoxcheck() {

        var checkBox = document.getElementById("myCheck");
        var text = document.getElementById("text");
        // var Max_Deposit_Limit = document.getElementById("maxlimit");


        if (checkBox.checked == true){
          var text = document.getElementById("text").value = '1';





        } else {
          var text = document.getElementById("text").value = '0';
        }
      }
      function checkBoxchecktwo() {

        var checkBoxtwo = document.getElementById("myChecktwo");
        var texttwo = document.getElementById("texttwo");
        // var Max_Deposit_Limit = document.getElementById("maxlimit");


        if (checkBoxtwo.checked == true){
          var texttwo = document.getElementById("texttwo").value = '2';

        } else {
          var texttwo = document.getElementById("texttwo").value = '0';
        }
      }


      // new code
      $(document).ready(function(){
        $("#razorpayOpen").hide();
        $("#cashfreeOpen").hide();
        $("#paytmOpen").hide();
        $("#payuOpen").hide();


       // $(#test).on("change",function())
      $("#test").on("change",function() {
        // alert(this.value);
             if ($(this).val() === "RAZORPAY_PAYMENT") {
               $("#cashfreeOpen").hide();
               $("#paytmOpen").hide();
               $("#payuOpen").hide();
               $("#razorpayOpen").show(); // show on change
            }else if ($(this).val() === "CASHFREE_PAYMENT") {
              $("#razorpayOpen").hide();
              $("#paytmOpen").hide();
              $("#payuOpen").hide();
              $("#cashfreeOpen").show();

            }
            else if ($(this).val() === "CASHFREE_PAYMENT") {
              $("#razorpayOpen").hide();
              $("#cashfreeOpen").show();

            }
            else if ($(this).val() === "PAYTM_PAYMENT") {
              $("#razorpayOpen").hide();
              $("#cashfreeOpen").hide();
              $("#paytmOpen").show();

            }
            else if ($(this).val() === "PAYUMONEY_PAYMENT") {
              $("#razorpayOpen").hide();
              $("#cashfreeOpen").hide();
              $("#paytmOpen").hide();
              $("#payuOpen").show();

            }
         });
      });


      // end


      $('.sev_check').click(function() {
        $('.sev_check').not(this).prop('checked', false);
      });
          var $modal = $('.imagecrop');
          var image = document.getElementById('image');
          var cropper;
          $("body").on("change", ".imageUpload", function(e){
              var files = e.target.files;
              var done = function(url) {
                  image.src = url;
                  $modal.modal('show');
              };
              var reader;
              var file;
              var url;
              if (files && files.length > 0) {
                  file = files[0];
                  if (URL) {
                      done(URL.createObjectURL(file));
                  } else if (FileReader) {
                      reader = new FileReader();
                      reader.onload = function(e) {
                          done(reader.result);
                      };
                      reader.readAsDataURL(file);
                  }
              }
          });
          $modal.on('shown.bs.modal', function() {
              cropper = new Cropper(image, {
                  aspectRatio: 1,
                  viewMode: 1,
              });
          }).on('hidden.bs.modal', function() {
              cropper.destroy();
              cropper = null;
          });
          $("body").on("click", "#crop,#crop1", function() {
              canvas = cropper.getCroppedCanvas({
                  width: 160,
                  height: 160,
              });
              canvas.toBlob(function(blob) {
                  url = URL.createObjectURL(blob);
                  var reader = new FileReader();
                  reader.readAsDataURL(blob);
                  reader.onloadend = function() {
                       var base64data = reader.result;
                       $('#base64image').val(base64data);
                       // document.getElementById('imagePreview').style.backgroundImage = "url("+base64data+")";
                       $modal.modal('hide');
                  }
              });
          })

      </script>
<!-- hk end -->
<script type="text/javascript">



    $(document).ready(function(){
        $("#dob").datetimepicker({
            timepicker: false,
            format:'Y-m-d'
        });
        $(document).on("click","#cancel_btn", function(){
            let href = $(".breadcrumb-item.active a").attr("href");
            window.location = href;
        });


        $(".cricket_div").hide();
        $(".sport_types").on("change",function(){
          var sport_type = $(this).val();
          if(sport_type == 1)
          {
            var rolehtml =  '<option value="">Select Role</option>';
            rolehtml +=  '<option value="batsman">Batsman</option>';
            rolehtml +=  '<option value="bowler">Bowler</option>';
            rolehtml +=  '<option value="allrounder">All rounder</option>';
            rolehtml +=  '<option value="keeper">Wicket Keeper</option>';
            $(".roles").html(rolehtml);
            $(".cricket_div").show();
          }
          else if(sport_type == 2)
          {
            var rolehtml =  '<option value="">Select Role</option>';
            rolehtml +=  '<option value="Goalkeeper">Goalkeeper</option>';
            rolehtml +=  '<option value="Defender">Defender</option>';
            rolehtml +=  '<option value="Midfielder">Midfielder</option>';
            rolehtml +=  '<option value="Forward">Forward</option>';
            $(".roles").html(rolehtml);
            $(".cricket_div").hide();
          }
          else
          {
            var rolehtml =  '<option value="">Select Role</option>';

            $(".roles").html(rolehtml);

            $(".cricket_div").hide();
          }
        });
    });
</script>

</script>
<!--**********************************
Content body end
***********************************-->
@endsection