@extends('layouts/microfin_layout')
@section('title', '| Add Sell')
@section('content')

<!-- <script type="text/javascript">
    $("#loadingModal").show();
  </script> -->

@php
use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
$userBranchId = Auth::user()->branchId;
@endphp

<div class="row add-data-form">
  <div class="col-md-12">
    <div class="col-md-10 col-md-offset-1 fullbody">
      <div class="viewTitle" style="border-bottom:1px solid white;">
        <a href="{{ url($route['path'].'/shareSellList/') }}" class="btn btn-info pull-right addViewBtn">
          <i class="glyphicon glyphicon-th-list viewIcon"></i>
            Share Sale list
        </a>
      </div>
      <div class="panel panel-default panel-border">
        <div class="panel-heading">
          <div class="panel-title">New Share Sale </div>
        </div>
        <div class="panel-body">
          <div class="row">

            {!! Form::open(array('url' => '', 'role' => 'forl', 'id' => 'rootwizard', 'class' => 'form-horizontal form-groups')) !!}

            <div class="tab-content no-margin">
              <div class="tab-pane with-bg active" id="fwv-1">
                <div class="panel panel-default" style="padding:0!important;">
                  <div class="panel-body" style="padding:5px 10px;">
                    <div class="row">
                      <input type="hidden" name="share_sell_id" value="{{ $shareSell->share_sell_id ?? '' }}" id="share_sell_id"/>
                      <input type="hidden" name="share_config_id" value="{{ $getSellTotalShareMember->share_config_id ?? '' }}" id="share_config_id"/>
                      {!! Form::hidden('memberId',isset($shareSell->member_id)?$shareSell->member_id : '',['id'=>'memberId']) !!}
                      {!! Form::hidden('branchId',$shareSell->branch_id ?? '',['id'=>'branchId']) !!}
                      {!! Form::hidden('samityId',$shareSell->samity_id ?? '',['id'=>'samityId']) !!}
                      {!! Form::hidden('workingAreaId',null,['id'=>'workingAreaId']) !!}
                      {{-- {!! Form::hidden('shareMaxValue',floor(($getSellTotalShareMember->max_num_of_share)) ? '',['id'=>'shareMaxValue']) !!}
                      {!! Form::hidden('shareMinValue',isset(floor($getSellTotalShareMember->min_num_of_share))? floor($getSellTotalShareMember->min_num_of_share) : '' ,['id --}}

                      <div class="col-xs-8">

                        @if(!in_array($userRoleId, Config('services.branch_level_user_roles')))
                        {!! createForm::select('branch', $branchList,$shareSell->branch_id ?? '','Branch:',['id'=>'branch'])  !!}

                        @endif
                        
                        {!! createForm::select('samity',$samityList,$shareSell->samity_id ?? '','Samity:',['id'=>'samity']) !!}

                        {{-- {!! createForm::text('member','','Member:',['id'=>'member','autocomplete'=>'off']) !!} --}}
                        <div class="form-group">
                          <label for="pre_sell_share" class="col-sm-4 control-label">Member:</label>
                          <div class="col-sm-8">
                            <input type="text" name="member" value="{{ $shareSell->member_name ?? ''}}" class="form-control "  id="member">
                            <p id='err_member' style="max-height:3px;"></p>
                          </div>
                         
                        </div>

                        {!! createForm::text('pre_sell_share','','Previous Sell share:',['id'=>'pre_sell_share','readonly'=>'readonly']) !!}

                        <div class="form-group">
                          <label for="pre_sell_share" class="col-sm-4 control-label">Sale No. of Share</label>
                          <div class="col-sm-8">
                            <input type="number" name="sell_no_of_share" min="{{  isset($getSellTotalShareMember->min_num_of_share) ? floor($getSellTotalShareMember->min_num_of_share) : '' }}" value="{{ $shareSell->sell_no_of_share ?? '' }}" max="{{isset($getSellTotalShareMember->max_num_of_share) ? floor($getSellTotalShareMember->max_num_of_share) :'' }}" class="form-control " id="sell_share">
                            <p id='err_sell_no_of_share' style="max-height:3px;"></p>
                          </div>
                        </div>
                        <div class="form-group">
                          <label for="pre_sell_share" class="col-sm-4 control-label">Sale Share Value:</label>
                          <div class="col-sm-8">
                            <input type="text" name="sell_share_value" min="1" value="{{ $shareSell->sell_share_value ?? '' }}"  readonly class="form-control " id="sell_share_value">
                            <p id='err_sell_share_value' style="max-height:3px;"></p>
                          </div>
                        </div>
                        <div class="form-group">
                          <label for="pre_sell_share" class="col-sm-4 control-label">Sale Share Date:</label>
                          <div class="col-sm-8">
										        {{-- <input  type="text" class="form-control datepicker" data-error="Enter sale Share Date" value="{{ $sell_share_date ?? '' }}" id="sell_share_date"  readonly style="cursor:pointer;" name="sell_share_date"> --}}
										        <input  type="text" class="form-control" data-error="Enter sale Share Date" value="{{ $sell_share_date ?? '' }}" id="sell_share_date"  readonly style="cursor:pointer;" name="sell_share_date">
                            <p id='err_sell_share_date' style="max-height:3px;"></p>
                          </div>
                        </div>

                        <ul class="pager wizard pull-right">
                          {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                        </ul>

                      </div>{{-- End First Column --}}

                      {{-- Second Coloum --}}
                      <!-- <div class="col-xs-4" style="height: 20%;position: absolute;right: 0;bottom: 0px;">
                        <img src="images/catalog/image15.png" width="90%" height="100%" style="float:right;position: absolute; filter: opacity(30%);bottom: 0;">
                      </div> -->
                      {{-- End Second Coloum --}}

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

              </div>

            </div>
            {!! Form::close() !!}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@php
$members = DB::table('mfn_member_information')->where('softDel',0)->where('status',1)->where('branchId',$userBranchId)->where('admissionDate','<=',$softwareDate)->select('id','name','code','branchId','samityId')->get();
  $branches = DB::table('gnr_branch')->select('id','name')->get();
  $samities = DB::table('mfn_samity')->select('id','name','workingAreaId')->get();
  $workingAreas = DB::table('gnr_working_area')->select('id','name')->get();
  @endphp
  <div id="memberList" class="container" style="display: none;position: absolute;">
    <table id="memberListTable" class="table table-fixed" style="font-size: 10px;">
      <tbody id="memberListTableBody" style=" display:block;height: 120px;overflow-y: auto !important;overflow-x: hidden;float:left;">
        @foreach ($members as $member)
        @php
        /*$branchName = DB::table('gnr_branch')->where('id',$member->branchId)->value('name');
        $samity = DB::table('mfn_samity')->where('id',$member->samityId)->select('name','workingAreaId')->first();
        $workingAreaName = DB::table('gnr_working_area')->where('id',$samity->workingAreaId)->value('name');*/

        $branchName = $branches->where('id',$member->branchId)->max('name');
        $samity = $samities->where('id',$member->samityId)->first();
        $workingAreaName = $workingAreas->where('id',$samity->workingAreaId)->max('name');
        @endphp
        <tr>
          <td memberId="{{$member->id}}" branchId="{{$member->branchId}}" samityId="{{$member->samityId}}" workingAreaId="{{$samity->workingAreaId}}" style="text-align: left;">
            <span class="memberName" style="font-size: 11;font-weight: bold;">{{$member->name}}</span> -
            <span class="memberCode" style="font-size: 11;font-weight: bold;">{{$member->code}}</span><br>
            {{'Branch: '.$branchName}}<br>
            {{'Samity: '.$samity->name}}<br>
            {{'Working Area: '.$workingAreaName}}
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>


  <!-- <script src="{{ asset('js/jquery-3.1.1.min.js') }}"></script> -->


  <script type="text/javascript">
    $(".datepicker").datepicker({
      changeMonth: true,
      changeYear: true,
      dateFormat: 'mm/dd/yy',
      yearRange: 'c-15:c',
      maxDate: new Date(2024, 3, 30),
    });

    $(document).ready(function() {
      $('#sell_share').on('change', function() {
        var sellShare = parseInt($(this).val());
        var  totalSellShareValue  = 0;
        var minShare =0;
        var available = 0;
        var shareVaule =0;
        var maxShare  = 0;
        <br />
<b>Warning</b>:  Undefined variable $getSellTotalShareMember in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/share/shareSell/create_share_sell.blade.php</b> on line <b>171</b><br />
       
        $("#sell_share_value").val(totalSellShareValue);

        if (sellShare < minShare || sellShare > maxShare) {
            toastr.warning('Warning!', 'It can not be geater ' + maxShare + ' and less then ' + minShare + '.');
            $("#sell_share").val('');
            
          //  var totalSellShareValue = minShare * shareVaule ;

            $("#sell_share_value").val(0);

        }else {
            if ( sellShare < minShare || sellShare > available) {
              toastr.warning('Warning!', 'Now available share ' + available + '.');
              $("#sell_share").val('');
              $("#sell_share_value").val(0);
            }
        }

      });
        $("#samity").empty();
        
        var branchId = $("#branchId").val();
        if(branchId){
        var samityId = $("#samityId").val();
        var memberId = $("#memberId").val();
          $.ajax({
            type: 'POST',
            url: "{{ url('/getBranchWiseSamityDropDownList/') }}",
            dataType: 'json',
            data: {
              branchId: branchId
            },
          })
          .done(function(concatString) {
            // console.log(concatString);

            if (concatString == "") {
              $("input[type=submit]").attr("disabled", "disabled");
              toastr.warning("There is no such samity assigned for this branch!");
            } else {
              $("input[type=submit]").removeAttr("disabled");
            }
            // appendTheStrings(concatString);
           

            appendTheStrings(concatString);

          function appendTheStrings(concatString) {
            var count = 0;
            Object.keys(concatString).forEach(function(x) {
              if (count == 0) {
                $("#samity").append("<option value='" + samityId + "'>" + concatString[samityId] + "</option>");
                count = 1;
              }
              $("#samity").append("<option value='" + x + "'>" + concatString[x] + "</option>");
            });
          }
        $("#memberListTableBody").empty();
        $.ajax({
            url: "{{ url('/getSamityWiseMemeberDropDownList/') }}",
            type: 'POST',
            dataType: 'json',
            data: {
              samityId: samityId
            },
          })
          .done(function(concatString) {
            $("#memberListTableBody").append(concatString);
            setMemberListTableSize();
          })
          .fail(function() {
            console.log("error");
          });
         
          })
          .fail(function() {
            toastr.warning("There is something wrong in this request! Please try later!");
          });
        
          $.ajax({
              url: '/cooperativebdplus/public/mfn/getMemberTotalSellShare',
              type: 'POST',
              dataType: 'json',
              data: {
                memberId: memberId
              },
            })
            .done(function(data) {

              if (!data.getSellTotalShare) {
                $("#pre_sell_share").val(0);
              } else {
                $("#pre_sell_share").val(data.getSellTotalShare);
              }

            })
            .fail(function() {
              alert("error3");
            });

        }else{
          $("#samity").append("<option value=''>--Select--</option>");
        }

      function num(argument) {
        return argument.toLocaleString('en-US', {
          minimumFractionDigits: 2,
          maximumFractionDigits: 2
        });
      }

      /*Form*/
      $('form').submit(function(event) {

        event.preventDefault();


        // if ( $("#member").val() == '' || $("#memberId").val() == '') {
        //   return false;
        // }

        // $("#submit").prop('disabled', true);

        $.ajax({
          type: 'post',
          url: "{{ url($route['path'].'/storeSellShare/') }}",
          data: $('form').serialize(),
          dataType: 'json',
          success: function(_response) {

            if(_response.errors){
							
								if (_response.errors['memberId']) {
									$('#memberId').empty();
									$('#err_member').empty();
									$('#err_member').append('<span class="errormsg" style="color:red">'+_response.errors.memberId+'</span>');
									
								}
								if (_response.errors['sell_no_of_share']) {
									$('#sell_no_of_share').empty();
									$('#err_sell_no_of_share').empty();
									$('#err_sell_no_of_share').append('<span class="errormsg" style="color:red">'+_response.errors.sell_no_of_share+'</span>');
									
								}
								if (_response.errors['sell_share_value']) {
									$('#sell_share_value').empty();
									$('#err_sell_share_value').empty();
									$('#err_sell_share_value').append('<span class="errormsg" style="color:red">'+_response.errors.sell_share_value+'</span>');
									
								}
								if (_response.errors['sell_share_date']) {
									$('#sell_share_date').empty();
									$('#err_sell_share_date').empty();
									$('#err_sell_share_date').append('<span class="errormsg" style="color:red">'+_response.errors.sell_share_date+'</span>');
									
								}
								return false;
						}
						else {
							// alert('success');
							toastr.success(_response.responseText, _response.responseTitle, opts);
							
							setTimeout(function(){
								window.location.href = "{{ url($route['path'].'/shareSellList/') }}";
							}, 1500);
						}


          },
          error: function(_response) {
            $("#submit").prop('disabled', false);
            alert('Response Error');
          }
        });

      });
      /* End Form*/

      /*Hide Errors On Filed input or Change*/
      $(document).on('input', 'input', function() {
        $(this).closest('div').find('.error').remove();
      });
      $(document).on('change', 'select', function() {
        $(this).closest('div').find('.error').remove();
      });
      /*End Hide Errors On Filed input or Change*/


      /*show the member list table on double click the member text field*/
      $("#member").click(function(event) {
        $("#memberList").show('slow/400/fast');
      });
      /*end show the member list table on double click the member text field*/

      /*on select td set the valus of hidden field for the member*/
      /*$("#memberListTable tbody tr td").on('click', function(event) {
              $("#memberId").val($(this).attr('memberId')).trigger('change');
              $("#branchId").val($(this).attr('branchId'));
              $("#samityId").val($(this).attr('samityId'));
              $("#workingAreaId").val($(this).attr('workingAreaId'));

              $("#member").val($(this).find('.memberName').text() + ' - '+$(this).find('.memberCode').text());

              $("#memberList").hide('slow/400/fast');

              $("#product").trigger('change');
      });*/
      $(document).on("click", "#memberListTable tbody tr td", function(e) {

        $("#memberId").val($(this).attr('memberId')).trigger('change');
        $("#branchId").val($(this).attr('branchId'));
        $("#samityId").val($(this).attr('samityId'));
        $("#workingAreaId").val($(this).attr('workingAreaId'));

        $("#member").val($(this).find('.memberName').text() + ' - ' + $(this).find('.memberCode').text());

        $("#memberList").hide('slow/400/fast');



        // $("#product").trigger('change');

      });
      /*end on select td set the valus of hidden field for the member*/


      /*set the memberList position*/
      function setMemberListTableSize() {
        var top = $('#member').offset().top - 48;
        var left = $('#member').offset().left - 15;
        var width = $('#member').width() + 14;

        $("#memberList").css({
          top: top
        });
        $("#memberList").css({
          left: left
        });
        $("#memberList").width(width);
        $("#memberListTable tbody tr td").width(width);
      }

      setMemberListTableSize();

      $(window).resize(function() {
        setMemberListTableSize();
      });

      /*end set the memberList position*/

      /*make the samity list base on branch selected*/
      $("#branch").change(function(event) {
        var branchId = $(this).val();
        $("#samity").empty();
        $.ajax({
            type: 'POST',
            url: "{{ url('/getBranchWiseSamityDropDownList/') }}",
            dataType: 'json',
            data: {
              branchId: branchId
            },
          })
          .done(function(concatString) {
            // console.log(concatString);

            if (concatString == "") {
              $("input[type=submit]").attr("disabled", "disabled");
              toastr.warning("There is no such samity assigned for this branch!");
            } else {
              $("input[type=submit]").removeAttr("disabled");
            }

            appendTheStrings(concatString);

            function appendTheStrings(concatString) {
              var count = 0;
              Object.keys(concatString).forEach(function(x) {
                if (count == 0) {
                  $("#samity").append("<option value=''>--Select--</option>");
                  count = 1;
                }
                $("#samity").append("<option value='" + x + "'>" + concatString[x] + "</option>");
              });
            }
          })
          .fail(function() {
            toastr.warning("There is something wrong in this request! Please try later!");
          });

      });
      /*end make the samity list base on branch selected*/

      /*make the memeber list base on samity selected*/
      $("#samity").change(function(event) {
        var samityId = $(this).val();
        $("#memberListTableBody").empty();
        $.ajax({
         
            url: "{{ url('/getSamityWisWeeklySavingseMemeberDropDownList/') }}",
            type: 'POST',
            dataType: 'json',
            data: {
              samityId: samityId,
              accountType: 'others'
            },
          })
          .done(function(concatString) {
            // console.log(concatString);
            if (concatString == "") {
              // $("input[type=submit]").attr("disabled", "disabled");
              // toastr.warning("There is no such eligible member!");
            } else {
              $("input[type=submit]").removeAttr("disabled");
            }

            $("#memberListTableBody").append(concatString);
            setMemberListTableSize();
          })
          .fail(function() {
            console.log("error");
          });

      });
      /*end make the memeber list base on samity selected*/

      var matchedIndex = new Array();
      /*make search throgh table of member*/
      $("#member").on('input', function(event) {

        // Reset the values
        $("#memberId").val('').trigger('change');
        $("#branchId").val('');
        $("#samityId").val('');


        var inputValue = $(this).val().toLowerCase();

        $("#memberList").show('slow/400/fast');

        matchedIndex = [];


        $("#memberListTable tbody tr td").each(function(index, el) {
          var memberName = $(el).find('.memberName').text().toLowerCase();
          var memberCode = $(el).find('.memberCode').text().toLowerCase();
          var fullText = memberName + ' - ' + memberCode;

          if (memberName.indexOf(inputValue) !== -1 || memberCode.indexOf(inputValue) !== -1 || fullText.indexOf(inputValue) !== -1) {
            $(el).show();
            matchedIndex.push($(el).closest('tr').index());
          } else {
            $(el).hide();
          }

        });
        /* Act on the event */
      });
      /*end make search throgh table of member*/


      /*var initialKeyIndex = 0;*/

      $(document).keydown(function(e) {

        //Enter key
        if (e.keyCode == 13 && matchedIndex.length == 1) {
          e.preventDefault();
          $("#memberListTable tbody tr").eq(matchedIndex[0]).find('td').trigger('click');
        }

        /*if (e.keyCode==40) {

            $("#memberListTable tbody tr").eq(1).find('td').focus();
        }*/

      });

      $(document).mouseup(function(e) {
        var container = $("#memberList");
        // if the target of the click isn't the container nor a descendant of the container
        if (!container.is(e.target) && container.has(e.target).length === 0) {
          container.hide('slow/400/fast', function() {

          });
        }
      });

      /*end add nominee*/

      /*remove nominee closset tr*/
      $(document).on('click', '.removeButton', function(event) {
        $(this).closest('tr').remove();
      });
      /*end remove nominee closset tr*/

      /*on change member get the savings accounts*/
      $("#memberId").change(function(event) {

        var memberId = $(this).val();
        if (memberId != '') {
          // Get the Products which is not mendatory and except those prducts which are not multiple savings allowed but opended by the member

          $.ajax({
              url: './getMemberTotalSellShare',
              type: 'POST',
              dataType: 'json',
              data: {
                memberId: memberId
              },
            })
            .done(function(data) {

              if (!data.getSellTotalShare) {
                $("#pre_sell_share").val(0);
              } else {
                $("#pre_sell_share").val(data.getSellTotalShare);
              }

            })
            .fail(function() {
              alert("error3");
            });

        }
      });
      /*end on change member get the savings accounts*/

      /*Calculate Mature Date*/

      /*End Calculate Mature Date*/

      /*get payable amount on change fixed deposit amount*/

      /*end get payable amount on change fixed deposit amount*/

      /*calculate mature date on change periodYear*/
      /*end calculate mature date on change periodYear*/

      /*hide bank/cheque base on transaction type*/

      /*end hide bank/cheque base on transaction type*/

      /*make the memeber list base on samity selected*/
      $("#samity").change(function(event) {
        var samityId = $(this).val();
        $("#memberListTableBody").empty();
        $.ajax({
            url:  "{{ url('/getSamityWiseMemeberDropDownList/') }}",
            type: 'POST',
            dataType: 'json',
            data: {
              samityId: samityId
            },
          })
          .done(function(concatString) {
            $("#memberListTableBody").append(concatString);
            setMemberListTableSize();
          })
          .fail(function() {
            console.log("error");
          });

      });
      /*end make the memeber list base on samity selected*/

      $("#loadingModal").hide();

    }); /*End Ready*/
  </script>

  @endsection