@extends('layouts.app')

@section('content')
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
  <h1 class="h3 mb-0 text-gray-800">System Setting</h1>
  <!--<a href="#" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-download fa-sm text-white-50"></i> Generate Report</a>-->
</div>
<div>
  @if ($errors->any())
    <div class="alert alert-danger">
      <ul>
        @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
        @endforeach
      </ul>
    </div><br />
  @endif
  <form id="settingform" method="post" action="{{url('systemsetting')}}" >
    {{csrf_field()}}
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
    	<ul class="nav nav-tabs">
        <li class="nav-item">
      		<a class="nav-link active" data-toggle="tab" href="#general">General Setting</a>
      	</li>
    	<li class="nav-item">
    		<a class="nav-link" data-toggle="tab" href="#job">Job Setting</a>
    	</li>
    	<li class="nav-item">
    		<a class="nav-link" data-toggle="tab" href="#sms">SMS Setting</a>
    	</li>
      <li class="nav-item">
    		<a class="nav-link" data-toggle="tab" href="#gst">GST Setting</a>
    	</li>
      <li class="nav-item">
    		<a class="nav-link" data-toggle="tab" href="#stock">Stock Setting</a>
    	</li>
    	</ul>
    </div>
    <div class="tab-content">
	    <div id="general" class="tab-pane active">
        <div class="row form-group">
          <div class="col-3">
            <label for="srvchgsendnotify">Customer service - allow to send notification: </label>
    		<div class="custom-control custom-switch">
    		  <input type="hidden" name="srvchgsendnotify" value="{{$systemsetting->first()->srvchgsendnotify}}">
    		  <input type="checkbox" class="custom-control-input enterseq" onclick="js_click(this)" {{(($systemsetting->first()->srvchgsendnotify=="Y")?"checked='checked'":"") }} name="csrvchgsendnotify" id="srvchgsendnotify">
    		  <label class="custom-control-label enterseq" for="srvchgsendnotify"></label>
    		</div>
          </div>
          <div class="col-3">
            <label for="allinvdvylh">Invoice & Delivery & Purchase - allow to use letterhead: </label>
    		<div class="custom-control custom-switch">
    		  <input type="hidden" name="allinvdvylh" value="{{$systemsetting->first()->allinvdvylh}}">
    		  <input type="checkbox" class="custom-control-input enterseq" onclick="js_click(this)" {{(($systemsetting->first()->allinvdvylh=="Y")?"checked='checked'":"") }} name="callinvdvylh" id="allinvdvylh">
    		  <label class="custom-control-label enterseq" for="allinvdvylh"></label>
    		</div>
          </div>
          <div class="col-3">
            <label for="allcnlh">Credit Note - allow to use letterhead: </label>
    		<div class="custom-control custom-switch">
    		  <input type="hidden" name="allcnlh" value="{{$systemsetting->first()->allcnlh}}">
    		  <input type="checkbox" class="custom-control-input enterseq" onclick="js_click(this)" {{(($systemsetting->first()->allcnlh=="Y")?"checked='checked'":"") }} name="callcnlh" id="allcnlh">
    		  <label class="custom-control-label enterseq" for="allcnlh"></label>
    		</div>
          </div>

        </div>
        <div class="row form-group">
          <div class="col-3">
              <label for="emailsender">Email sender :</label>
    		  <input type="text" seq="1" class="form-control enterseq" max-length="100" name="emailsender" value="{{$systemsetting->first()->emailsender}}" />
          </div>
          <div class="col-3">
              <label for="invoiceprinter">Invoice Printer</label>
    		  <input type="text" seq="2" class="form-control enterseq" max-length="100" name="invoiceprinter" value="{{$systemsetting->first()->invoiceprinter}}" />
          </div>
    	</div>
        <div class="row form-group">
          <div class="col-3">
              <label for="poprinter">Credit Note Printer :</label>
    		  <input type="text" seq="3" class="form-control enterseq" max-length="100" name="poprinter" value="{{$systemsetting->first()->poprinter}}" />
          </div>
          <div class="col-3">
              <label for="receiptprinter">Receipt Printer:</label>
    		  <input type="text" seq="4" class="form-control enterseq" max-length="100" name="receiptprinter" value="{{$systemsetting->first()->receiptprinter}}" />
          </div>
    	</div>
        <div class="row form-group">
          <div class="col-3">
              <label for="paymentprinter">Payment Voucher Printer:</label>
    		  <input type="text" seq="5" class="form-control enterseq" max-length="100" name="paymentprinter" value="{{$systemsetting->first()->paymentprinter}}" />
          </div>
          <div class="col-3">
              <label for="creditnoteprinter">Purchase Order Printer:</label>
    		  <input type="text" seq="6" class="form-control enterseq" max-length="100" name="creditnoteprinter" value="{{$systemsetting->first()->creditnoteprinter}}" />
          </div>
    	</div>
        <div class="row form-group">
          <div class="col-3">
              <label for="reportprinter">Report Printer:</label>
    		  <input type="text" seq="7" class="form-control enterseq" max-length="100" name="reportprinter" value="{{$systemsetting->first()->reportprinter}}" />
          </div>
          <div class="col-3">
              <label for="stickerprinter">Sticker Printer:</label>
    		  <input type="text" seq="8" class="form-control enterseq" max-length="100" name="stickerprinter" value="{{$systemsetting->first()->stickerprinter}}" />
          </div>
        </div>
        <div class="row form-group">
          <div class="col-3">
              <label for="reportprinter">Pagination row per page:</label>
    		  <input type="text" seq="7" class="form-control enterseq" max-length="100" name="paginate_page" value="{{$systemsetting->first()->paginate_page}}" />
          </div>
          <div class="col-3">
              <label for="reportprinter">Stock Loan Notify Day:</label>
    		  <input type="text" seq="7" class="form-control enterseq" max-length="100" name="loan_notify_day" value="{{$systemsetting->first()->loan_notify_day}}" />
          </div>
        </div>
        

      </div>
      <div id="job" class="tab-pane fade">
        <div class="row form-group">
    		<input type="hidden" name="id" value="{{$systemsetting->first()->id}}">
          <div class="col-3">
            <label for="jobrefreshtime">Job Refresh Timeframe in Seconds:</label>
            <input type="number" seq="9" class="form-control enterseq"  name="jobrefreshtime" value="{{$systemsetting->first()->jobrefreshtime}}"/>
          </div>

          <div class="col-3">
            <label for="jobnotifyday">Job notify over no. of Days:</label>
            <input type="number" seq="10" class="form-control enterseq" name="jobnotifyday" value="{{$systemsetting->first()->jobnotifyday}}" />
          </div>

        </div>
        <div class="row form-group">
          <div class="col-3">
              <label for="reportprinter">Job File Upload Size Limit (????MB):</label>
    		  <input type="number" seq="11" class="form-control enterseq" name="uploadfilelimit" value="{{$systemsetting->first()->uploadfilelimit}}" />
          </div>

        </div>
      </div>
      <div id="sms" class="tab-pane fade">
        <div class="row form-group">
          <div class="col-3">
              <label for="reportprinter">SMS username:</label>
    		      <input type="text" seq="12" class="form-control enterseq" name="sms_username" value="{{$systemsetting->first()->sms_username}}" />
          </div>
          <div class="col-3">
              <label for="reportprinter">SMS password:</label>
    		  <input type="text" seq="13" class="form-control enterseq" name="sms_password" value="{{$systemsetting->first()->sms_password}}" />
          </div>
        </div>

        <div class="row form-group">
          <div class="col-3">
              <label for="reportprinter">SMS company name:</label>
    		  <input type="text" seq="14" class="form-control enterseq" name="sms_company_name" value="{{$systemsetting->first()->sms_company_name}}" />
          </div>
          <div class="col-3">
                <label for="sms_active">SMS - Status: </label>
            <div class="custom-control custom-switch">
              <input type="hidden" name="sms_actives" value="{{$systemsetting->first()->sms_active}}">
              <input type="checkbox" class="custom-control-input enterseq" onclick="js_click(this)" {{(($systemsetting->first()->sms_active=="Y")?"checked='checked'":"") }} name="sms_active" id="sms_active">
              <label class="custom-control-label enterseq" for="sms_active"></label>
            </div>
          </div>
        </div>
        <div class="row form-group">
          <div class="col-6">
              <label for="reportprinter">SMS Content:</label>
    		  <input type="text" seq="15" maxlength="255" class="form-control enterseq" name="sms_content" value="{{$systemsetting->first()->sms_content}}" />
          </div>

        </div>
      </div>

      <div id="gst" class="tab-pane fade">
        <div class="row form-group">
          <div class="col-3">
              <label for="reportprinter">Allow GST:</label>
              <select seq="16" class="form-control enterseq" id="allow_gst" name="allow_gst">
                <option {{ (($systemsetting->first()->allow_gst=="Y")?"selected":"") }} value="Y">YES</option>
                <option {{ (($systemsetting->first()->allow_gst=="N")?"selected":"") }} value="N">No</option>
              </select>
          </div>
          <div class="col-3">
              <label for="reportprinter">GST Calculate On Total:</label>
              <select seq="17" class="form-control enterseq" id="gst_calculate_total" name="gst_calculate_total">
                <option {{ (($systemsetting->first()->gst_calculate_total=="Y")?"selected":"") }} value="Y">YES</option>
                <option {{ (($systemsetting->first()->gst_calculate_total=="N")?"selected":"") }} value="N">No</option>
              </select>
          </div>
        </div>
        <div class="row form-group">
          <div class="col-12">
              <label for="reportprinter">GST Rate:</label>
          </div>
          <div class="col-12">
            <table class="table">
              <thead class="thead-light">
                <tr class="row">
                  <th class="col-sm-3"><input type='text' name='effectivedate_from' id="effectivedate_from" seq="18" class="form-control enterseq"></th>
                  <th class="col-sm-3"><input type='text' name='effectivedate_to' seq="19" id="effectivedate_to" class="form-control enterseq"></th>
                  <th class="col-sm-3"><input type='text' name='rate' seq="20" id="rate" class="form-control enterseq"></th>
                  <th class="col-sm-1"><input type='hidden' name="en_amount" class="form-control text-right readonly" readOnly></th>
                  <th class="col-sm-1"><input type='hidden' name="en_netamount" class="form-control text-right readonly" readOnly></th>
                  <th scope="col" class="editnum"></th>
                  <th class="col canceledit"> </th>
                </tr>
                <tr class="row">
                  <th class="col-sm-3">Effective Date From</th>
                  <th class="col-sm-3">Effective Date To</th>
                  <th class="col-sm-3">Rate (%)</th>
                  <th class="col-sm-3">Action</th>
                </tr>
              </thead>
              <tbody id="bodyitem">
                @php

                $num=0;
                @endphp
                @foreach($gst as $key => $value)
                  @php $num++; @endphp
                  <tr class="row" id="inputFormRow">
                    <td class="col-sm-3"><input type="text" onkeydown="if (event.keyCode == 13)js_dateformat(this)" class="form-control enterseq" name="d_effectivedate_from[]" value="{{date('d/m/Y',strtotime($value->effectivedate_from))}}" ></td>
                    <td class="col-sm-3"><input type="text" onkeydown="if (event.keyCode == 13)js_dateformat(this)" class="form-control enterseq" name="d_effectivedate_to[]" value="{{date('d/m/Y',strtotime($value->effectivedate_to))}}" ></td>
                    <td class="col-sm-3"><input type="text" class="form-control enterseq" name="d_rate[]" value="{{number_format((float)$value->rate, 2, '.', '')}}" ></td>
                    <td class="col-sm-3"><button type="button" class="btn btn-warning btn-xs fas fa-trash" id="removeRow"></button></td>
                  </tr>
                @endforeach
              </tbody>

            </table>
          </div>
        </div>
      </div>
      <div id="stock" class="tab-pane fade">
        <div class="row form-group">
          <div class="col-3">
              <label for="reportprinter">Opening Year:</label>
    		  <input type="text" seq="21" class="form-control enterseq" max-length="100" name="opening_year" value="{{$systemsetting->first()->opening_year}}" />
          </div>
          <div class="col-3">
              <label for="reportprinter">Max Upload photo:</label>
    		  <input type="text" seq="22" class="form-control enterseq" max-length="100" name="upload_photo_limit" value="{{$systemsetting->first()->upload_photo_limit}}" />
          </div>
        </div>
      </div>
    </div>



    <button type="submit" seq="23" class="btn btn-primary enterseq">Save</button>
  </form>
