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

<!-- <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 Payout</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 Payout</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        {{ Form::open(['role' => 'form','id'=>'playerAddForm','route'=>[$modelName.'.add'], 'files' => true]) }}

                            <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={{ old('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="{{ old('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={{ 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 Key</label>
                                  <input class="form-control in_text" autocomplete="off" placeholder="enter merchant key here" id="player_name" 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">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={{ 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">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="{{ 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 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={{ old('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="{{ old('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={{ old('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="{{ old('gateway_charges') }}">
                                  <div class="error-message help-inline">
                                    {{$errors->first('gateway_charges')}}
                                  </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="Amout">Amout</option>
                                          <option value="percentage">percentage</option>
                                  </select>
                                  <div class="error-message help-inline">
                                    {{$errors->first('bonus_type')}}
                                  </div>
                              </div> -->

                              <div class="form-group col-md-6">
                                  <label class="lbl_frm py-2">Select Payout 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>

                                  <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>







<div class="modal fade bd-example-modal-lg imagecrop" id="model" tabindex="-1"  data-backdrop="static" data-keyboard="false" 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>



      <!-- <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: 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