@extends('layouts/microfin_layout')
@section('title', '| Product Details')
@section('content')
<style type="text/css">
		#interestRateList>tbody>tr>td:last-child a {
		padding: 0 3px;
	}

		#change-status-modal .modal-header,
	.showModal,
		#change-status-notification-modal .modal-header {
		background-color: #000;
		height: 40px;
		color: #fff;
		padding: 10px 15px !important;
	}

		#change-status-modal .modal-footer,
		#change-status-notification-modal .modal-footer {
		background-color: #fff;
		color: #fff;
	}
</style>
<div class="row">
	<div class="col-md-12">
		<div class="panel panel-default" style="_background-color:#708090;">
		
			<div class="panel-body panelBodyView">
				<div class="row">
					<div class="col-md-10 col-md-offset-1">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-options">
                                <a href="{{ url($route['path'].'/shareStockList/') }}" class="btn btn-info pull-right addViewBtn">
                                    <i class="glyphicon glyphicon-plus-sign addIcon"></i>
                                    Share Stock List
                                </a>
                            </div>
                        </div>
						<table class="table table-striped table-bordered member-info">
							<thead>
								<tr>
									<th colspan="6">
										<strong>Share Stock Information</strong>
									</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Permission No. Of Share :</td>
									<td>{{$shareStockDetails->permission_no_of_share ?? ''}}</td>
									<td>Permission avilable Share:</td>
									<td>{{$avilable_sellable_share ?? ''}}</td>
								</tr>
								<tr>
									<td>Permission Share Date:</td>
                                    <td>
                                        <br />
<b>Warning</b>:  Undefined variable $shareStockDetails in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/configuration/share/shareStock/share_stock_details.blade.php</b> on line <b>58</b><br />
<br />
<b>Warning</b>:  Attempt to read property "permission_share_date" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/configuration/share/shareStock/share_stock_details.blade.php</b> on line <b>58</b><br />
<br />
<b>Deprecated</b>:  date_create(): Passing null to parameter #1 ($datetime) of type string is deprecated in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/configuration/share/shareStock/share_stock_details.blade.php</b> on line <b>58</b><br />
                                     {{$permission_share_date ?? '' }}
                                    </td>
                                    <td></td>
                                    <td></td>
								</tr>
							</tbody>
						</table>
						<div style="height:20px"></div>
						<div class="panel-heading" style="padding-bottom:0px">
							<div class="panel-options">
								<a href="{{ url($route['path'].'/sellableShare/'.$shareStockDetails->share_stock_id) }}""
									class="btn btn-info pull-right addViewBtn">
									<i class="glyphicon glyphicon-plus-sign addIcon"></i>
									 Sellable
								</a>
							</div>
						</div>
						
						<table class="table table-striped table-bordered view" id="interestRateList">
							<thead>
								<tr>
                                    <th>SL</th>
                                    <th>Sellable Date</th>
									<th>Sellable Share</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
                                 @php($sl=1)
                                @foreach($shareStockSellable as $shareStockSellables )
                                <br />
<b>Warning</b>:  Undefined variable $shareStockSellables in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/configuration/share/shareStock/share_stock_details.blade.php</b> on line <b>92</b><br />
<br />
<b>Warning</b>:  Attempt to read property "share_sellable_date" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/configuration/share/shareStock/share_stock_details.blade.php</b> on line <b>92</b><br />
<br />
<b>Deprecated</b>:  date_create(): Passing null to parameter #1 ($datetime) of type string is deprecated in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/configuration/share/shareStock/share_stock_details.blade.php</b> on line <b>92</b><br />
                                 <tr>
                                     <td>{{$sl++}}</td>
                                     <td>{{$share_sellable_date ?? ''}}</td>
                                     <td style="text-align: right;">{{ $shareStockSellables->share_sellable}}</td>
                                     
                                     <td>
                                        <a href="{{ url($route['path'].'/sellableShare/'. $shareStockSellables->share_stock_id.'/'.$shareStockSellables->share_sellable_id) }}"  data-id="{{ $shareStockSellables->share_sellable_id}}" data-name="{{ $shareStockSellables->share_sellable_id}}">
                                            <i class="fa fa-pencil fa-lg" aria-hidden="true"></i>&nbsp
                                        </a> 
                                        {{-- <a href="javascript:;" class="deleteConfirmation delete-modal" data-id="{{ $shareStockSellables->share_sellable_id}}">
                                            <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
                                        </a> --}}
                                     </td>
                                 </tr>
                                @endforeach
								
							</tbody>
						</table>
						
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

