@extends('admin.layouts.default')
@section('content')
<script type="text/javascript">
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>
<!--********************************* 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">
            <!-- <div class="welcome-text">
                <h4>Edit Player</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.'.view')}}">All Payout</a></li>
                <li class="breadcrumb-item">Edit</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">Edit Payout Detail</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        {{ Form::open(['role' => 'form','id'=>'playerEditForm','route'=>[$modelName.'.update',($player->id)], 'files' => true]) }}
                        <!-- <form action="{{ url('update-bonus/'.$player->id) }}" id="playerEditForm"  method="POST"> -->
                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Url</label>
                                    <input class="form-control in_text" autocomplete="off" placeholder="enter url here" id="player_name" name="url" type="text" value="{{$player->url}}">
                                    <div class="error-message help-inline">
                                      {{$errors->first('url')}}
                                    </div>
                                </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 here" id="player_name" name="notify_url" type="text" value="{{$player->notify_url}}">
                                    <div class="error-message help-inline">
                                      {{$errors->first('notify_url')}}
                                    </div>
                                </div>

                              </div>
                              <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 return url here" id="player_name" name="return_url" type="text" value="{{$player->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 Key</label>
                                    <input class="form-control in_text" autocomplete="off" placeholder="enter merchant key here" id="player_name" name="merchant_key" type="text" value="{{$player->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">Merchant Id</label>
                                    <input class="form-control in_text" autocomplete="off" placeholder="enter Merchant id here" id="player_name" name="merchant_id" type="text" value="{{$player->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">Mercent Username</label>
                                    <input class="form-control in_text" autocomplete="off" placeholder="enter merchant username here" id="player_name" name="mercent_username" type="text" value="{{$player->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 Max Limit</label>
                                    <input class="form-control in_text" autocomplete="off" placeholder="enter amount max limit here" id="player_name" name="amount_max_limit" type="text" value="{{$player->amount_max_limit}}">
                                    <div class="error-message help-inline">
                                      {{$errors->first('amount_max_limit')}}
                                    </div>
                                </div>
                                <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 here" id="player_name" name="amount_min_limit" type="text" value="{{$player->amount_min_limit}}">
                                    <div class="error-message help-inline">
                                      {{$errors->first('amount_min_limit')}}
                                    </div>
                                </div>

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

                                <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 here" id="player_name" name="day_per_transaction" type="text" value="{{$player->day_per_transaction}}">
                                    <div class="error-message help-inline">
                                      {{$errors->first('day_per_transaction')}}
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Gateway Charges</label>
                                    <input class="form-control in_text" autocomplete="off" placeholder="enter gateway charges here" id="player_name" name="gateway_charges" type="text" value="{{$player->gateway_charges}}">
                                    <div class="error-message help-inline">
                                      {{$errors->first('gateway_charges')}}
                                    </div>
                                </div>

                              </div>

                            </div>
                             <div class="form-row">
                               <!-- <div class="form-group col-md-6">
                                   <label class="lbl_frm py-2">Bonus Type</label>
                                   <select class="form-control in_text sport_types" name="bonus_type">
                                       <option value="">Select Type</option>
                                         <option value="Amount" > Amout </option>
                                         <option value="Percentage" >percentage</option>
                                   </select>
                               </div> -->

                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Select Status</label>
                                    <select class="form-control in_text roles" name="status">
                                        <option value="">Select Role</option>
                                         <option value="0" >Inactive</option>
                                        <option value="1" >Active</option>



                                    </select>
                                </div>

                            </div>




                            <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> -->
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




<div class="modal fade bd-example-modal-lg imagecrop" data-backdrop="static" data-keyboard="false"

 id="model" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">New message</h5>
                <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button> -->
            </div>
            <div class="modal-body">
                <div class="img-container">
                    <div class="row">
                        <div class="col-md-11">
                            <img id="image" src="https://avatars0.githubusercontent.com/u/3456749">
                        </div>
                    </div>
                </div>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary"  id="crop1"  data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary crop" id="crop">Crop</button>
              </div>
          </div>
        </div>
      </div>


      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.css"/>
      <!-- <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>
          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: 0,
                  viewMode: 0,
              });
          }).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>



<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();

    });



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