@extends('layouts.admin')
@section('content')
<style>
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
</style>



 <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
<div class="card">
    <div class="card-header">
       Purchase {{ trans('cruds.order.title_singular') }}
    </div>

    <div class="card-body">
        <form method="POST" action="{{ route("admin.orders.store") }}" enctype="multipart/form-data">
            @csrf
          <!--   <form> -->
            <div class="row col 12">  
                @if($role_id == 1)
              <div class="col 4">
                <div class="form-group">
                    <label  class="required" for="exporter_id">Exporter</label>
                    <select class="form-control" name="exporter_id" id="exporter_id" required>
                      <option selected="true" disabled="disabled">Please Select..</option>
                        @foreach($exporters as $id => $exporter)
                        <option value="{{ $exporter->id }}" >{{ $exporter->exporter_company_name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            @else
            <div class="col 6">
                <div class="form-group">
                    <label for="branch_id">Location</label>
                    <select class="form-control" name="branch_id" id="branch_id" required>
                        @foreach($branches as $id => $entry)
                        <option value="{{ $id }}" >{{ $entry }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            @endif

            <div class="col 6">
                <div class="form-group">
                    <label for="number_of_e_seals">Billing Address</label>
                     <textarea class="form-control {{ $errors->has('billing_address') ? 'is-invalid' : '' }}" readonly name="billing_address" id="billing_address"></textarea>
                  <!--   <texarea class="form-control" type="text" id="billing_address" readonly></textarea> -->
                </div>
            </div>
            
        </div>


        <div class="row col 12">
            <div class="col 4">
                <div class="form-group">
                    <label class="required" for="number_of_e_seals">{{ trans('cruds.order.fields.number_of_e_seals') }} (Multiples of 10)</label>
                    <input class="form-control" type="text" name="number_of_e_seals" id="number_of_e_seals" onkeyup="myFunction()"
                    value="{{ old('number_of_e_seals', '') }}" required>
                    @if($errors->has('number_of_e_seals'))
                    <div class="invalid-feedback">
                        {{ $errors->first('number_of_e_seals') }}
                    </div>
                    @endif
                    <span class="help-block">{{ trans('cruds.order.fields.number_of_e_seals_helper') }}</span>
                </div>
            </div>

            <input class="form-control"  type="hidden" name="perice" id="perice" value="{{ $perice->amount }}" readonly>
             <input class="form-control"  type="hidden" name="total_amount" id="total_amount" value="" readonly>

        <!--     <div class="col 4">

                <div class="form-group">
                    <label class="required" for="Uniprice">Unit Price</label>
                    <input class="form-control"  type="text" name="perice" id="perice" value="{{ $perice->amount }}" readonly>

                </div></div>

                <div class="col 4">
                   <div class="form-group">
                    <label class="required" for="total_amounts">Total Amount</label>
                    <input class="form-control"  type="text" name="total_amount" id="total_amount" value="" readonly>

                </div></div> --></div>
                </br>
                <div class="row col 12">
                  <div class="form-group">
                  <input type="checkbox" value="" name="filltoo" id="filltoo" onclick="filladd()" />
                   <label>Delivery Address same as Billing Address </label> 
                </div>
               </div>
                  
                <div class="row col 12">

                    <div class="col 6">

                        <div class="form-group">
                            <label for="delivery_address">{{ trans('cruds.order.fields.delivery_address') }}</label>
                            <textarea class="form-control {{ $errors->has('delivery_address') ? 'is-invalid' : '' }}" name="delivery_address" id="delivery_address"></textarea>
                            @if($errors->has('delivery_address'))
                            <div class="invalid-feedback">
                                {{ $errors->first('delivery_address') }}
                            </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.order.fields.delivery_address_helper') }}</span>
                        </div>
                    </div>




             <input type="hidden" name="mode_of_payment" id="mode_of_payment" value="Offline">

                    <!-- <div class="col 6">
                        <div class="form-group">
                            <label class="required">{{ trans('cruds.order.fields.mode_of_payment') }}</label>
                            <select class="form-control {{ $errors->has('mode_of_payment') ? 'is-invalid' : '' }}" name="mode_of_payment" id="mode_of_payment" required>
                                <option value disabled {{ old('mode_of_payment', null) === null ? 'selected' : '' }}>{{ trans('global.pleaseSelect') }}</option>
                                @foreach(App\Models\Order::MODE_OF_PAYMENT_SELECT as $key => $label)
                                <option value="{{ $key }}" {{ old('mode_of_payment', '') === (string) $key ? 'selected' : '' }}>{{ $label }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('mode_of_payment'))
                            <div class="invalid-feedback">
                                {{ $errors->first('mode_of_payment') }}
                            </div>
                            @endif
                            <span class="help-block">{{ trans('cruds.order.fields.mode_of_payment_helper') }}</span>
                        </div>

                    </div> -->
                   <div class="col 6">


                    <div class="form-group">
                        <label class="required" for="expected_date">{{ trans('cruds.order.fields.expected_date') }}</label>
                        <input class="form-control  {{ $errors->has('expected_date') ? 'is-invalid' : '' }}" type="date" name="expected_date" id="expected_date" value="{{ old('expected_date') }}" required>
                        @if($errors->has('expected_date'))
                        <div class="invalid-feedback">
                            {{ $errors->first('expected_date') }}
                        </div>
                        @endif
                        <span class="help-block">{{ trans('cruds.order.fields.expected_date_helper') }}</span>
                    </div> </div>
                </div>
                <div class="row col 12">



            </div>
          <div class="row col 12">
            <div class="col 6">
            <div class="form-group">
                <label class="required">{{ trans('cruds.order.fields.stuffing_at') }}</label>
                @foreach(App\Models\Order::STUFFING_AT_RADIO as $key => $label)
                    <div class="form-check {{ $errors->has('stuffing_at') ? 'is-invalid' : '' }}">
                        <input class="form-check-input stuffing_at" type="radio" id="stuffing_at_{{ $key }}"  name="stuffing_at" value="{{ $key }}" {{ old('stuffing_at', '') === (string) $key ? 'checked' : '' }} required onclick="javascript:CheckInType();">
                        <label class="form-check-label" for="stuffing_at_{{ $key }}">   {{ $label }}</label>
                    </div>
                @endforeach
                @if($errors->has('stuffing_at'))
                    <div class="invalid-feedback">
                        {{ $errors->first('stuffing_at') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.order.fields.stuffing_at_helper') }}</span>
            </div>
          </div>
        </div>
        <div class="row col 12">
         <div class="col 6 desc Factory" id="Factory"  style="display:none" >
        <div class="form-group">
                <label class="required" for="ports">{{ trans('cruds.order.fields.ports') }}</label>
                <div style="padding-bottom: 4px">
                    <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                    <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                </div>
                <select class="form-control select2 {{ $errors->has('ports') ? 'is-invalid' : '' }}" name="ports[]" id="ports" multiple>
                    @foreach($ports as $id => $port)
                        <option value="{{ $id }}" {{ in_array($id, old('ports', [])) ? 'selected' : '' }}>{{ $port }}</option>
                    @endforeach
                </select>
                @if($errors->has('ports'))
                    <div class="invalid-feedback">
                        {{ $errors->first('ports') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.order.fields.ports_helper') }}</span>
            </div>
          </div>
          <div class="col 6 desc CFS" id="CFS" style="display:none">
            <div class="form-group">
                <label class="required" for="cfs">{{ trans('cruds.order.fields.cfs') }}</label>
                <div style="padding-bottom: 4px">
                    <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                    <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                </div>
                <select class="form-control select2 {{ $errors->has('cfs') ? 'is-invalid' : '' }}" name="cfs[]" id="cfs" multiple>
                    @foreach($cfs as $id => $cf)
                        <option value="{{ $id }}" {{ in_array($id, old('cfs', [])) ? 'selected' : '' }}>{{ $cf }}</option>
                    @endforeach
                </select>
                @if($errors->has('cfs'))
                    <div class="invalid-feedback">
                        {{ $errors->first('cfs') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.order.fields.cfs_helper') }}</span>
            </div>
          </div>
        </div>
<!--         <div class="row col 12">
          <div class="col 6 desc CFS" id="CFS1" >
          <div class="form-group">
                <label class="required" for="commissionerate_id">{{ trans('cruds.order.fields.commissionerate') }}</label>
                <select class="form-control select2 {{ $errors->has('commissionerate') ? 'is-invalid' : '' }}" name="commissionerate_id" id="commissionerate_id">
                    @foreach($commissionerates as $id => $entry)
                        <option value="{{ $id }}" {{ old('commissionerate_id') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                    @endforeach
                </select>
                @if($errors->has('commissionerate'))
                    <div class="invalid-feedback">
                        {{ $errors->first('commissionerate') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.order.fields.commissionerate_helper') }}</span>
            </div>
            style="display: none"
        </div> -->
      </div>
      <div id="app"  style="display: none"> 
          <main class="py-4">
              <div class="container">
                  <div class="row">
                    <div class="form-group">
                       <div class="row col 12">
                         <div class="col 6">
                      <button id="rzp-button1" type="submit" class="btn btn-success btn-lg">Pay1</button>
                    </div>
                  </div>
                </div>
                    
                        
                  </div>
              </div>
          </main>
      </div>
        <!-- <div class="row col 12">
          <div class="col 6"> -->

                        <div class="form-group" id="submit" >
                         <br>
                         <button class="btn btn-success" type="submit" id="btn-submit">
                            {{ trans('global.save') }}
                        </button>
                        <a class="btn btn-danger" href="{{ route('admin.orders.index') }}">
                            Cancel
                        </a>

                    </div>
               <!--  </div>
              </div> -->
        </form>
    </div>
</div>

@endsection

 <!-- Scripts -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha512-M5KW3ztuIICmVIhjSqXe01oV2bpe248gOxqmlcYrEzAvws7Pw3z6BK0iGbrwvdrUQUhi3eXgtxp5I8PDo9YfjQ==" crossorigin="anonymous"></script>

    <!-- Fonts -->
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">

    <!-- Styles -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous" />
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>



    <script>
	//$(document).ready(function() { 
        // $("#rzp-button1").click(function(e){
         	//alert("hai");
       $('body').on('click','#rzp-button1',function(e){
            e.preventDefault();
           // var amount = $("#total_amount").val(); //100; //$("#total_amount").val();//$('.amount').val();
            var mode_of_payment = $("#mode_of_payment").val();
             var number_of_e_seals = $("#number_of_e_seals").val();
              var exporter_id = $("#exporter_id").val();
            var billing_address = $("#billing_address").val();
            var perice = $("#perice").val();
            var billing_address = $("#billing_address").val();
            var total_amount = $("#total_amount").val();
            var delivery_address = $("#delivery_address").val();
            var expected_date = $("#expected_date").val();
            //  var stuffing_at =  $("input[name='stuffing_at']").val();
            var stuffing_at = $('.stuffing_at:checked').val();

           // var stuffing_at = $("#stuffing_at").val();
            var ports = $("#ports").val();
            var cfs = $("#cfs").val();
            var mode_of_payment = $("#mode_of_payment").val();

             //alert(stuffing_at);
            var total_amount = total_amount* 100;//amount * 100;// 100; //amount * 100;
            var options = {
                "key": "{{ env('RAZOR_KEY') }}", // Enter the Key ID generated from the Dashboard
                "amount": amount* 100, // Amount is in currency subunits. Default currency is INR. Hence, 10 refers to 1000 paise
                "currency": "INR",
                "name": "NiceSnippets",
                "description": "Test Transaction",
                "image": "https://www.nicesnippets.com/image/imgpsh_fullsize.png",
                "order_id": "", //This is a sample Order ID. Pass the `id` obtained in the response of Step 1
                "handler": function (response){
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    $.ajax({
                        type:'POST',
                        // url:"{{ url('admin.orders.store') }}",                       
                       url:"{{ url('admin/payment') }}",
                        data:{razorpay_payment_id:response.razorpay_payment_id,amount:amount,mode_of_payment:mode_of_payment, billing_address:billing_address, perice:perice, billing_address:billing_address, total_amount:total_amount, delivery_address:delivery_address, expected_date:expected_date, stuffing_at:stuffing_at, ports:ports, cfs:cfs, number_of_e_seals:number_of_e_seals, exporter_id:exporter_id},
                        success:function(data){
                        	window.location.href = "{{url('admin/razorpaysuccess/')}}";
                            $('.success-message').text(data.success);
                            $('.success-alert').fadeIn('slow', function(){
                               $('.success-alert').delay(5000).fadeOut(); 
                            });
                            $('.amount').val('');
                        }
                    });
                },
                "prefill": {
                    "name": "Mehul Bagda",
                    "email": "mehul.bagda@example.com",
                    "contact": "1234567890"
                },
                "notes": {
                    "address": "test test"
                },
                "theme": {
                    "color": "#F37254"
                }
            };
            var rzp1 = new Razorpay(options);
            rzp1.open();
        });
      //});
    </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- <script type="text/javascript">

$(document).ready(function() {   
    $("#btn-submit").click(function(e){
  
         e.preventDefault();

        var status = confirm("Click OK to continue?");
       // alert(status);  
           if(status == false){
           return false;
           }
           else{

                      var amount = 100; //$("#total_amount").val();//$('.amount').val(); 
            var number_of_e_seals = $("#number_of_e_seals").val();
            var exporter_id = $("#exporter_id").val();
            var mode_of_payment = $("#mode_of_payment").val();
            var billing_address = $("#billing_address").val();
            var perice = $("#perice").val();
            var billing_address = $("#billing_address").val();
            var total_amount = $("#total_amount").val();
            var delivery_address = $("#delivery_address").val();
            var expected_date = $("#expected_date").val();
             var stuffing_at = $('.stuffing_at:checked').val();
         //   var stuffing_at =  $("input[name='stuffing_at']").val();
             // var stuffing_at = $('[name="stuffing_at"]');
          //  var stuffing_at = $("#stuffing_at").val();
            var ports = $("#ports").val();
            var cfs = $("#cfs").val();
            var mode_of_payment = $("#mode_of_payment").val();
      // alert(mode_of_payment);
        $.ajax({
           type:'POST',
            url:"{{ url('admin/offlinepayment') }}",
          // url:"{{ url('admin/orders/store') }}",
           data:{"_token": "{{ csrf_token() }}",mode_of_payment:mode_of_payment, billing_address:billing_address, perice:perice, billing_address:billing_address, total_amount:total_amount, delivery_address:delivery_address, expected_date:expected_date, stuffing_at:stuffing_at, ports:ports, cfs:cfs, number_of_e_seals:number_of_e_seals, exporter_id:exporter_id},
           success:function(data){
              alert(data.success);
              window.location.href = "{{url('admin/razorpaysuccess/')}}"+'/'+data.success;
           }
        });
           }

  
    });
    });
</script>
<script type="">
$(document).ready(function(){

     $('#mode_of_payment').change(function(){
     // alert($(this).val());
     if($(this).val()=="Netbanking") {
       // $("#aa").show();
        $("#app").show();
        $("#submit").hide();
        $('#cfs_id').prop('required',false);
        $("#cfs_id").val("");
     }
     else {
      //  $("#aa").hide();
        $("#submit").show();
        $("#app").hide();
        // $('#commissionerate_id').prop('required',true);
     }

  });

});
</script> -->
<script type="text/javascript">
function CheckInType() {
    if (document.getElementById('stuffing_at_Factory').checked) {
        document.getElementById('Factory').style.display = 'block';
         document.getElementById('CFS').style.display = 'none';
         $('#ports').prop('required',true);
         $('#cfs').prop('required',false);
          $("#cfs").val("");
          // document.getElementById("users").value = "NULL";
       
    }
    else if(document.getElementById('stuffing_at_CFS').checked) {
          document.getElementById('Factory').style.display = 'none';
           document.getElementById('CFS').style.display = 'block';
           // document.getElementById('CFS1').style.display = 'block';
           $('#cfs').prop('required',true);
           //$('#commissionerate_id').prop('required',true);
           $('#ports').prop('required',false);
              $("#ports").val("");
               //document.getElementById("user_groups").value = "NULL";

    }
}
</script>
<!-- <script>
$(document).ready(function() {
    $("div.desc").hide();
    $("input[name$='stuffing_at']").click(function() {
        var test = $(this).val();
        $("div.desc").hide();
        $("." + test).show();
    });
});
</script> -->
<script>
  $(function(){
    var dtToday = new Date();
    
    var month = dtToday.getMonth() + 1;
    var day = dtToday.getDate();
    var year = dtToday.getFullYear();
    if(month < 10)
        month = '0' + month.toString();
    if(day < 10)
        day = '0' + day.toString();
    
    var maxDate = year + '-' + month + '-' + day;
    $('#expected_date').attr('min', maxDate);
});
</script>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>


<script>

$(document).ready(function(){
    // Get value on button click and show alert
       //alert("hai");
        var perice = $("#perice").val();
        
        $("#number_of_e_seals").keyup(function() {
        var units = $(this).val();
        var total = perice * $("#number_of_e_seals").val();
      //  alert(units);
//total_amount
//alert(total);

$("#total_amount").val(total)

   });

   
});




</script>
<script>
function filladd()
{
   if(filltoo.checked == true) 
     {
            var billing_address =document.getElementById("billing_address").value;   
          //  alert(billing_address); 
            var delivery_address =billing_address ;
            document.getElementById("delivery_address").value = delivery_address;
            document.getElementById('delivery_address').readOnly = true;
           // $('#delivery_address').attr('readonly', true);
   }
   else if(filltoo.checked == false)
   {
     document.getElementById("delivery_address").value='';
     document.getElementById('delivery_address').readOnly = false;
   }
}
</script>
<script>
$(document).ready(function(){
$( "#exporter_id" ).change(function() {
   var exporter_id = $('#exporter_id').val();
           // alert(branch_id);
   $.ajax({
              type: "GET",
              dataType: "json",
              url: '/admin/getuserbranchaddress',
              data: {'exporter_id': exporter_id},
              success: function(data){
                console.log(data.success);
                var address = data.success.address_line_1+", "+data.success.address_line_2+", "+data.success.city_id+", "+data.success.district+", "+data.success.statename+"- "+data.success.postal_code;
                //var address = data.success.address_line_1+", "+data.success.address_line_2+", "+data.success.statename+", "+data.success.city_id+", "+data.success.loction_name+", "+data.success.district+"- "+data.success.postal_code;

                $("#billing_address").val(address);
               // var checkedValue = document.querySelector('#filltoo:checked').value;

                 var billing_address =document.getElementById("billing_address").value;   
          //  alert(billing_address); 
              var delivery_address =billing_address ;
             //  document.getElementById("delivery_address").value = delivery_address;
               /* if(data.success == "success"){
                  alert('Status Updated Succesfuly!');
              }else{
                  alert('Status Updated Failed!');
              }*/
          }
      });



});
});
</script>

<script>
$(document).ready(function(){
$( "#branch_id" ).change(function() {
   var branch_id = $('#branch_id').val();
           // alert(branch_id);
   $.ajax({
              type: "GET",
              dataType: "json",
              url: '/admin/getbranchaddress',
              data: {'branch_id': branch_id},
              success: function(data){
                console.log(data.success);

                var address = data.success.address_line_1+", "+data.success.address_line_2+", "+data.success.city_id+", "+data.success.district+", "+data.success.statename+"- "+data.success.postal_code;
                //var address = data.success.address+", "+data.success.commissionerate_address+", "+data.success.statename+", "+data.success.city_id+"- "+data.success.postal_code;

                $("#billing_address").val(address);
                var billing_address =document.getElementById("billing_address").value;   
          //  alert(billing_address); 
              var delivery_address =billing_address ;
              // document.getElementById("delivery_address").value = delivery_address;           
                
               /* if(data.success == "success"){
                  alert('Status Updated Succesfuly!');
              }else{
                  alert('Status Updated Failed!');
              }*/
          }
      });



});
});
</script>
<script>
function myFunction() {
  //var x = document.getElementById("number_of_e_seals");
  //x.value = x.value.toUpperCase();

   var number_of_e_seals = $("#number_of_e_seals").val();

            if(number_of_e_seals != null){
                
        if($.isNumeric(number_of_e_seals) == false)
        {

            alert('Please enter number only');
        }
            }
}
</script>