{{-- delete modal --}}
<!-- <div class="modal fade" id="delete-confirmation-modal">
	<div class="modal-dialog">
		<div class="modal-header">
			<h4 class="modal-title">Delete Confirmation</h4>
			<a class="close" href="#" data-dismiss="modal">X</a>
		</div>
		<div class="modal-content">
			<div class="modal-body">
				Are you sure to delete this item?
			</div>
		</div>
		<div class="modal-footer">
			<div class="form-group hidden">
				<div class="col-sm-6 col-sm-offset-2">
					{!! Form::text('id', $value = null, ['class' => 'form-control', 'id' => 'id', 'type' => 'text',
					'readonly']) !!}
				</div>
			</div>
			<button id="yesBtn" type="button" class="btn btn-info animated slideInRight"
				style="margin-bottom:0!important;" onclick="deleteData();">Yes</button>
			<button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal"
				style="margin-bottom:0!important;">No</button>
		</div>
	</div>
</div> -->
<div id="myModal" class="modal fade" style="margin-top:3%">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" style="clear:both"></h4>
			</div>
			<div class="modal-body">
				<div class="deleteContent" style="padding-bottom:20px;">
					<h4>You are about to delete this item this procedure is irreversible !</h4>
					<h4>Do you want to proceed ?</h4>
					<span class="hidden id"></span>
				</div>
				<div class="modal-footer">
					<p id="MSGE" class="pull-left" style="color:red"></p>
					<p id="MSGS" class="pull-left" style="color:green"></p>
         {!! Form::button('
					<span id=""></span>', ['class' => 'btn actionBtn', 'id' => 'footer_action_button'] ) !!}
          {!! Form::button('
					<span id=""></span>', ['class' => 'btn actionBtn', 'data-dismiss' => 'modal', 'id' => 'footer_action_button2'] ) !!}

         {!! Form::button('
					<span id=""> Close</span>',['class' => 'btn btn-warning', 'data-dismiss' => 'modal' , 'id' => 'footer_action_button_dismis'] ) !!}
        
				</div>
			</div>
		</div>
	</div>
</div>

{{-- status change modal --}}
<div class="modal fade" id="change-status-modal">
	<div class="modal-dialog">
		<div class="modal-header">
			<h4 class="modal-title">Change Status</h4>
			<a class="close" href="#" data-dismiss="modal">X</a>
		</div>
		<div class="modal-content">
			<div class="modal-body">
				Are you sure to change status?
			</div>
		</div>
		<div class="modal-footer">
			<div class="form-group hidden">
				<div class="col-sm-6 col-sm-offset-2">
					{!! Form::text('id', $value = null, ['class' => 'form-control', 'id' => 'id', 'type' => 'text',
					'readonly']) !!}
				</div>
			</div>
			<button id="yesBtn" type="button" class="btn btn-info animated slideInRight"
				style="margin-bottom:0!important;" onclick="changeStatus();">Yes</button>
			<button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal"
				style="margin-bottom:0!important;">No</button>
		</div>
	</div>
</div>

{{-- status change notification modal --}}
<div class="modal fade" id="change-status-notification-modal">
	<div class="modal-dialog">
		<div class="modal-header">
			<h4 class="modal-title">Change Status</h4>
			<a class="close" href="#" data-dismiss="modal">X</a>
		</div>
		<div class="modal-content">
			<div class="modal-body">
				Please, activate this item first to modify!
			</div>
		</div>
		<div class="modal-footer">
			<button id="noBtn" type="button" class="btn btn-info animated slideInRight" data-dismiss="modal"
				style="margin-bottom:0!important;">Ok</button>
		</div>
	</div>
</div>

<script type="text/javascript">
	// delete
		$(document).on('click', '.deleteConfirmation', function() {
			if(hasAccess('deleteLoanInterestRate')) {
				$('#id').val($(this).data('id'));
				$('.navbar-minimal').css("z-index", "1");
				jQuery('#delete-confirmation-modal').modal('show', {backdrop: 'fade'});
			}
		});

		function deleteData() {

			$.ajax({
				type: 'post',
				url: './../deleteShareSellableItem',
				dataType: 'json',
				data: {
					'id': $('#id').val()
				},
				success: function(_response) {
					if(_response.errors) {
						if(_response.errors['name'])
							toastr.warning(_response.errors.name, null, opts);
					} else {
						toastr.success(_response.responseText, _response.responseTitle, opts);

						
					}
				},
				error: function(_response) {
					alert(_response.errors);
				}
			});
		}

		// change status
		$(document).on('click', '.changeStatus', function() {
			if(hasAccess('updateInterestRateItem')) {
				$('#id').val($(this).data('id'));
				$('.navbar-minimal').css("z-index", "1");
				jQuery('#change-status-modal').modal('show', {backdrop: 'fade'});
			}
		});

		function changeStatus() {

			$.ajax({
				type: 'post',
				url: './../updateLoanInterestRateItemStatus',
				dataType: 'json',
				data: {
					'interestId': $('#id').val(),
				},
				success: function(_response) {
					// alert(_response.responseTitle);
					if(_response.errors) {
						if(_response.errors['name'])
							toastr.warning(_response.errors.name, null, opts);
					} else {
						if (_response.responseTitle == 'Warning!') {
							toastr.warning(_response.responseText, _response.responseTitle, opts);
						}
						else if (_response.responseTitle == 'Success!') {
							toastr.success(_response.responseText, _response.responseTitle, opts);
						}
						
					}
				},

				error: function(_response) {
					alert(_response.errors);
				}
			});
		}

		// status notification
		$(document).on('click', '.changeStatusNotification', function() {
			$('#id').val($(this).data('id'));
			$('.navbar-minimal').css("z-index", "1");
			jQuery('#change-status-notification-modal').modal('show', {backdrop: 'fade'});
		});

        $( document ).ready(function() {
      //delete function
    $(document).on('click', '.delete-modal', function() {
    //   alert('jii');
      $('#MSGE').empty();
      $('#MSGS').empty();
      $('#footer_action_button2').text(" Yes");
      $('#footer_action_button2').removeClass('glyphicon glyphicon-check');
      //$('#footer_action_button').addClass('glyphicon-trash');
      $('#footer_action_button_dismis').text(" No");
      $('#footer_action_button_dismis').removeClass('glyphicon glyphicon-remove');
      $('.actionBtn').removeClass('edit');
      $('.actionBtn').removeClass('btn-success');
      $('.actionBtn').addClass('btn-danger');
      $('.actionBtn').addClass('delete');
      $('.modal-title').text('Delete');
      $('.modal-header').css({"background-color":"black", "color":"white", "padding":"10px"});
      $('.modal-dialog').css('width','50%');
      $('.id').text($(this).data('id'));
      $('.deleteContent').show();
      $('.form-horizontal').hide();
      $('#footer_action_button2').show();
      $('#footer_action_button').hide();
      $('#myModal').modal('show');
    });

    $('.modal-footer').on('click', '.delete', function() {
    //   alert('got it!');
      $.ajax({
        type: 'post',
        url: './../deleteShareSellableItem',
        data: {
          '_token': $('input[name=_token]').val(),
          'id': $('.id').text()
        },
        success: function(data) {

          if (data.responseTitle == 'Warning!') {
            toastr.warning(data.responseText, data.responseTitle);
          }
          else {
            toastr.success(data.responseText, data.responseTitle);
            $('.item' + $('.id').text()).remove();
            setTimeout(function(){
                                window.location.href = '{{ url($route['path'].'/shareStockList/') }}';
            }, 1500);
          }
        },
        error: function (data) {
          // 
          alert('Something Went Wrong!');
        }
      });
    });
      
  });

</script>
@endsection