@extends('layout.master')
@section('pageTitle')
  <title>Pawnshop Management System</title>
@endsection
@section('metaCSRF')
  <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('contents')
    <style>
    label {
      font-size:0.9em !important;
    }
    .pac-container {
      z-index: 99999999 !important;
    }
    .ui-front {
      z-index: 9999 !important;
    }
  </style>
  <link rel="stylesheet" href="/css/autocomplete-jquery-ui.css">
  <link rel="stylesheet" href="/theme/plugins/datatables-bs4/css/dataTables.bootstrap4.css">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <div id="denominationModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <label>ADD CASH</label>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body">
          <div style="border:1px solid rgba(0,0,0,0.2);background:#fff;padding:20px;">
            <form id="add-amount-denom">
              <table id="denominationtable" class="table table-bordered table-hover">
                <thead style="background:rgba(0,0,0,0.07);">
                  <tr>
                    <th>Denomination</th>
                    <th>Count</th>
                    <th>Value</th>
                    <th>Status</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>1000</td>
                    <td><input id="denomination-1000" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-1000" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status100000" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>500</td>
                    <td><input id="denomination-500" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-500" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status50000" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>200</td>
                    <td><input id="denomination-200" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-200" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status20000" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>100</td>
                    <td><input id="denomination-100" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-100" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status10000" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>50</td>
                    <td><input id="denomination-50" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-50" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status5000" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>20</td>
                    <td><input id="denomination-20" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-20" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status2000" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>10</td>
                    <td><input id="denomination-10" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-10" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status1000" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>5</td>
                    <td><input id="denomination-5" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-5" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status500" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td><input id="denomination-2" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-2" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status200" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td><input id="denomination-1" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-1" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status100" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>

                  <tr>
                    <td>0.50</td>
                    <td><input id="denomination-0.50" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-0-50" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status50" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>0.25</td>
                    <td><input id="denomination-0.25" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-0-25" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status25" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>0.10</td>
                    <td><input id="denomination-0.10" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-0-10" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status10" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>0.05</td>
                    <td><input id="denomination-0.05" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-0-05" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status5" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                  <tr>
                    <td>0.01</td>
                    <td><input id="denomination-0.01" type="number" class="form-control cash-count" value="0"/></td>
                    <td><span id="text-denom-0-01" class="cash-count-text" style="font-weight:bold;"></span></td>
                    <td><span id="status1" class="cash-count-status" style="font-size:0.9em;color:rgba(0,0,0,0.5);"></span></td>
                  </tr>
                </tbody>
              </table>
            </form>
            <div class="row">
              <div class="col-md-2">
                <div class="form-group">
                  <input type="hidden" id="usercode" name="usercode" value="{{$currrentuser['user']}}" />
                  <input type="hidden" id="branchcode" name="branchcode" value="{{$currrentuser['branch']}}" />
                  <button id="add-denom-account-btn" type="button" class="btn btn-sm btn-info form-control" class="close" data-dismiss="modal">Add</button>
                </div>
              </div>
              <div class="col-md-6">
                <label style="padding-left:20px;">Total: </label> <span id="denom-total" style="padding-left:10px;font-weight:bold;font-size:1.2em;color:red;">0.00</span>
                <form id="denom-add-form"></form>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Fund Transfer</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Fund Transfer</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="review-content-section" style="border:1px solid rgba(0,0,0,0.1);margin-top:0px;padding:20px 20px 20px 20px;background:rgba(0,0,0,0.05);">
              <div id="dropzone1" class="pro-ad">
                <label>ADD ENTRY</label>
                <hr>
                <div class="row">
                  <div class="col-md-12">
                    <div class="row">
                      <div class="col-md-12">
                        <div style="border:1px solid rgba(0,0,0,0.2);background:#fff;padding:20px;">
                          <div class="row">
                            <div class="col-md-8" >
                              <div class="icheck-primary d-inline">
                                <input type="radio" id="sendfund" name="sendfund" value="send" checked>
                                <label for="sendfund">Send Fund</label>
                              </div>
                              <div class="icheck-primary d-inline"style="padding-left:20px;">
                                <input type="radio" id="receivefund" name="sendfund" value="receive" >
                                <label for="receivefund">Receive Fund</label>
                              </div>
                            </div>
                            <div class="col-md-4" >
                              <label>Transaction Code: </label><input type="text" class="form-control form-control-sm float-right" id="transactioncode" name="transcode" value="" readonly/>
                            </div>
                          </div>
                          <hr>
                          <div class="row">
                            <div class="col-md-3">
                              <div class="form-group">
                                <label>Entry Date</label>
                                <div class="input-group">
                                  <div class="input-group-prepend">
                                    <span class="input-group-text">
                                      <i class="far fa-calendar-alt"></i>
                                    </span>
                                  </div>
                                  <input type="text" class="form-control form-control-sm float-right trans-input" id="transdate" name="datemature" value="{{date('Y-m-d')}}" />
                                </div>
                              </div>
                            </div>
                            <div class="col-md-2">
                              <label>-</label>
                              <div class="form-group">
                                <button id="add-item-transaction-modal-btn" type="button" class="btn btn-primary btn-sm form-control form-control-sm" data-toggle="modal" data-target="#denominationModal">Add Cash</button>
                              </div>
                            </div>
                            <div class="col-md-3">
                              <div class="form-group">
                                <label>Amount</label>
                                <input type="text" class="form-control form-control-sm float-right trans-input" id="transamount" name="transamount" value="" readonly/>
                              </div>
                            </div>
                            <div class="col-md-4">
                              <div class="form-group">
                                <label>Branch</label>
                                <input type="text" class="form-control form-control-sm float-right trans-input" id="transbranch" name="transbranch" value="" />
                              </div>
                            </div>
                            <div class="col-md-5">
                              <div class="form-group">
                                <label>Account</label>
                                <select class="form-control form-control-sm" id="transaccount" name="transaccount">
                                </select>
                              </div>
                            </div>
                            <div class="col-md-5">
                              <label>-</label>
                              <div class="row">
                                <div class="col-md-4">
                                  <div class="form-group">
                                    <button id="clear-denom-btn" type="button" class="btn btn-sm btn-danger form-control form-control-sm">Clear</button>
                                  </div>
                                </div>
                                <div class="col-md-4">
                                  <div class="form-group">
                                    <input type="hidden" id="usercode" name="usercode" value="{{$currrentuser['user']}}" />
                                    <input type="hidden" id="branchcode" name="branchcode" value="{{$currrentuser['branch']}}" />
                                    <button id="add-denom-btn" type="button" class="btn btn-sm btn-info form-control form-control-sm">Add</button>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <br>

                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">Transfer List</h3><br>
                <hr>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Entry Date</label>
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">
                          <i class="far fa-calendar-alt"></i>
                        </span>
                      </div>
                      <input type="text" class="form-control form-control-sm float-right trans-input" id="populatedate" name="populatedate" value="{{date('Y-m-d')}}">
                    </div>

                  </div>
                  <button id="populate-service-btn" type="button" class="btn btn-sm btn-success form-control form-control-sm">Populate</button>
                </div>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <table id="example2" class="table table-bordered table-hover">
                  <thead>
                    <tr>
                      <th>Transaction Code</th>
                      <th>Transaction Type</th>
                      <th>Branch From</th>
                      <th>Branch To</th>
                      <th>Account</th>
                      <th>Amount</th>
                      <th>Status</th>
                      <th></th>
                    </tr>
                  </thead>
                  <tbody></tbody>

                </table>
                <br>
                <div class="row">
                  <div class="col-md-2">
                    <button id="delete-service-btn" type="button" class="btn btn-sm btn-danger form-control form-control-sm">Delete</button>
                  </div>
                  <div class="col-md-2">
                    <button id="post-service-btn" type="button" class="btn btn-sm btn-info form-control form-control-sm">Post</button>
                  </div>
                </div>
                <form id="change-service-form"></form>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
        </div>

      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- Modal -->