</div>
@endsection

@section('footerjs')

<script src="{{ asset('js/jquery.validate.min.js') }}"></script>
<script type="text/javascript">
if ($("#settingform").length > 0) {
    $("#settingform").validate({
      rules: {
        jobrefreshtime: {
          required: true,

        },
        jobnotifyday: {
          required: true,

        },
        emailsender: {
          email: true,
          maxlength:100
        },
        invoiceprinter: {
          maxlength:100
        },
        poprinter: {
          maxlength:100
        },
        receiptprinter: {
          maxlength:100
        },
        paymentprinter: {
          maxlength:100
        },
        creditnoteprinter: {
          maxlength:100
        },
        reportprinter: {
          maxlength:100
        },
        stickerprinter: {
          maxlength:100
        }
      },
      messages: {
        jobrefreshtime: {
          required: "Please enter seconds.",

        },
        jobnotifyday: {
          required: "Please enter days."
        },
        emailsender: {
          email: "Invalid email format.",
          maxlength: "The description should be 100 characters long."
        },
        invoiceprinter: {
          maxlength: "Invoice Printer should be 100 characters long."
        },
        poprinter: {
          maxlength: "Invoice Printer should be 100 characters long."
        },
        receiptprinter: {
          maxlength: "Invoice Printer should be 100 characters long."
        },
        paymentprinter: {
          maxlength: "Invoice Printer should be 100 characters long."
        },
        creditnoteprinter: {
          maxlength: "Invoice Printer should be 100 characters long."
        },
        reportprinter: {
          maxlength: "Invoice Printer should be 100 characters long."
        },
        stickerprinter: {
          maxlength: "Invoice Printer should be 100 characters long."
        }
      },
    })
    $("#settingform").submit(function(evt){
      $("input[type='text']").each(function(i){
		  if($(this).attr("name")!="sms_username" && $(this).attr("name")!="sms_password"){
			$(this).val($(this).val().toUpperCase());
		  }
      })
    })
  }
  function chk(e){
    alert($(e).val().keyCode);
  }
  function isValidDate(d) {
      return d instanceof Date && !isNaN(d);
    }
  function js_dateformat(input){
    	if($(input).val().length==8){
    		let date = new Date($(input).val().substr(4,4), ($(input).val().substr(2,2)-1), $(input).val().substr(0,2));
    		if(isValidDate(date)){
    			var dd = date.getDate();
    			var mm = date.getMonth()+1;
    			var yyyy = date.getFullYear();
    			if(dd<10) {
    				dd='0'+dd;
    			}
    			if(mm<10) {
    				mm='0'+mm;
    			}
    			$(input).val(dd+"/"+mm+"/"+yyyy);
    		} else {
    			$(input).val("");
    			$(input).select();
    		}
    	} else if($(input).val().length==10){
    		let date = new Date($(input).val().substr(6,4), ($(input).val().substr(3,2)-1), $(input).val().substr(0,2));
    		if(!isValidDate(date)){
    			$(input).val("");
    			$(input).select();
    		}
    	} else {
    		$(input).val("");
    		$(input).focus();
    	}
    }
  $(document).ready(function(evt){
    $(".enterseq").each(function(i){
      $(this).keydown(function(event){
        var keycode = (event.keyCode ? event.keyCode : event.which);
        switch(keycode) {
          case 13:
            if($(this).is("input")) {
              $(this).val($(this).val().toUpperCase());
              if($(this).is("input[id='effectivedate_from']")){
                js_dateformat(this);
              }
              if($(this).is("input[id='effectivedate_to']")){
                js_dateformat(this);
              }
              if($(this).attr("name")=="rate"){
                var getrate = document.getElementById("rate").value;

                if(parseFloat(getrate)>99.99){
                  alert("Rate cannot be more than 99.99%");
                } else {
                  js_add_item();
                }
                //js_add_item();
              //  $(".stockAutoSelect").select();
              }
            } else if($(this).is("button[type='submit']")) {
              $(this).click();
              return false;
            }
            var dd = parseInt($(this).attr("seq"),10)+1;
            if( $(".enterseq").filter("[seq='"+dd+"']").length>0){
              if($(".enterseq").filter("[seq='"+dd+"']").is("input[type='text']")) {
                $("input[type='text']").filter("[seq='"+dd+"']").select();
              } if($(".enterseq").filter("[seq='"+dd+"']").is("input[type='number']")) {
                $("input[type='number']").filter("[seq='"+dd+"']").select();
              } else if($(".enterseq").filter("[seq='"+dd+"']").is("select")){
                $("select").filter("[seq='"+dd+"']").focus();
              } else if($(".enterseq").filter("[seq='"+dd+"']").is("input[type='date']")){
                $("input[type='date']").filter("[seq='"+dd+"']").focus();
              } else if($(".enterseq").filter("[seq='"+dd+"']").is("button")){
                $("button").filter("[seq='"+dd+"']").focus();
              }
            }
			return false;
            break;
          case 38:
            var dd = (parseInt($(this).attr("seq"),10)>0)?(parseInt($(this).attr("seq"),10)-1):parseInt($(this).attr("seq"),10);
            if($("input[type='text']").filter("[seq='"+dd+"']").length>0){
              $("input[type='text']").filter("[seq='"+dd+"']").select();;
            } else if($("input[type='date']").filter("[seq='"+dd+"']").length>0){
              $("input[type='date']").filter("[seq='"+dd+"']").select();;
            } else if($("select").filter("[seq='"+dd+"']").length>0){
              $("select").filter("[seq='"+dd+"']").focus();;
            }
            break;
        }

        if($(this).attr("name")=="effectivedate_to"){
          $(".dropdown-menu").remove();
          if($(this).val().length==8){

            let date = new Date($(this).val().substr(4,4), ($(this).val().substr(2,2)-1), $(this).val().substr(0,2));
            var dd = date.getDate();
            var mm = date.getMonth()+1;
            var yyyy = date.getFullYear();
            if(dd<10) {
                dd='0'+dd;
            }
            if(mm<10) {
                mm='0'+mm;
            }
            $(this).val(dd+"/"+mm+"/"+yyyy);

          }
        }
      })
    })
    if($(".enterseq").filter("[seq='1']").is("input")) {
      $("input[type='text']").filter("[seq='1']").select();
    } else if($(".enterseq").filter("[seq='1']").is("select")){
      $("select").filter("[seq='1']").focus();
    } else if($(".enterseq").filter("[seq='1']").is("checkbox")){
      $("checkbox").filter("[seq='1']").select();
    } else if($(".enterseq").filter("[seq='1']").is("button")){
      $("button").filter("[seq='1']").focus();
    }
  })
  function js_click(obj){
    if($(obj).prop("checked")){
      $(obj).parent().find("input[type='hidden']").val("Y");
    } else {
      $(obj).parent().find("input[type='hidden']").val("N");
    }
  }
  $(document).on('click', '#removeRow', function () {
      $(this).closest('#inputFormRow').remove();
  });

  function js_add_item(){
    if($("input[name='effectivedate_from']").val()!="" && $("input[name='rate']").val()>0){
      var editnum = $(".editnum").html().trim();
      var r = $("input[name='rate']").val();
          var get_rate = parseInt(r).toFixed(2);

        var nseq = $("input[name='stockid[]']").length+1;

        var newrow = $('<tr>').addClass("row").attr("id","inputFormRow")
        .append($('<td>').addClass("col-sm-3").append($("<input onkeydown='if (event.keyCode == 13)js_dateformat(this)'>").attr("name","d_effectivedate_from[]").attr("class",'form-control enterseq').attr("type","text").val($("input[name='effectivedate_from']").val())))
        .append($('<td>').addClass("col-sm-3").append($("<input onkeydown='if (event.keyCode == 13)js_dateformat(this)'>").attr("name","d_effectivedate_to[]").attr("class",'form-control enterseq').attr("type","text").val($("input[name='effectivedate_to']").val())))
        .append($('<td>').addClass("col-sm-3").append($("<input>").attr("name","d_rate[]").attr("class",'form-control enterseq').attr("type","text").val(get_rate)))
        .append($('<td>').addClass("col").append($("<button>").addClass("btn btn-warning btn-xs fas fa-trash").attr("type","button").attr("id","removeRow").text("")));
        $("#bodyitem").append(newrow);

        document.getElementById("effectivedate_to").value="";
        document.getElementById("effectivedate_from").value="";
        document.getElementById("rate").value="";
        $("input[type='text']").filter("[seq='18']").select();
        $(".enterseq").each(function(i){
          $(this).keydown(function(event){
            var keycode = (event.keyCode ? event.keyCode : event.which);
            switch(keycode) {
              case 13:
                if($(this).is("input")) {
                  $(this).val($(this).val().toUpperCase());
                } else if($(this).is("button[type='submit']")) {
                  $(this).click();
                  return false;
                }
                var dd = parseInt($(this).attr("seq"),10)+1;
                if( $(".enterseq").filter("[seq='"+dd+"']").length>0){
                  if($(".enterseq").filter("[seq='"+dd+"']").is("input[type='text']")) {
                    $("input[type='text']").filter("[seq='"+dd+"']").select();
                  } else if($(".enterseq").filter("[seq='"+dd+"']").is("select")){
                    $("select").filter("[seq='"+dd+"']").focus();
                  } else if($(".enterseq").filter("[seq='"+dd+"']").is("input[type='date']")){
                    $("input[type='date']").filter("[seq='"+dd+"']").focus();
                  } else if($(".enterseq").filter("[seq='"+dd+"']").is("button")){
                    $("button").filter("[seq='"+dd+"']").focus();
                  }
                }
                break;
              case 38:
                var dd = (parseInt($(this).attr("seq"),10)>0)?(parseInt($(this).attr("seq"),10)-1):parseInt($(this).attr("seq"),10);
                if($("input[type='text']").filter("[seq='"+dd+"']").length>0){
                  $("input[type='text']").filter("[seq='"+dd+"']").select();;
                } else if($("input[type='date']").filter("[seq='"+dd+"']").length>0){
                  $("input[type='date']").filter("[seq='"+dd+"']").select();;
                } else if($("select").filter("[seq='"+dd+"']").length>0){
                  $("select").filter("[seq='"+dd+"']").focus();;
                }
                break;
            }
            if(keycode==13){
              if($(this).attr("name")=="en_qty" || $(this).attr("name")=="en_unitprice" || $(this).attr("name")=="en_discount"){
                if($(this).attr("name")=="en_qty" && $(this).val()<=0){
                  $(this).select();
                  return false;
                }

              }
              if($(this).attr("name")=="rate"){

              //  $(".stockAutoSelect").select();
              }
              return false;
            }
            if(keycode==38){

            }
          })
        })


    } else {
      alert("Effective date from and rate is compulsory data!")
      $(".stockAutoSelect").select();
    }
    return false;
  }
</script>
@endsection