@extends('superAdmin.layouts.auth')

@section('title')
{{ env('APP_NAME') }} | Redeem History
@endsection

@section('styles')
    <link href="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/datatable/jquery.dataTables.min.css') }}" rel="stylesheet" />
    <style type="text/css">
    .morecontent span {
          display: none;
      }
      .morelink {
          display: block;
      }
    </style>
@endsection

@section('content')
	<!-- MAIN BODY CONTENT -->
	
          @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
          @endif


          <div class="top-header">
            <h1>Settle</h1>            
          </div>
            <div class="row">
             <div class="col-md-12">
              <div class="card">
                <div class="card-header">
                  <h2> Redeem Settle</h2>
                </div>

                <div class="card-body">                   

                  <form method="post" action="{{ route('superAdmin.settle') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                       <label for="email" class="form-label">Email Address</label>
                       <input type="email"  class="form-control" name="email" id="email"  value="{{ $getRedeemData->user_email }}" readonly>
                       <input type="hidden" class="form-control" name="email1" id="email1"  value="{{ $getRedeemData->user_email }}" >
                       <input type="hidden" class="form-control" name="id" id="id"  value="{{ $getRedeemData->id }}" >
                       <input type="hidden" class="form-control" name="user_id" id="user_id"  value="{{ $getRedeemData->user_id }}" >
                       <input type="hidden" class="form-control" name="user_name" id="user_name"  value="{{ $getRedeemData->user_name }}" >
                     </div>                     
                     <div class="form-group">
                      <label for="displaycouponcode" class="form-label">Gift card Name</label>
                     <input type="text" class="form-control" name="displaycouponcode" id="displaycouponcode"  value="{{ isset( $getRedeemData->giftcard_name ) ?  $getRedeemData->giftcard_name : '' }}" readonly>
                   </div>
                     <div class="form-group">
                       <label for="couponcode" class="form-label">Coupon Code</label>
                       @if($getRedeemData->is_settle == 1)
                        <input type="text" class="form-control" name="couponcode1" id="couponcode1"  value="{{ isset( $giftSettlements->coupon_code ) ?  $giftSettlements->coupon_code : '' }}" readonly >
                        <input type="hidden" class="form-control" name="couponcode" id="couponcode"  value="{{ isset( $giftSettlements->coupon_code ) ?  $giftSettlements->coupon_code : '' }}" >
                       @else
                        <input type="text" class="form-control" name="couponcode" id="couponcode"  value="{{ isset( $giftSettlements->coupon_code ) ?  $giftSettlements->coupon_code : '' }}"  >
                        
                        @endif
                     </div>

                                 
                      <div class="form-group">
                       <label for="privacy_pilicy" class="form-label">Privacy Policy</label>
                       <input type="hidden" class="form-control" name="privacy_pilicy" id="privacy_pilicy"  value="{{ $policyData->content }}" >
                       <div>
                       <p style="margin-top: 3px;" class="more">{{ strip_tags($policyData->content) }} </p>
                       </div>
                     </div>
                     <div class="form-group d-flex">                     
                      @if($getRedeemData->is_settle == 0)
                       <button class="btn btn-warning">Send</button>
                      @else
                       <button class="btn btn-primary">Resend</button>
                      @endif
                    </div>
                  </form>

              </div>
            </div>
         </div>
        <!--// MAIN BODY CONTENT -->
        </div>
	
	<!--// MAIN BODY CONTENT -->
@endsection

@section('scripts')
<script src="{{ asset('assets/plugins/datatable/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.js') }}"></script>
<script type="text/javascript">
  jQuery(document).ready(function($) {
    // Configure/customize these variables.
    var showChar = 200;  // How many characters are shown by default
    var ellipsestext = "";
    var moretext = "Read More";
    var lesstext = "Read Less";
    

    $('.more').each(function() {
        var content = $(this).html();
 
        if(content.length > showChar) {
 
            var c = content.substr(0, showChar);
            var h = content.substr(showChar, content.length - showChar);
 
            var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;...</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';
 
            $(this).html(html);
        }
 
    });
 
    $(".morelink").click(function(){
        if($(this).hasClass("less")) {
            $(this).removeClass("less");
            $(this).html(moretext);
        } else {
            $(this).addClass("less");
            $(this).html(lesstext);
        }
        $(this).parent().prev().toggle();
        $(this).prev().toggle();
        return false;
    });
});
</script>

@endsection