@endsection
@section('js')
<script src="/theme/plugins/datatables/jquery.dataTables.js"></script>
<script src="/theme/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>

<script src="/theme/dist/js/pages/dashboard.js"></script>
<script src="/theme/dist/js/demo.js"></script>
<script src="/theme/plugins/datatables/jquery.dataTables.js"></script>
<script src="/theme/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>

<script>
  var dataTable = $('#example2').DataTable({
    keys: true,
    draw: true,
    "dom": '<"top"i>rt<"bottom"flp><"clear">',
  });
  $("#transdate").datepicker({
    dateFormat: "yy-mm-dd",
    maxDate: new Date
  });
  $("#populatedate").datepicker({
    dateFormat: "yy-mm-dd",
    maxDate: new Date
  });
  $('.cash-count').on('change',function(event){
    var denomval = $(this).val();
    var demcount = $(this).attr('id');
    var demcountArr = demcount.split('-');
    var denomvalue = parseFloat(denomval) * parseFloat(demcountArr[1]);
    var denomtext = demcountArr[1].split('.');
    denomvalue = parseFloat(denomvalue).toFixed(2);
    if(parseFloat(demcountArr[1]) >= 1) $('#text-denom-'+demcountArr[1]).text(denomvalue);
    else $('#text-denom-'+denomtext[0]+'-'+denomtext[1]).text(denomvalue);
    computeDenom();
  });
  function computeDenom(){
    var total = 0;
    var levelArray = $('.cash-count-text').map( function() {
        return $(this).text();
    }).get();
    for (num in levelArray){
      if(levelArray[num] != ""){
        total = parseFloat(total) + parseFloat(levelArray[num]);
      }
    }
    $('#denom-total').text(total.toFixed(2));
  }
  function addDenomValues(){
    $('#denom-add-form').html('');
    var denomArray = $('.cash-count').map( function() {
        var thisId = $(this).attr('id');
        thisId = thisId.split('-');
        var thisVal = $(this).val();
        return thisId[1]+":"+thisVal;
    }).get();
    var itemList = '<input type="hidden" name="request" value="branchmisc" />';
    itemList = itemList + '<input type="hidden" name="type" value="fundtransferadd" />';
    itemList = itemList + '<input type="hidden" name="branchcode" value="'+$('#branchcode').val()+'" />';
    itemList = itemList + '<input type="hidden" name="usercode" value="'+$('#usercode').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transdate" value="'+$('#transdate').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transbranch" value="'+$('#transbranch').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transaccount" value="'+$('#transaccount').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transcode" value="'+$('#transactioncode').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transtype" value="'+$('input[name="sendfund"]:checked').val()+'" />';
    for(num in denomArray){
      itemList = itemList + '<input type="hidden" name="denom[]" value="'+denomArray[num]+'"/>';
    }
    $('#denom-add-form').html(itemList);
    $.ajax({
        url: '/settings-request',
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        type:'POST',
        data: $('#denom-add-form').serialize(),
        success:function(e){
          if(e){
            console.log(e);
            if(e.code == 0){
              getData();
              alert('Fund Added');
            }
            else alert(e.msg);
          }
        }
    });
  }
  $('#add-denom-btn').on('click',function(){
    addDenomValues();
  });
  $('#pop-denom-btn').on('click',function(){
    getData();
  });
  $('#clear-denom-btn').on('click',function(){
    clearData();
  });
  $('#post-denom-btn').on('click',function(){
    postData();
  });
  $('#add-denom-account-btn').on('click',function(){
    $('#transamount').val($('#denom-total').text());
  });
  function getAccount(){
    $.ajax({
      url: '/settings-request',
      headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
      type:'POST',
      data: {request: 'branchmisc', type: 'fundtransferaccounts' },
      success:function(e){
        if(e){
          var selectStr = '';//'<option value="Pull Out">Pull Out</option>';
          console.log(e);
          for(num in e){
            if(e[num].code == "1300-10002") selectStr = selectStr + '<option value="'+e[num].code+'">'+e[num].acc_name+'</option>';
            else if(e[num].code == "1300-10012") selectStr = selectStr + '<option value="'+e[num].code+'">'+e[num].acc_name+'</option>';
          }
          $('#transaccount').html(selectStr);
        }
      }
    });
  }
  function getData(){
    var itemList = '<input type="hidden" name="request" value="branchmisc" />';
    itemList = itemList + '<input type="hidden" name="type" value="fundtransferget" />';
    itemList = itemList + '<input type="hidden" name="branchcode" value="'+$('#branchcode').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transdate" value="'+$('#transdate').val()+'" />';
    $('#denom-add-form').html(itemList);
    $.ajax({
      url: '/settings-request',
      headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
      type:'POST',
      data: $('#denom-add-form').serialize(),
      success:function(e){
        if(e){
          console.log(e);
        }
      }
    });
  }
  function clearData(){
    var itemList = '<input type="hidden" name="request" value="branchmisc" />';
    itemList = itemList + '<input type="hidden" name="type" value="denomclear" />';
    itemList = itemList + '<input type="hidden" name="branchcode" value="'+$('#branchcode').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transdate" value="'+$('#transdate').val()+'" />';
    $('#denom-add-form').html(itemList);
    $.ajax({
      url: '/settings-request',
      headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
      type:'POST',
      data: $('#denom-add-form').serialize(),
      success:function(e){
        if(e){
          console.log(e);
          if(e.code == 0){
            alert("Cash Cleared!");
            $('.cash-count').val('0');
            $('.cash-count-text').text('');
            $('.cash-count-status').text('');
          }

        }
      }
    });
  }
  function postData(){
    var itemList = '<input type="hidden" name="request" value="branchmisc" />';
    itemList = itemList + '<input type="hidden" name="type" value="denompost" />';
    itemList = itemList + '<input type="hidden" name="branchcode" value="'+$('#branchcode').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transdate" value="'+$('#transdate').val()+'" />';
    $('#denom-add-form').html(itemList);
    $.ajax({
      url: '/settings-request',
      headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
      type:'POST',
      data: $('#denom-add-form').serialize(),
      success:function(e){
        if(e){
          console.log(e);
          if(e.code == 0){
            alert("Cash Posted!");
            getData();
          }
        }
      }
    });
  }
  function getFundData(){
    var itemList = '<input type="hidden" name="request" value="branchmisc" />';
    itemList = itemList + '<input type="hidden" name="type" value="fundtransferget" />';
    itemList = itemList + '<input type="hidden" name="branchcode" value="'+$('#branchcode').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transdate" value="'+$('#populatedate').val()+'" />';
    $('#denom-add-form').html(itemList);
    $.ajax({
      url: '/settings-request',
      headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
      type:'POST',
      data: $('#denom-add-form').serialize(),
      success:function(e){
        if(e){
          console.log(e);
          var dataSet = [];
          for(num in e){
            var str = "";
            var accnt = "";
            if(e[num].status == "Posted") str = '<input type="checkbox" id="fundtransfer:'+e[num].transcode+'" disabled/>';
            else str = '<input type="checkbox" id="fundtransfer:'+e[num].transcode+'" />';

            if(e[num].account == "1300-10012") accnt = "BDO Kristal";
            else if(e[num].account == "1300-10002") accnt = "BPI Kristal";
            else accnt = e[num].account;

            dataSet.push([
              e[num].transcode,
              'Fund Transfer',
              e[num].branchfrom,
              e[num].branchto,
              accnt,
              parseFloat(e[num].amount).toFixed(2),
              e[num].status,
              str
            ]);
          }
          dataTable.destroy();
          dataTable.draw();
          $('#example2').DataTable({
            "scrollY":"auto",
            keys: true,
            draw: true,
            paging:   true,
            info:     false,
            "autoWidth": false,
            "ordering": false,
            data: dataSet,
            columns: [
              { title: "Transaction Code" },
              { title: "Transaction Type" },
              { title: "Branch From" },
              { title: "Branch To" },
              { title: "Account" },
              { title: "Amount" },
              { title: "Status" },
              { title: "" },
            ]}),
            dataTable = $('#example2').DataTable();
        }
      }
    });
  }
  $("#transbranch").autocomplete({
    source: function(request, response){
      $.ajax({
          url: '/get-address-location',
          headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
          type:'POST',
          data: {loctype: 'branch', locname: $("#transbranch").val()},
          success:function(e){
            if(e){
              response(e);
              console.log(e);
            }
          }
      });
    },
    classes: {
      "ui-autocomplete": "highlight"
    },
    minLength: 3
  });
  function generateNewTransCode(){
    var branchcode = $('#branchcode').val();
    $.ajax({
        url: '/settings-request',
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        type:'POST',
        data: {request: 'transactions', type: 'newcode', code: branchcode, transtype: 'Fund Transfer'},
        success:function(e){
          if(e){
            console.log(e);
            if(e.code == 0){
              $('#transactioncode').val(e.msg);
            }
          }
        }
    });
  }
  generateNewTransCode();
  getAccount();
  $('#populate-service-btn').on('click',function(){
    getFundData();
  });
  $('#post-service-btn').on('click',function(){
    postFundData();
  });
  $('#delete-service-btn').on('click',function(){
    deleteFundData();
  });

  function deleteFundData(){
    var itemList = "";
    var itemList = '<input type="hidden" name="request" value="branchmisc" />';
    itemList = itemList + '<input type="hidden" name="type" value="fundtransferdelete" />';
    itemList = itemList + '<input type="hidden" name="branchcode" value="'+$('#branchcode').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transdate" value="'+$('#populatedate').val()+'" />';
    $(':checkbox:checked').each(function(){
      var itemListId = $(this).attr('id');
      itemListId = itemListId.split(':');
      itemList = itemList + '<input type="hidden" value="'+itemListId[1]+'" name="fundcode[]" />'
    });
    $('#denom-add-form').html(itemList);
    console.log(itemList);
    $.ajax({
      url: '/settings-request',
      headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
      type:'POST',
      data: $('#denom-add-form').serialize(),
      success:function(e){
        if(e){
          console.log(e);
          alert("Items Deleted!");
          getFundData();
        }
      }
    });
  }

  function postFundData(){
    var itemList = "";
    var itemList = '<input type="hidden" name="request" value="branchmisc" />';
    itemList = itemList + '<input type="hidden" name="type" value="fundtransferpost" />';
    itemList = itemList + '<input type="hidden" name="branchcode" value="'+$('#branchcode').val()+'" />';
    itemList = itemList + '<input type="hidden" name="transdate" value="'+$('#populatedate').val()+'" />';
    $(':checkbox:checked').each(function(){
      var itemListId = $(this).attr('id');
      itemListId = itemListId.split(':');
      itemList = itemList + '<input type="hidden" value="'+itemListId[1]+'" name="fundcode[]" />'
    });
    $('#denom-add-form').html(itemList);
    $.ajax({
      url: '/settings-request',
      headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
      type:'POST',
      data: $('#denom-add-form').serialize(),
      success:function(e){
        if(e){
          console.log(e);
          alert("Items Posted!");
          getFundData();
        }
      }
    });
  }

  $('#transbranch').on('change',function(){
    var hoCode = $(this).val();
    hoCode = hoCode.split(':');
    if(hoCode[0] == "HOF") $('#transaccount').prop('disabled',false);
    else {
      $('#transaccount').val('');
      $('#transaccount').prop('disabled',true);
    }
  });

</script>
<script>
</script>

@endsection